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庫(kù)一定要是1.4.2的版本
另一方面就是css的編寫，setInterval和setTimeout的用法，前者是每隔多長(zhǎng)時(shí)間執(zhí)行一次，后者是多長(zhǎng)時(shí)間執(zhí)行一次；
關(guān)于setTimeout的用法 有二種形式 1 setTimeout(code,interval) 中的code是字符串
2 setTimeout(func,interval,args) 中的func是函數(shù)
實(shí)現(xiàn)代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
這個(gè)插件的要點(diǎn)之處就在JQuery-1.4.2.js的發(fā)布添加的新函數(shù)data的應(yīng)用，所以jquery庫(kù)一定要是1.4.2的版本
另一方面就是css的編寫，setInterval和setTimeout的用法，前者是每隔多長(zhǎng)時(shí)間執(zhí)行一次，后者是多長(zhǎng)時(shí)間執(zhí)行一次；
關(guān)于setTimeout的用法 有二種形式 1 setTimeout(code,interval) 中的code是字符串
2 setTimeout(func,interval,args) 中的func是函數(shù)
實(shí)現(xiàn)代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(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)過(guò)顯示上下頁(yè)按鈕
- jQuery焦點(diǎn)圖切換簡(jiǎn)易插件制作過(guò)程全紀(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)圖無(wú)縫滾動(dòng)切換特效
- jQuery插件bxSlider實(shí)現(xiàn)響應(yīng)式焦點(diǎn)圖
- jQuery實(shí)現(xiàn)的自適應(yīng)焦點(diǎn)圖效果完整實(shí)例
相關(guān)文章
這篇文章主要介紹了jQuery實(shí)現(xiàn)“掃碼閱讀”功能方法的相關(guān)資料,需要的朋友可以參考下2015-01-01
基于jquery實(shí)現(xiàn)的類似百度搜索的輸入框自動(dòng)完成功能
自動(dòng)完成功能是指：類似百度搜索之類的輸入一個(gè)詞的一部分后就自動(dòng)提示，然后用戶可以選擇，不需要再輸入剩余部分。2011-08-08
jquery 單行滾動(dòng)、批量多行滾動(dòng)、文字圖片翻屏滾動(dòng)效果代碼
jquery單行滾動(dòng)、批量多行滾動(dòng)、文字圖片翻屏滾動(dòng)效果代碼，需要的朋友可以參考下。2010-05-05
jquery實(shí)現(xiàn)帶復(fù)選框的表格行選中刪除時(shí)高亮顯示
在實(shí)際的應(yīng)用中可能會(huì)出現(xiàn)表格中帶復(fù)選框的，刪除時(shí)，將復(fù)選框所在的行的記錄刪除。在這的地方，可以加個(gè)特效，單擊某行的同時(shí)將該行的復(fù)選框選中，該行的背景色也高亮顯示2013-08-08
本文給大家簡(jiǎn)單介紹了jQuery的核心函數(shù)，以及詳細(xì)介紹了7種重載方法中的3種，十分的實(shí)用，有需要的小伙伴可以參考下。2015-06-06
心血來(lái)潮下了最新版本的JQuery1.4，寫一個(gè)頁(yè)面通過(guò)Ajax加載的的例子。2010-01-01
學(xué)習(xí)jquery與正在使用jquery的朋友可以參考下。很多使用的代碼，可以直接拿來(lái)使用。2010-08-08
jQuery實(shí)現(xiàn)動(dòng)畫效果的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jQuery實(shí)現(xiàn)動(dòng)畫效果的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
jquery使用jquery.zclip插件復(fù)制對(duì)象的實(shí)例教程
這篇文章主要介紹了jquery使用jquery.zclip插件復(fù)制對(duì)象的實(shí)例教程，當(dāng)然也可以復(fù)制輸入框input、textarea等內(nèi)容，下面看代碼2013-12-12
這篇文章主要介紹了jquery檢測(cè)上傳文件大小,結(jié)合完整示例形式分析了jquery針對(duì)上傳文件大小檢測(cè)與計(jì)算相關(guān)操作技巧,需要的朋友可以參考下2020-04-04