一款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>
效果图如下：
主要代码如下：
复制代码 代码如下:
<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 焦点图 用于图片展示效果代码
- 基于JQuery的实现图片轮播效果(焦点图)
- jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
- jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
- 基于jquery的网站幻灯片切换效果焦点图代码
- jquery 无限级下拉菜单的简单实现代码
- 用jquery实现的一个超级简单的下拉菜单
- jquery中使用循环下拉菜单示例代码
- 使用jQuery仿苹果官网焦点图特效
- jQuery实现的图片分组切换焦点图插件
- jQuery实现渐变下拉菜单的简单方法
- jquery实现焦点图片随机切换效果的方法
- jQuery实现精美的多级下拉菜单特效
- jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
- jQuery实现左右切换焦点图
- jQuery实现简单二级下拉菜单
- jQuery结合CSS制作漂亮的select下拉菜单
- jQuery树形下拉菜单特效代码分享
- jQuery左侧大图右侧小图焦点图幻灯切换代码分享
- jquery带下拉菜单和焦点图代码分享