基于jquery編寫(xiě)的橫向自適應(yīng)幻燈片切換特效的實(shí)例代碼
更新時(shí)間：2013年08月06日 10:14:00 投稿：shangke
全屏自適應(yīng)jquery焦點(diǎn)圖切換特效,在IE6這個(gè)瀏覽器兼容性問(wèn)題上得到了和諧,兼容IE6,適用瀏覽器：IE6、IE7、IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.相關(guān)代碼
復(fù)制代碼 代碼如下:
<script type="text/javascript">
jQuery(".fullSlide").hover(function() {
jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
},
function() {
jQuery(this).find(".prev,.next").fadeOut()
});
jQuery(".fullSlide").slide({
titCell: ".hd ul",
mainCell: ".bd ul",
effect: "fold",
autoPlay: true,
autoPage: true,
trigger: "click",
startFun: function(i) {
var curLi = jQuery(".fullSlide .bd li").eq(i);
if ( !! curLi.attr("_src")) {
curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
}
}
});
</script>
效果圖如下：
相關(guān)文章
這里所說(shuō)的，用jquery去驗(yàn)證某一組多選至少要有一個(gè)選中，某一組單選至少有一個(gè)選中，，大家都知道單一的一個(gè)用js比較好驗(yàn)證，但是想要用jquery的驗(yàn)證并且用到j(luò)query驗(yàn)證的提示信息，那么這就不好辦了2013-08-08
jquery插件制作 表單驗(yàn)證實(shí)現(xiàn)代碼
今天的內(nèi)容是關(guān)于表單驗(yàn)證插件的制作。表單驗(yàn)證控件實(shí)現(xiàn)的主要功能是，當(dāng)表單提交的時(shí)候檢查必填項(xiàng)是否正確填寫(xiě)，同時(shí)根據(jù)需要驗(yàn)證輸入信息是否符合規(guī)范2012-08-08
jQuery使用正則表達(dá)式替換dom元素標(biāo)簽用法示例
這篇文章主要介紹了jQuery使用正則表達(dá)式替換dom元素標(biāo)簽的方法,結(jié)合具體實(shí)例形式分析了jQuery正則替換的操作技巧,需要的朋友可以參考下2017-01-01
當(dāng)jquery ajax遇上401請(qǐng)求的解決方法
下面小編就為大家?guī)?lái)一篇當(dāng)jquery ajax遇上401請(qǐng)求的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
利用js(jquery)操作Cookie的方法說(shuō)明
本篇文章主要是對(duì)利用js(jquery)操作Cookie的方法進(jìn)行了詳細(xì)的說(shuō)明介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
本篇文章主要介紹了JQuery實(shí)現(xiàn)圖片輪播效果的制作原理以及實(shí)現(xiàn)代碼，文章末尾附上源碼下載，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-05-05
這篇文章主要介紹了jQuery選擇器querySelector的使用指南的相關(guān)資料,需要的朋友可以參考下2015-01-01
jquery的鍵盤(pán)事件修改代碼，需要的朋友可以參考下。2011-02-02
這篇文章主要介紹了如何在MVC應(yīng)用程序中使用Jquery，并附上示例，給需要的小伙伴們參考下吧2014-11-11
關(guān)于jQuery EasyUI 中刷新Tab選項(xiàng)卡后一個(gè)頁(yè)面變形的解決方法
這篇文章主要介紹了關(guān)于jQuery EasyUI 中刷新Tab選項(xiàng)卡后一個(gè)頁(yè)面變形的解決方法,需要的朋友可以參考下2017-03-03