使用jQuery可以很方便的實(shí)現(xiàn)頁(yè)面元素的顯示和隱藏,因此也比較容易設(shè)計(jì)出一個(gè)美觀大方多層次的導(dǎo)航菜單。
十載的云陽(yáng)網(wǎng)站建設(shè)經(jīng)驗(yàn),針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。營(yíng)銷型網(wǎng)站的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整云陽(yáng)建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“云陽(yáng)網(wǎng)站設(shè)計(jì)”,“云陽(yáng)網(wǎng)站推廣”以來(lái),每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
Tab內(nèi)容的切換
網(wǎng)站的內(nèi)容越來(lái)越豐富,于是網(wǎng)站都希望在盡量少的空間內(nèi)展示盡量多的內(nèi)容,而又不能顯得凌亂不堪,讓用戶無(wú)法尋找。解決的最好辦法就是在頁(yè)面上使用Tab。目前,Tab已經(jīng)成為Web?2.0網(wǎng)站上的一個(gè)流行元素,并且也衍生除了很多優(yōu)秀的用戶使用效果。下面是幾個(gè)使用jQuery來(lái)實(shí)現(xiàn)Tab效果的大型網(wǎng)站的實(shí)例。
人性化的提示信息
最好的提示信息往往是在用戶最開(kāi)始出錯(cuò)的地方進(jìn)行提示的信息。如果用戶都已經(jīng)進(jìn)行了大部分的操作,此時(shí)如果提示某項(xiàng)有錯(cuò),需要用戶重新做,試想一下,這種做法很容易把用戶激怒,甚至?xí)M(jìn)而放棄對(duì)網(wǎng)站的訪問(wèn)和使用。
可定制的用戶內(nèi)容
Web?2.0網(wǎng)站一個(gè)很大的特征就是用戶的參與。因此現(xiàn)在很多網(wǎng)站都可以讓用戶根據(jù)自己的需求進(jìn)行定制,用戶可以根據(jù)自己的喜好對(duì)網(wǎng)頁(yè)的顯示內(nèi)容甚至顯示風(fēng)格進(jìn)行選擇或者定制。
動(dòng)態(tài)的圖片展示效果
Web?2.0網(wǎng)站的另一個(gè)顯著的特點(diǎn)就是網(wǎng)頁(yè)不再是千篇一律的靜態(tài)頁(yè)面。它出現(xiàn)了很多以前需要使用Flash等工具才能做出來(lái)的動(dòng)態(tài)效果。例如,Dell網(wǎng)站上有一個(gè)圖片切換效果,就是使用Flash來(lái)實(shí)現(xiàn)的,如圖所示。
AJAX實(shí)時(shí)局部刷新
AJAX可以給用戶帶來(lái)很好的用戶體驗(yàn)。用戶感到的最直觀一個(gè)體驗(yàn)就是頁(yè)面的局部實(shí)時(shí)刷新。在傳統(tǒng)網(wǎng)站上,想要更新頁(yè)面內(nèi)容的某一部分,則必須將這個(gè)頁(yè)面重新刷新;使用AJAX之后,用戶會(huì)看到,只有需要改變的內(nèi)容才會(huì)重新發(fā)送數(shù)據(jù)給服務(wù)器,其他部分則保持不變。
jQuery中提供了很強(qiáng)大的AJAX功能。著名的微博客類網(wǎng)站twitter.com就是使用的jQuery中的AJAX技術(shù)來(lái)實(shí)現(xiàn)其信息的發(fā)布的。如圖所示。
數(shù)據(jù)的可視化顯示
在日常生活中,經(jīng)常會(huì)接觸到大量的數(shù)據(jù)統(tǒng)計(jì)信息,如工作報(bào)表、消費(fèi)統(tǒng)計(jì)等。最簡(jiǎn)單的表現(xiàn)這些報(bào)表數(shù)據(jù)的方式就是直接列出一個(gè)表格。不過(guò)從某種程度上來(lái)說(shuō),單純的一堆數(shù)字看起來(lái)不是那么的直觀易讀。因此,在Web?2.0時(shí)代,人們更愿意使用更加直觀的可視化圖表的方式對(duì)統(tǒng)計(jì)數(shù)據(jù)進(jìn)行顯示。
使用步驟如下:
1.jQuery給放到一個(gè)文件夾里面,方便我們待會(huì)引用這個(gè)jQuery,這里我就放到我項(xiàng)目的js文件夾里面。
2.然后我們來(lái)開(kāi)始編輯HTML界面代碼。
3.使用script標(biāo)簽把jQuery引入到我們的HTML界面。src引號(hào)里面的就是我們的jQuery路徑名稱。
4.接著再書寫一個(gè)script標(biāo)簽對(duì),里面寫上jQuery入口函數(shù),這樣,當(dāng)我們的HTML加載完成之后就會(huì)執(zhí)行我們的jQuery代碼
使用步驟如下:
1.jQuery給放到一個(gè)文件夾里面,方便我們待會(huì)引用這個(gè)jQuery,這里我就放到我項(xiàng)目的js文件夾里面。
2.然后我們來(lái)開(kāi)始編輯HTML界面代碼。
3.使用script標(biāo)簽把jQuery引入到我們的HTML界面。src引號(hào)里面的就是我們的jQuery路徑名稱。
4.接著再書寫一個(gè)script標(biāo)簽對(duì),里面寫上jQuery入口函數(shù),這樣,當(dāng)我們的HTML加載完成之后就會(huì)執(zhí)行我們的jQuery代碼
分享標(biāo)題:用jquery,html怎么引用jquery
本文來(lái)源:http://jinyejixie.com/article8/dsdgdip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營(yíng)銷、標(biāo)簽優(yōu)化、企業(yè)建站、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站建設(shè)、微信公眾號(hào)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)