DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 一款jquery特效編寫的大度寬屏焦點圖切換特效的實例代碼
一款jquery特效編寫的大度寬屏焦點圖切換特效的實例代碼
編輯:JQuery特效代碼     
適用浏覽器:ie6、ie7、ie8、360、firefox、chrome、safari、opera、傲游、搜狗、世界之窗.
主要代碼如下:
. 代碼如下:
 <script type="text/javascript">
 jquery(".slider .bd li").first().before( jquery(".slider .bd li").last() );
 jquery(".slider").hover(function(){
 jquery(this).find(".arrow").stop(true,true).fadein(300)
 },function(){
 jquery(this).find(".arrow").fadeout(300) });
 jquery(".slider").slide(
 { titcell:".hd ul", maincell:".bd ul", effect:"leftloop",autoplay:true, vis:3,autopage:true, trigger:"click"}
 );
 </script>

效果圖如下:
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved