什么

這是一個(gè)了不起的庫，它可以用幾行代碼創(chuàng)建漂亮的頁面效果。就網(wǎng)站而言，這使它變得更加有趣。

如果你這樣想：“孩子，我需要另一個(gè)圖書館，就像我需要腦袋一樣”，那么加入這個(gè)俱樂部。這正是我第一次遇到它時(shí)的想法。

我使用過 Moo.fx、TW-SACK 和。參與過RICO、YUI等庫的開發(fā)。

不，我不再接近了。但是我仍然盡量保持頭腦清醒，并嘗試?yán)^續(xù)使用 AJAX 進(jìn)行思考。

所以當(dāng)我見面時(shí)，我想：“我還需要另一個(gè)圖書館嗎？不需要，謝謝……”

為什么

為什么我會改變我的看法，為什么你應(yīng)該考慮使用它？很簡單，只要看看你使用的頁面，就會發(fā)現(xiàn)它是如此的簡單易用。只使用了幾行?？梢员憩F(xiàn)出非常優(yōu)雅的效果。有一天突然看到寫的一些代碼，頓時(shí)豁然開朗。早茶的時(shí)候，例行的查看訂閱，去看每日必看的內(nèi)容，在設(shè)計(jì)博客的時(shí)候，看到了一個(gè)寫好的例子。原來這些代碼還是有一些瀏覽器相關(guān)的bug，但是這些概念還是我以前從未見過的。

還有那些代碼...

代碼看起來很簡單，看起來不像我以前見過的，但也不是沒有道理。

我開始通讀文檔，驚訝地發(fā)現(xiàn)用一點(diǎn)代碼可以完成這么多事情。

什么時(shí)候

你應(yīng)該在需要的時(shí)候使用它。

給你一個(gè)小的庫文件DOM強(qiáng)大的控制能力不費(fèi)吹灰之力的工作，一點(diǎn)點(diǎn)的努力。

或者

快速通過AJAX，無需大量無用代碼和一些基本的動畫效果

但

如果你需要超級花哨的效果、動畫、拖放和超級流暢的動畫，那么你可能想要使用它。它是一個(gè)擁有大量動畫效果的庫。

你可以從官網(wǎng)下載他的源代碼（10K）。

WHO

是約翰。

.() 是一個(gè)在傳統(tǒng)中吃苦耐勞的家伙。長期以來，它一直被程序員用作解決客戶端頁面加載問題的捷徑。

但有時(shí)等待頁面加載速度不夠快。

只有少數(shù)大圖片文件會被快速加載，而大多數(shù)大圖片文件會使 .() 加載非常緩慢。因此，當(dāng)我為最近的網(wǎng)絡(luò)營銷創(chuàng)建 Web 應(yīng)用程序時(shí)php獲取服務(wù)器ie版本，我不得不希望它會更快。.() 周圍的一些新研究（例如蛋糕）代碼是一種快速方法。有需要的可以試試。

但是如果你想做一些DOM（文檔對象模型）編程，那你何不試試呢，就像自己做蛋糕，嘗一嘗一樣。（雙關(guān)蛋糕，詼諧的話）。

有一個(gè)方便的小函數(shù)用作快速 DOM 加載，即......它在頁面加載之前執(zhí)行。

$(document).ready(function(){
// Your code here...
});

您可以使用它來加載您想要加載的任何編碼樣式，不一定要保留。也可以同時(shí)執(zhí)行多個(gè)功能。

你之前可能見過類似 init() 的函數(shù)，你會發(fā)現(xiàn)它要快得多。

我們將在以后的教程中一遍又一遍地使用這個(gè)函數(shù)。

好的，你現(xiàn)在可以試試代碼了：（記得把它引用到你的頁面中。如果你不記得，請閱讀上一篇。）

$(document).ready(function(){
alert("Congratluations!");
});

很容易，不是嗎？幾分鐘內(nèi)制作的雙色表。

本節(jié)本身沒有多大價(jià)值，重點(diǎn)是它提供的示例。重要的部分我會貼出代碼和評論：先看看傳統(tǒng)的做法：預(yù)覽地址（可以查看源碼）。我們來看看如何用5行代碼來做：

?




姓名
年齡
QQ
Email




鄧國梁
23
31540205
gl.deng@gmail.com


鄧國梁
23
31540205
gl.deng@gmail.com


鄧國梁
23
31540205
gl.deng@gmail.com


鄧國梁
23
31540205
gl.deng@gmail.com


鄧國梁
23
31540205
gl.deng@gmail.com


鄧國梁
23
31540205
gl.deng@gmail.com



pS: 飄飄說我的table沒有,我知錯(cuò)了...

預(yù)覽地址

這里有一個(gè)技巧我不得不提：什么是連鎖經(jīng)營？我們看一下，應(yīng)該是這樣寫的：

$(".stripe tr").mouseover(function(){
$(this).addClass("over");})
$(".stripe tr").mouseout(function(){
$(this).removeClass("over"); })

但我們寫道：

$(".stripe tr").mouseover(function(){
$(this).addClass("over");}).mouseout(function(){
$(this).removeClass("over");})

因?yàn)槭髽?biāo)移入和移出都發(fā)生在同一個(gè)對象上，所以我們可以將發(fā)生在同一個(gè)對象上的動作寫在一起。這樣，如果對象很多，并且發(fā)生了很多動作，就會節(jié)省很多錢。代碼。（我暫時(shí)是這么理解的，不知道是否還望高人指正。）

*

15 Days of (Day 3)---一個(gè)巧妙的偽裝鏈接

今天的教程是倉促完成的。想在15天前放一些東西，簡單說一下php獲取服務(wù)器ie版本，免得一些js新手被一堆代碼搞糊涂了。事實(shí)上，我快要結(jié)束了。這個(gè)決定是當(dāng)時(shí)做出的。

目標(biāo)

我們將使用創(chuàng)建一小段代碼來轉(zhuǎn)換和偽裝頁面上的所有超鏈接。

部分加盟經(jīng)銷商認(rèn)為，部分用戶有足夠的洞察力去發(fā)現(xiàn)加盟鏈接，可以盡量避免點(diǎn)擊網(wǎng)址鏈接直接進(jìn)入瀏覽器，從而“欺騙”加盟經(jīng)銷商離開代理（假設(shè)已經(jīng)發(fā)生購買）

“舊”方法

有許多附屬分銷商千方百計(jì)隱藏他們的鏈接，以防止人們通過鏈接找到他們。這些技巧涉及。和服務(wù)器端代碼。但是對于本教程，我將重點(diǎn)放在“老派”上：

該代碼用于在瀏覽器狀態(tài)欄中顯示用戶鼠標(biāo)指向的鏈接地址。比如實(shí)際鏈接是，可以在狀態(tài)欄顯示

問題

您是一個(gè)非?；钴S的子分銷商，您可能會以瘋狂的速度添加指向許多頁面的鏈接。而且你必須在每個(gè)鏈接上添加這個(gè)效果，那么你肯定會感到無聊。加入有一天你要修改任務(wù)欄 估計(jì)顯示鏈接的時(shí)候你會抓狂的。

解決方案

首先，我們想盡快偽裝我們的鏈接，所以我們應(yīng)該從這里開始：

當(dāng) DOM 準(zhǔn)備好時(shí)，我們放入其中的代碼開始執(zhí)行。

下一個(gè)

在所有我們要偽裝的鏈接上加一個(gè)，這樣可以幫助我們找到需要偽裝的鏈接，留下其他不需要偽裝的鏈接。有兩個(gè)作用： 當(dāng)鼠標(biāo)移到鏈接上時(shí)，會出現(xiàn)一個(gè)小框形狀 提示顯示網(wǎng)址： 并且在瀏覽器的狀態(tài)欄中顯示相同的信息（僅限IE）。

"http://www.affsite.com?id=123" title="http://www.affsite.com"
class="affLink">Super Duper product

告訴查找?guī)в?= "" 的鏈接

$('a.affLink')

添加鼠標(biāo)懸停事件

$('a.affLink').mouseover(function(){window.status=this.title;return true;})

簡單的說：查找所有帶有=“”的鏈接，將鼠標(biāo)懸停在瀏覽器狀態(tài)欄信息上時(shí)，將其更改為鏈接的內(nèi)容。這不能正常工作，但只能在 IE 中工作。It 中的狀態(tài)欄僅顯示“完成”，或者更準(zhǔn)確地說，將鼠標(biāo)懸停在超鏈接上對狀態(tài)欄沒有影響。我沒有更多的瀏覽器測試。

繼續(xù)——讓我們使用“鏈?zhǔn)健狈椒?，像這樣：

$('a.affLink').mouseover(function(){window.status=this.title;return true;})
.mouseout(function(){window.status='Done';return true;});

這段代碼告訴你改變?yōu)g覽器的狀態(tài)欄信息，或者當(dāng)鼠標(biāo)不在鏈接上時(shí)返回“完成”。如果你不習(xí)慣鏈的工作方式，那么你可以這樣寫：

$('a.affLink').mouseover(function(){window.status=this.title;return true;});
$('a.affLink').mouseout(function(){window.status='Done';return true;});

由你決定。

把這些代碼放在一起：

最后的想法。有的人可能覺得今天的課程太簡單了，有的人可能還有點(diǎn)不清楚，因?yàn)槟銈儾皇嵌壗?jīng)銷商。

在接下來的“日子”中，你會看到我得到更多，并與你或不。

該規(guī)則提到了如何防止垃圾郵件：不要將您的電子郵件地址放在任何一個(gè)：鏈接中。在與垃圾郵件作斗爭的過程中，我們的網(wǎng)頁設(shè)計(jì)師和程序員總結(jié)了一些創(chuàng)造性的解決方案。讓我們快速看看這些常用方法的一些缺點(diǎn)（或多或少）。

名稱 [無垃圾郵件]

問題：鏈接類型更方便，在收件人字段中輸入電子郵件地址可能會出錯(cuò)。

當(dāng)前文章：what是一個(gè)了不起的庫，它可以創(chuàng)建出漂亮的頁面效果
本文地址：http://jinyejixie.com/news41/297991.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、Google、商城網(wǎng)站、自適應(yīng)網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)