jquery插件orbit.js實(shí)現(xiàn)圖片折疊輪換特效
jQuery圖片折疊輪換代碼,可以點(diǎn)擊左右箭頭按鈕切換圖片,漂亮簡(jiǎn)潔。兼容主流瀏覽器,phplearn初學(xué)者推薦下載!
使用方法:
1、head區(qū)域引用文件 jquery.min.js,chuxz.css
2、在文件中加入<!-- 代碼 開(kāi)始 --><!-- 代碼 結(jié)束 -->區(qū)域代碼
3、在頁(yè)面底部引用jq.orbit.js.js, orbit.js
4、復(fù)制images文件夾里的圖片到相應(yīng)的路徑
<div class="orbit-wrapper"> <div id="featured" class="orbit"> <a ><img src="images/1.jpg" width="185" alt="《Just Married》" title="《Just Married》"></a> <a ><img src="images/2.jpg" width="185" alt="《佩加索斯》" title="《佩加索斯》"></a> <a ><img src="images/3.jpg" width="185" alt="《太廟的一場(chǎng)偶遇》" title="《太廟的一場(chǎng)偶遇》"></a> <a ><img src="images/4.jpg" width="185" alt="《為愛(ài)癡狂》" title="《為愛(ài)癡狂》"></a> <a ><img src="images/5.jpg" width="185" alt="《游走,在北京的每一條街》" title="《游走,在北京的每一條街》"></a> </div> </div> <script type="text/javascript" src="js/jq.orbit.js"></script> <script type="text/javascript" src="js/orbit.js"></script>
演示圖:
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
相關(guān)文章
jQuery實(shí)現(xiàn)表單驗(yàn)證功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)表單驗(yàn)證功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10Jquery中request和request.form和request.querystring的區(qū)別
Request.Form是獲取以POST方式提交的表單數(shù)據(jù),Request.QueryString主要是獲取地址欄參數(shù)或者以Get方式提交的數(shù)據(jù),而Request則包含以上兩種方式,會(huì)在Request.QueryString和Request.Form中都查詢一遍變量2015-11-11jQuery實(shí)現(xiàn)手機(jī)號(hào)碼輸入提示功能實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)手機(jī)號(hào)碼輸入提示功能,實(shí)例分析了jQuery針對(duì)手機(jī)號(hào)碼的判斷與提示相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)圖片預(yù)覽大圖效果
我們可以借助jQuery來(lái)實(shí)現(xiàn)一些很酷炫的效果,本篇為大家介紹下通過(guò)jQuery實(shí)現(xiàn)當(dāng)鼠標(biāo)經(jīng)過(guò)了圖片數(shù),圖片會(huì)放大進(jìn)行預(yù)覽大圖,需要的朋友可以參考下2014-04-04jQuery ajax請(qǐng)求struts action實(shí)現(xiàn)異步刷新
這篇文章主要為大家詳細(xì)介紹了JQuery ajax請(qǐng)求struts action實(shí)現(xiàn)異步刷新,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04jQuery 導(dǎo)航自動(dòng)跟隨滾動(dòng)的實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery 導(dǎo)航自動(dòng)跟隨滾動(dòng)的實(shí)現(xiàn)代碼,需要的朋友可以參考下2018-05-05jQuery中slideUp 和 slideDown 的點(diǎn)擊事件
這篇文章主要介紹了jQuery中slideUp 和 slideDown 的點(diǎn)擊事件的相關(guān)資料,需要的朋友可以參考下2015-02-02