一款jQuery特效编写的大度宽屏焦点图切换特效

一款jQuery编写的大度宽屏焦点图切换特效

焦点图显示区域有固定的宽度,当前显示宽度之外是一个半透明层显示的其它的焦点图片,

最好的是,此特效兼容IE6以及其它浏览器。

适用浏览器: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>

效果图如下:

一款jQuery特效编写的大度宽屏焦点图切换特效

特效下载地址:http://www.jqshare.com/Jq/fondone/id/138.html

更多特效:jquery特效

上一篇:EF架构~扩展一个分页处理大数据的方法


下一篇:jquery特效(1)—点击展示与隐藏全文