什么

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

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

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

不，我不再接近了。但是我仍然盡量保持頭腦清醒，并嘗試繼續使用 AJAX 進行思考。

所以當我見面時，我想：“我還需要另一個圖書館嗎？不需要，謝謝……”

為什么

為什么我會改變我的看法，為什么你應該考慮使用它？很簡單，只要看看你使用的頁面，就會發現它是如此的簡單易用。只使用了幾行。可以表現出非常優雅的效果。有一天突然看到寫的一些代碼，頓時豁然開朗。早茶的時候，例行的查看訂閱，去看每日必看的內容，在設計博客的時候，看到了一個寫好的例子。原來這些代碼還是有一些瀏覽器相關的bug，但是這些概念還是我以前從未見過的。

還有那些代碼...

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

我開始通讀文檔，驚訝地發現用一點代碼可以完成這么多事情。

什么時候

你應該在需要的時候使用它。

給你一個小的庫文件DOM強大的控制能力不費吹灰之力的工作，一點點的努力。

或者

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

但

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

你可以從官網下載他的源代碼（10K）。

WHO

是約翰。

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

但有時等待頁面加載速度不夠快。

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

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

有一個方便的小函數用作快速 DOM 加載，即......它在頁面加載之前執行。

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

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

你之前可能見過類似 init() 的函數，你會發現它要快得多。

我們將在以后的教程中一遍又一遍地使用這個函數。

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

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

很容易，不是嗎？幾分鐘內制作的雙色表。

本節本身沒有多大價值，重點是它提供的示例。重要的部分我會貼出代碼和評論：先看看傳統的做法：預覽地址（可以查看源碼）。我們來看看如何用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沒有,我知錯了...

預覽地址

這里有一個技巧我不得不提：什么是連鎖經營？我們看一下，應該是這樣寫的：

$(".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");})

因為鼠標移入和移出都發生在同一個對象上，所以我們可以將發生在同一個對象上的動作寫在一起。這樣，如果對象很多，并且發生了很多動作，就會節省很多錢。代碼。（我暫時是這么理解的，不知道是否還望高人指正。）

*

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

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

目標

我們將使用創建一小段代碼來轉換和偽裝頁面上的所有超鏈接。

部分加盟經銷商認為，部分用戶有足夠的洞察力去發現加盟鏈接，可以盡量避免點擊網址鏈接直接進入瀏覽器，從而“欺騙”加盟經銷商離開代理（假設已經發生購買）

“舊”方法

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

該代碼用于在瀏覽器狀態欄中顯示用戶鼠標指向的鏈接地址。比如實際鏈接是，可以在狀態欄顯示

問題

您是一個非常活躍的子分銷商，您可能會以瘋狂的速度添加指向許多頁面的鏈接。而且你必須在每個鏈接上添加這個效果，那么你肯定會感到無聊。加入有一天你要修改任務欄 估計顯示鏈接的時候你會抓狂的。

解決方案

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

當 DOM 準備好時，我們放入其中的代碼開始執行。

下一個

在所有我們要偽裝的鏈接上加一個，這樣可以幫助我們找到需要偽裝的鏈接，留下其他不需要偽裝的鏈接。有兩個作用： 當鼠標移到鏈接上時，會出現一個小框形狀 提示顯示網址： 并且在瀏覽器的狀態欄中顯示相同的信息（僅限IE）。

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

告訴查找帶有 = "" 的鏈接

$('a.affLink')

添加鼠標懸停事件

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

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

繼續——讓我們使用“鏈式”方法，像這樣：

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

這段代碼告訴你改變瀏覽器的狀態欄信息，或者當鼠標不在鏈接上時返回“完成”。如果你不習慣鏈的工作方式，那么你可以這樣寫：

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

由你決定。

把這些代碼放在一起：

最后的想法。有的人可能覺得今天的課程太簡單了，有的人可能還有點不清楚，因為你們不是二級經銷商。

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

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

名稱 [無垃圾郵件]

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

當前文章：what是一個了不起的庫，它可以創建出漂亮的頁面效果
本文地址：http://m.newbst.com/news41/297991.html

成都網站建設公司_創新互聯，為您提供網站維護、Google、商城網站、自適應網站、品牌網站設計、企業建站

廣告

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