jquery picswitch圖片焦點(diǎn)圖展示效果
更新時(shí)間：2010年05月24日 14:45:25 作者：
jquery pictureswitch制作圖片展示效果實(shí)現(xiàn)代碼，對(duì)于想用jquery實(shí)現(xiàn)焦點(diǎn)圖效果的朋友可以參考下。
效果如下:
這個(gè)插件的要點(diǎn)之處就在JQuery-1.4.2.js的發(fā)布添加的新函數(shù)data的應(yīng)用，所以jquery庫一定要是1.4.2的版本
另一方面就是css的編寫，setInterval和setTimeout的用法，前者是每隔多長時(shí)間執(zhí)行一次，后者是多長時(shí)間執(zhí)行一次；
關(guān)于setTimeout的用法 有二種形式 1 setTimeout(code,interval) 中的code是字符串
2 setTimeout(func,interval,args) 中的func是函數(shù)
實(shí)現(xiàn)代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
這個(gè)插件的要點(diǎn)之處就在JQuery-1.4.2.js的發(fā)布添加的新函數(shù)data的應(yīng)用，所以jquery庫一定要是1.4.2的版本
另一方面就是css的編寫，setInterval和setTimeout的用法，前者是每隔多長時(shí)間執(zhí)行一次，后者是多長時(shí)間執(zhí)行一次；
關(guān)于setTimeout的用法 有二種形式 1 setTimeout(code,interval) 中的code是字符串
2 setTimeout(func,interval,args) 中的func是函數(shù)
實(shí)現(xiàn)代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- 基于JQuery的實(shí)現(xiàn)圖片輪播效果(焦點(diǎn)圖)
- jquery仿QQ商城帶左右按鈕控制焦點(diǎn)圖片切換滾動(dòng)效果
- jquery焦點(diǎn)圖片切換(數(shù)字標(biāo)注/手動(dòng)/自動(dòng)播放/橫向滾動(dòng))
- jQuery焦點(diǎn)圖切換特效插件封裝實(shí)例
- jquery左右滾動(dòng)焦點(diǎn)圖banner圖片鼠標(biāo)經(jīng)過顯示上下頁按鈕
- jQuery焦點(diǎn)圖切換簡(jiǎn)易插件制作過程全紀(jì)錄
- Jquery焦點(diǎn)圖實(shí)例代碼
- Jquery 焦點(diǎn)圖 用于圖片展示效果代碼
- jQuery插件實(shí)現(xiàn)帶圓點(diǎn)的焦點(diǎn)圖片輪播切換
- jQuery插件Elastislide實(shí)現(xiàn)響應(yīng)式的焦點(diǎn)圖無縫滾動(dòng)切換特效
- jQuery插件bxSlider實(shí)現(xiàn)響應(yīng)式焦點(diǎn)圖
- jQuery實(shí)現(xiàn)的自適應(yīng)焦點(diǎn)圖效果完整實(shí)例
相關(guān)文章
jquery無刷新驗(yàn)證郵箱地址實(shí)現(xiàn)實(shí)例
原理非常的簡(jiǎn)單在用戶輸入郵箱離開之后我們通用jquery ajax發(fā)送數(shù)據(jù)給mail.php文件，然后由它實(shí)現(xiàn)查找此郵箱是不是在數(shù)據(jù)庫中然后反饋對(duì)應(yīng)信息即可2014-02-02
本文介紹了Jquery頁面初始化的4種方式的實(shí)例代碼，需要的朋友可以看下2016-11-11
Jquery 設(shè)置標(biāo)題的自動(dòng)翻轉(zhuǎn)
我們平時(shí)在開發(fā)web程序的時(shí)候，想把一個(gè)新聞源滾動(dòng)顯示新聞的條目的標(biāo)題及內(nèi)容摘要，而且是每次一條，有點(diǎn)類似csdn的滾動(dòng)廣告。2009-10-10
利用JQuery實(shí)現(xiàn)datatables插件的增加和刪除行功能
這篇文章給大家介紹了jquery實(shí)現(xiàn)datatables插件的增加和刪除行的功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2017-01-01
jquery 圓角遮罩圖片實(shí)現(xiàn)圖片圓角
用jquery實(shí)現(xiàn)的圖片圓角效果代碼。2009-05-05
這篇文章主要為大家介紹了jQuery的拷貝對(duì)象，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
jQuery中RadioButtonList的功能及用法實(shí)例介紹
RadioButtonList的使用想必大家都有所解除，本文為以示例的方式為大家詳細(xì)介紹下其功能及用法，感興趣的朋友可以參考下2013-08-08
下面小編就為大家?guī)硪黄贘query Ajax type的4種類型(詳解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
jQuery里提供三種方法來改變頁面元素的樣式，雖然它們和傳統(tǒng)方法的思想相通，但是卻節(jié)省了許多代碼2014-06-06
jQuery實(shí)現(xiàn)的倒計(jì)時(shí)效果實(shí)例小結(jié)
這篇文章主要介紹了jQuery實(shí)現(xiàn)的倒計(jì)時(shí)效果,結(jié)合實(shí)例形式總結(jié)分析了jQuery針對(duì)日期與時(shí)間的運(yùn)算實(shí)現(xiàn)倒計(jì)時(shí)功能的相關(guān)技巧,需要的朋友可以參考下2016-04-04