what是一個了不起的庫，它可以創(chuàng)建出漂亮的頁面效果
2021-10-16
什么
這是一個了不起的庫，它可以用幾行代碼創(chuàng)建漂亮的頁面效果。就網(wǎng)站而言，這使它變得更加有趣。
如果你這樣想：“孩子，我需要另一個圖書館，就像我需要腦袋一樣”，那么加入這個俱樂部。這正是我第一次遇到它時的想法。
我使用過 Moo.fx、TW-SACK 和。參與過RICO、YUI等庫的開發(fā)。
不，我不再接近了。但是我仍然盡量保持頭腦清醒，并嘗試?yán)^續(xù)使用 AJAX 進(jìn)行思考。
所以當(dāng)我見面時，我想：“我還需要另一個圖書館嗎？不需要，謝謝……”
為什么
為什么我會改變我的看法，為什么你應(yīng)該考慮使用它？很簡單，只要看看你使用的頁面，就會發(fā)現(xiàn)它是如此的簡單易用。只使用了幾行?？梢员憩F(xiàn)出非常優(yōu)雅的效果。有一天突然看到寫的一些代碼，頓時豁然開朗。早茶的時候，例行的查看訂閱，去看每日必看的內(nèi)容，在設(shè)計博客的時候，看到了一個寫好的例子。原來這些代碼還是有一些瀏覽器相關(guān)的bug，但是這些概念還是我以前從未見過的。
還有那些代碼...
代碼看起來很簡單，看起來不像我以前見過的，但也不是沒有道理。
我開始通讀文檔，驚訝地發(fā)現(xiàn)用一點(diǎn)代碼可以完成這么多事情。
什么時候
你應(yīng)該在需要的時候使用它。
給你一個小的庫文件DOM強(qiáng)大的控制能力不費(fèi)吹灰之力的工作，一點(diǎn)點(diǎn)的努力。
或者
快速通過AJAX，無需大量無用代碼和一些基本的動畫效果
但
如果你需要超級花哨的效果、動畫、拖放和超級流暢的動畫，那么你可能想要使用它。它是一個擁有大量動畫效果的庫。
你可以從官網(wǎng)下載他的源代碼（10K）。
WHO
是約翰。
.() 是一個在傳統(tǒng)中吃苦耐勞的家伙。長期以來，它一直被程序員用作解決客戶端頁面加載問題的捷徑。
但有時等待頁面加載速度不夠快。
只有少數(shù)大圖片文件會被快速加載，而大多數(shù)大圖片文件會使 .() 加載非常緩慢。因此，當(dāng)我為最近的網(wǎng)絡(luò)營銷創(chuàng)建 Web 應(yīng)用程序時php獲取服務(wù)器ie版本，我不得不希望它會更快。.() 周圍的一些新研究（例如蛋糕）代碼是一種快速方法。有需要的可以試試。
但是如果你想做一些DOM（文檔對象模型）編程，那你何不試試呢，就像自己做蛋糕，嘗一嘗一樣。（雙關(guān)蛋糕，詼諧的話）。
有一個方便的小函數(shù)用作快速 DOM 加載，即......它在頁面加載之前執(zhí)行。
$(document).ready(function(){ // Your code here... });
您可以使用它來加載您想要加載的任何編碼樣式，不一定要保留。也可以同時執(zhí)行多個功能。
你之前可能見過類似 init() 的函數(shù)，你會發(fā)現(xiàn)它要快得多。
我們將在以后的教程中一遍又一遍地使用這個函數(shù)。
好的，你現(xiàn)在可以試試代碼了：（記得把它引用到你的頁面中。如果你不記得，請閱讀上一篇。）
$(document).ready(function(){ alert("Congratluations!"); });
很容易，不是嗎？幾分鐘內(nèi)制作的雙色表。
本節(jié)本身沒有多大價值，重點(diǎn)是它提供的示例。重要的部分我會貼出代碼和評論：先看看傳統(tǒng)的做法：預(yù)覽地址（可以查看源碼）。我們來看看如何用5行代碼來做：
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> "http://www.w3.org/1999/xhtml"> "Content-Type" content="text/html; charset=gb2312" />StripingTable ?
| 姓名 | 年齡 | ||
|---|---|---|---|
| 鄧國梁 | 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沒有,我知錯了...
預(yù)覽地址 這里有一個技巧我不得不提：什么是連鎖經(jīng)營？我們看一下，應(yīng)該是這樣寫的： 但我們寫道： 因?yàn)槭髽?biāo)移入和移出都發(fā)生在同一個對象上，所以我們可以將發(fā)生在同一個對象上的動作寫在一起。這樣，如果對象很多，并且發(fā)生了很多動作，就會節(jié)省很多錢。代碼。（我暫時是這么理解的，不知道是否還望高人指正。） * 15 Days of (Day 3)---一個巧妙的偽裝鏈接 今天的教程是倉促完成的。想在15天前放一些東西，簡單說一下php獲取服務(wù)器ie版本，免得一些js新手被一堆代碼搞糊涂了。事實(shí)上，我快要結(jié)束了。這個決定是當(dāng)時做出的。 目標(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ā)生購買） “舊”方法 有許多附屬分銷商千方百計隱藏他們的鏈接，以防止人們通過鏈接找到他們。這些技巧涉及。和服務(wù)器端代碼。但是對于本教程，我將重點(diǎn)放在“老派”上： 該代碼用于在瀏覽器狀態(tài)欄中顯示用戶鼠標(biāo)指向的鏈接地址。比如實(shí)際鏈接是，可以在狀態(tài)欄顯示 問題 您是一個非常活躍的子分銷商，您可能會以瘋狂的速度添加指向許多頁面的鏈接。而且你必須在每個鏈接上添加這個效果，那么你肯定會感到無聊。加入有一天你要修改任務(wù)欄 估計顯示鏈接的時候你會抓狂的。 解決方案 首先，我們想盡快偽裝我們的鏈接，所以我們應(yīng)該從這里開始： 當(dāng) DOM 準(zhǔn)備好時，我們放入其中的代碼開始執(zhí)行。 下一個 在所有我們要偽裝的鏈接上加一個，這樣可以幫助我們找到需要偽裝的鏈接，留下其他不需要偽裝的鏈接。有兩個作用： 當(dāng)鼠標(biāo)移到鏈接上時，會出現(xiàn)一個小框形狀 提示顯示網(wǎng)址： 并且在瀏覽器的狀態(tài)欄中顯示相同的信息（僅限IE）。 "http://www.affsite.com?id=123" title="http://www.affsite.com"
class="affLink">Super Duper Product 告訴查找?guī)в?= "" 的鏈接 添加鼠標(biāo)懸停事件 簡單的說：查找所有帶有=“”的鏈接，將鼠標(biāo)懸停在瀏覽器狀態(tài)欄信息上時，將其更改為鏈接的內(nèi)容。這不能正常工作，但只能在 IE 中工作。It 中的狀態(tài)欄僅顯示“完成”，或者更準(zhǔn)確地說，將鼠標(biāo)懸停在超鏈接上對狀態(tài)欄沒有影響。我沒有更多的瀏覽器測試。 繼續(xù)——讓我們使用“鏈?zhǔn)健狈椒?，像這樣： 這段代碼告訴你改變?yōu)g覽器的狀態(tài)欄信息，或者當(dāng)鼠標(biāo)不在鏈接上時返回“完成”。如果你不習(xí)慣鏈的工作方式，那么你可以這樣寫： 由你決定。 把這些代碼放在一起： 最后的想法。有的人可能覺得今天的課程太簡單了，有的人可能還有點(diǎn)不清楚，因?yàn)槟銈儾皇嵌壗?jīng)銷商。 在接下來的“日子”中，你會看到我得到更多，并與你或不。 該規(guī)則提到了如何防止垃圾郵件：不要將您的電子郵件地址放在任何一個：鏈接中。在與垃圾郵件作斗爭的過程中，我們的網(wǎng)頁設(shè)計師和程序員總結(jié)了一些創(chuàng)造性的解決方案。讓我們快速看看這些常用方法的一些缺點(diǎn)（或多或少）。 名稱 [無垃圾郵件] 問題：鏈接類型更方便，在收件人字段中輸入電子郵件地址可能會出錯。 宿遷騰云網(wǎng)絡(luò)網(wǎng)站建設(shè)公司 | 網(wǎng)站開發(fā) | 網(wǎng)站制作 | 網(wǎng)站優(yōu)化 咨詢電話：13160355545 免責(zé)聲明：本站所有文章和圖片均來自用戶分享和網(wǎng)絡(luò)收集，文章和圖片版權(quán)歸原作者及原出處所有，僅供學(xué)習(xí)與參考，請勿用于商業(yè)用途，如果損害了您的權(quán)利，請聯(lián)系網(wǎ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");})
$('a.affLink')
$('a.affLink').mouseover(function(){window.status=this.title;return true;})
$('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;});
熱推
相關(guān)
標(biāo)簽
