一款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>
效果图如下：
主要代码如下：
复制代码 代码如下:
<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带下拉菜单和焦点图代码分享
相关文章
这篇文章主要介绍了jQuery对底部导航进行跳转并高亮显示的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-04-04
jQuery Tools tab使用介绍，需要的朋友可以参考下2012-07-07
这篇文章主要为大家详细介绍了Jquery插件easyUi实现表单验证的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了jQuery.Ajax()的data参数类型详解,需要的朋友可以参考下2017-07-07
jquery.treeview 数据通过JSON数据加载，有需要的朋友，可以通jquery的AJAX方法获取相关的JSON数据。2010-10-10
本文给大家介绍jquery mobile弹出窗、弹出层知识汇总，涉及到jquery mobile弹出相关知识，本文写的非常不错，具有参考借鉴价值，需要的朋友参考下吧2016-01-01
jquery autocomplete自动完成插件的的使用方法
最近刚开始学jquery，想实现类似GOOGLE搜索时自动显示出相关结果的效果。于是选择了使用jquery autocomplete插件。2010-08-08
当需要在页面中查找某个关键字时，一是可以通过浏览器的查找功能实现，二是可以通过前端脚本准确查找定位，本文介绍通过jQuery实现的页面内容查找定位的功能，并可扩展显示查找后的相关信息2014-02-02
这篇文章主要介绍了jQuery旋转插件jqueryrotate用法,结合实例形式详细分析了jqueryrotate插件的功能、定义及相关参数的使用方法,需要的朋友可以参考下2016-10-10
这篇文章主要为大家详细介绍了jQuery继承extend用法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
最新评论