一款jquery特效编写的大度宽屏焦点图切换特效的实例代码

更新时间：2013年08月05日 11:04:15 作者：

焦点图显示区域有固定的宽度,当前显示宽度之外是一个半透明层显示的其它的焦点图片，最好的是，此特效兼容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>

效果图如下：

您可能感兴趣的文章:

无法获取隐藏元素宽度和高度的解决方案
本文主要介绍了无法获取隐藏元素（display:none）宽度(width)和高度(height)的解决方案，具有很好的参考价值。下面跟着小编一起来看下吧
2017-03-03
Jquery chosen动态设置值实例介绍
Jquery chosen一款选择插件，支持检索，多选，但不支持输入效果，下面与大家分享下其使用示例，感兴趣的朋友可以参考下，希望对大家有所帮助
2013-08-08
jQuery利用sort对DOM元素进行排序操作
这篇文章主要为大家详细介绍了JQuery利用sort对DOM元素进行排序的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11
jQuery实现倒计时按钮功能代码分享
这篇文章主要介绍了jQuery实现倒计时按钮功能代码分享,一般用在短信发送倒计时按钮情景,本文给出了几个例子,需要的朋友可以参考下
2014-09-09
jquery 判断滚动条到达了底部和顶端的方法
这篇文章主要介绍了jquery 判断滚动条到达了底部和到达顶端的方法,需要的朋友可以参考下
2014-04-04
Eclipse下jQuery文件报错出现错误提示红叉
工程中加入jquery.xx.js文件，发现该文件出现错误提示（红×），但使用Eclipse 3.7以前的版本就不会出现这种提示，下面有个不错的解决方法，大家可以参考下
2014-01-01
jQuery中的select操作详解
这篇文章主要介绍了jQuery中的select操作详解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-11-11
jquery实现的树形目录实例
这篇文章主要介绍了jquery实现的树形目录,涉及jquery针对页面元素及鼠标事件的相关操作技巧,需要的朋友可以参考下
2015-06-06
jquery移除了live()、die(),新版事件绑定on()、off()的方法
下面小编就为大家带来一篇jquery移除了live()、die(),新版事件绑定on()、off()的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10
JQuery 的跨域方法推荐_可跨任何网站
下面小编就为大家带来一篇JQuery 的跨域方法推荐_可跨任何网站。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05