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


Posted in Javascript onAugust 05, 2013

适用浏览器: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特效编写的大度宽屏焦点图切换特效的实例代码
Javascript 相关文章推荐
JS 文件本身编码转换 图文教程
Oct 12 Javascript
javascript Object与Function使用
Jan 11 Javascript
利用JQuery动画制作滑动菜单项效果实现步骤及代码
Feb 07 Javascript
获取内联和链接中的样式(js代码)
Apr 11 Javascript
JavaScript实现给按钮加上双重动作的方法
Aug 14 Javascript
js实现简单的碰壁反弹效果
Aug 30 Javascript
JS中mouseup事件丢失的原因与解决办法
Jun 14 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
Jul 07 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
JS双向链表实现与使用方法示例(增加一个previous属性实现)
Jan 31 Javascript
15分钟上手vue3.0(小结)
May 20 Javascript
VUE中的v-if与v-show区别介绍
Mar 13 Vue.js
jquery网页元素拖拽插件效果及实现
Aug 05 #Javascript
jquery mobile实现拨打电话功能的几种方法
Aug 05 #Javascript
js 判断计算字符串长度/判断空的简单方法
Aug 05 #Javascript
javascript显示用户停留时间的简单实例
Aug 05 #Javascript
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
Aug 05 #Javascript
JS字符串处理实例代码
Aug 05 #Javascript
[JSF]使用DataModel处理表行事件的实例代码
Aug 05 #Javascript
You might like
第十二节 类的自动加载 [12]
2006/10/09 PHP
一个用php实现的获取URL信息的类
2007/01/02 PHP
YII Framework框架教程之缓存用法详解
2016/03/14 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
php正则去除网页中所有的html,js,css,注释的实现方法
2016/11/03 PHP
PHP互换两个变量值的方法(不用第三变量)
2016/11/14 PHP
JS简单的轮播的图片滚动实例
2013/06/17 Javascript
js 单击式的下拉菜单效果实例
2013/08/13 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
2014/01/14 Javascript
JQuery给元素绑定click事件多次执行的解决方法
2014/05/29 Javascript
js判断文本框剩余可输入字数的方法
2015/02/04 Javascript
jquery实现表单验证简单实例演示
2015/11/23 Javascript
jquery获取下拉框中的循环值
2017/02/08 Javascript
基于jquery实现五星好评
2017/11/18 jQuery
解决Vue打包之后文件路径出错的问题
2018/03/06 Javascript
vue中使用element-ui进行表单验证的实例代码
2018/06/22 Javascript
JavaScript实现通讯录功能
2020/12/27 Javascript
Python正则替换字符串函数re.sub用法示例
2017/01/19 Python
python3爬虫之设计签名小程序
2018/06/19 Python
django Serializer序列化使用方法详解
2018/10/16 Python
Django中间件基础用法详解
2019/07/18 Python
python3发送邮件需要经过代理服务器的示例代码
2019/07/25 Python
Python图像处理模块ndimage用法实例分析
2019/09/05 Python
Python对接 xray 和微信实现自动告警
2019/09/17 Python
python 通过手机号识别出对应的微信性别(实例代码)
2019/12/22 Python
Python面向对象之私有属性和私有方法应用案例分析
2019/12/31 Python
python装饰器实现对异常代码出现进行自动监控的实现方法
2020/09/15 Python
查找适用于matplotlib的中文字体名称与实际文件名对应关系的方法
2021/01/05 Python
Python爬虫获取op.gg英雄联盟英雄对位胜率的源码
2021/01/29 Python
python openpyxl模块的使用详解
2021/02/25 Python
HTML5新增的Css选择器、伪类介绍
2013/08/07 HTML / CSS
法国娇韵诗官方旗舰店:Clarins是来自法国的天然护肤品牌
2018/06/30 全球购物
大学生村官典型材料
2014/01/12 职场文书
2014年应届大学生毕业自我鉴定
2014/01/31 职场文书
干部鉴定材料
2014/05/18 职场文书
使用python+pygame开发消消乐游戏附完整源码
2021/06/10 Python