AV永久免费网站在线观看,年轻善良大胸的继坶免费,最近韩国免费观看视频,日韩高清无码一区_在线成人国产公开视频

網站設計

結合設計經驗與營銷實踐,提供有價值的企業營銷資訊

首頁 > 新聞資訊 > 網站設計

jQuery每個網頁設計師都應該知道的片段

2022/1/23 3:09:09 來源:深圳網站建設

  jQuery使用數百頁。這是插入到頁面中的**常見庫之一,它使DOM成為操作單元。當然,jQuery之所以受歡迎,其中一個原因就是它的簡單性。我們似乎能在任何強大的圖書館里做到這一點。我們的選擇,有一些片段我們會回來一次又一次。今天我想給你10個剪輯,大家,新手,并會一遍又一遍地使用它。1) 返回頂部按鈕返回到top$(“返回到頂部”按鈕;a、 toprdquo;)單擊(function({$(文檔)。身體)。動畫({0},scrolltop:800); 返回false;})//創建錨定標簽lt;class=ldquo;頂部“和href=ldquo;#rdquo;燃氣輪機;回到頂部可以看到,使用動畫和scroll頂級功能jQuery我們不需要插件來創建簡單的滾動到頂部動畫。通過改變scrollTop值,我們可以改變,我們想滾動土地,在我的例子中,我使用的值為0,因為我希望它進入我們的網頁頂部,但如果我認為我可以抵消100px 100px功能類型。所以我們真正要做的是800ms類中動畫文件的主體,直到滾動到頂部文件為止。2) 檢查是否加載了映像$(#39)是否加載imgrdquo;)加載(function{console日志(圖像加載成功“});有時候,您需要檢查圖像是否充滿代碼才能繼續腳本,這三行的jQuery代碼可以幫助您輕松地完成。您還可以檢查是否加載了特定的圖像和標識或類替換img標簽。3) 自動修復損壞的圖像(#39(錯誤(function{)of img)美元$(此錯誤)attr(#39;src#39;、src39;(3)img)/斷開pngrdquo;);})偶爾我們在我們網站中斷開了圖像鏈接,一一替換,所以添加這個簡單的代碼可以節省很多麻煩。即使你沒有任何斷開的鏈接,你也不會傷害任何人。4) 旋轉中的開關類$(#39;按鈕#39;)。懸停(function({{$(本)(add類(#(#39)hoverrdquo;);function(){},$(此處)remove類(#39;hoverrdquo;);})深圳網站通常希望在用戶懸停在這個jQuery代碼段上時更改我們頁面上的點擊元素視覺,只是說當用戶懸停并停止時它會添加類元素,所以你要做的就是將必要的樣式添加到CSS文件中。5) 禁用輸入字段$(輸入“字段”)attr(ldquo;殘疾;以及;,真的;有時,您可能希望以按鈕的形式提交按鈕,甚至如果禁用了其中一個文本輸入,直到用戶執行操作(檢查”和“檢查”按鈕一段時間;我已經閱讀了術語“和復選框例如,這一行代碼實現;添加禁用屬性輸入,這樣您就可以使它想念您。您需要做的是將禁用的作為參數輸入,以運行函數$(輸入“function)”的;禁用“等”;6) Stop the linkload$,Stop the linkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplinkload$,thestoplink;a、 編號-linkrdquo;)單擊(function(E){E。preventdefault();});有時我們不想鏈接到頁面或加載它,我們希望它們能夠像觸發其他腳本那樣做,在這種情況下,代碼會阻止默認的操作技術。7) 切換淡入/幻燈片//淡入$(現狀-rdquo;)單擊(function({$(“和”;元素“和”元素“)fadetoggle(ldquo;慢“;})//開關$(quo-rdquo;)單擊(function({$(“和”;元素“和”元素“)slidetoggle(ldquo;慢“2;);});我們使用了很多幻燈片和在動畫中消失的東西jQuery,有時我們只是想在點擊東西時顯示一個元素,公開和slideDown方法是完美的,但是如果我們想要的元素出現在**次點擊,那么第二個代碼消失將很好地工作。8) 簡單手風琴//關閉所有面板$(如“手風琴”等)。發現hide();//手風琴$(現狀一致)等內容)。找到(#39;);。按上頭,單擊=(this next()美元)下的(function({VaR;下一slidetoggle(#39fastrdquo;$fastrdquo;$(0.05)ldquo;內容“和”,編號(以下)slideup(#39;fastrdquo;)返回false;};通過添加web頁面上真正需要的所有腳本,HTML是獲得此作業所必需的。您可以看到本節我先關閉手風琴中的所有面板,然后單擊我做的事件,這些事件鏈接到標題幻燈片切換內容和所有其他幻燈片。這是一種很簡單的方法,快速地得到手風琴。9) 將兩div設置為相同高度$(quodivrdquo;。CSS(#39;**小-height,$(ldquo;divrdquoMain)height());有時你會想到有相同的高度,無論它的內容是什么,這使它變得公正;在這種情況下,設置**小高度意味著它不能小于主div。這是一個偉大的磚類網站。10) 條帶無序列表$(李:奇現狀CSS(背景“LDQUE;##e8e8e8rdquo;)這使得創建斑馬條帶無序列表變得很容易,在這里您定義了后臺中的每個奇怪列表項,以便默認為CSS文件中的偶數。您可以將此代碼從選項卡中帶到任何類型的標記

  謝潑德設計文章推薦:

  深圳軟件制作公司您需要什么網站

  深圳寶安設計公司

http://79806.xyz/wangzhansheji/551.html jQuery每個網頁設計師都應該知道的片段

特別聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:0755-85297058;郵箱:2295772445#qq.com (#替換成@)。
QQ咨詢
微信咨詢
微信咨詢
電話咨詢
周一至周五 9:00-18:00
135-1055-3738
回頂部 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>