基于jquery編寫的橫向自適應(yīng)幻燈片切換特效的實例代碼
更新時間：2013年08月06日 10:14:00 投稿：shangke
全屏自適應(yīng)jquery焦點圖切換特效,在IE6這個瀏覽器兼容性問題上得到了和諧,兼容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)文章
jQuery學(xué)習(xí)筆記(2)--用jquery實現(xiàn)各種模態(tài)提示框代碼及項目構(gòu)架
想實現(xiàn)一個模態(tài)的框框，找了很多的jquery插件，都沒有碰到自己滿意的于是自己摸索了一個，接下來為大家介紹下實現(xiàn)的思路及代碼，希望對你有所幫助2013-04-04
今天看到一個jquery插件jquery.fileupload.v.1.5.0，自己試著結(jié)合java做了一個ajax的文件上傳小應(yīng)用2009-03-03
jQuery學(xué)習(xí)筆記——jqGrid的使用記錄（實現(xiàn)分頁、搜索功能）
這篇文章主要介紹了jQuery學(xué)習(xí)筆記——jqGrid的使用記錄（實現(xiàn)分頁、搜索功能），想要學(xué)習(xí)jQuery的可以了解一下。2016-11-11
下面小編就為大家?guī)硪黄狫query元素追加和刪除的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這兩一直在看Jquery插件的開發(fā)，上次在網(wǎng)上找了相關(guān)的文章，不過后來沒記來，再去找就難了。2011-01-01
jQuery實現(xiàn)加入收藏夾功能(主流瀏覽器兼職)
jQuery實現(xiàn)加入收藏夾功能，代碼比較簡單，兼容主流瀏覽器，下面給大家分享下2016-12-12
這篇文章主要介紹了jQuery在頁面加載時動態(tài)修改圖片尺寸的方法,實例分析了jQuery操作圖片的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
jQuery插件HighCharts實現(xiàn)的2D堆條狀圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts實現(xiàn)的2D堆條狀圖效果,結(jié)合完整實例形式分析了jQuery插件HighCharts繪制條狀圖的具體實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
這篇文章主要為大家詳細介紹了jquery實現(xiàn)拖動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
jquery限定文本框只能輸入數(shù)字即整數(shù)和小數(shù)
限定文本框只能輸入數(shù)字即整數(shù)和小數(shù)，在某些特殊情況下還是比較實用的，下面有個不錯的示例，通過jquery來簡單實現(xiàn)下2013-11-11