一款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 相关文章推荐
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
深入理解JavaScript高级之词法作用域和作用域链
Dec 10 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 Javascript
node.js中的fs.fsyncSync方法使用说明
Dec 15 Javascript
浅谈JavaScript正则表达式分组匹配
Apr 10 Javascript
JavaScript中的setUTCDate()方法使用详解
Jun 11 Javascript
浅谈JavaScript中的分支结构
Jul 01 Javascript
JS点击缩略图整屏居中放大图片效果
Jul 04 Javascript
angularJs select绑定的model取不到值的解决方法
Oct 08 Javascript
layui-table对返回的数据进行转变显示的实例
Sep 04 Javascript
jquery实现烟花效果(面向对象)
Mar 10 jQuery
javascript的hashCode函数实现代码小结
Aug 11 Javascript
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
用PHP+java实现自动新闻滚动窗口
2006/10/09 PHP
php 动态执行带有参数的类方法
2009/04/10 PHP
一步一步学习PHP(5) 类和对象
2010/02/16 PHP
PHP之COOKIE支持详解
2010/09/20 PHP
zf框架的zend_cache缓存使用方法(zend框架)
2014/03/14 PHP
PHP嵌套输出缓冲代码实例
2015/05/12 PHP
php截取视频指定帧为图片
2016/05/16 PHP
详解PHP中cookie和session的区别及cookie和session用法小结
2016/06/12 PHP
PHP简单判断iPhone、iPad、Android及PC设备的方法
2016/10/11 PHP
使用 laravel sms 构建短信验证码发送校验功能
2017/11/06 PHP
js的逻辑运算符 ||
2010/05/31 Javascript
谈谈关于JavaScript 中的 MVC 模式
2013/04/11 Javascript
Javascript操作URL函数修改版
2013/11/07 Javascript
JavaScript实现基于Cookie的存储类实例
2015/04/10 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
2015/06/19 Javascript
js实现的倒计时按钮实例
2015/06/24 Javascript
jQuery焦点图插件SaySlide
2015/12/21 Javascript
Angular 常用指令实例总结整理
2016/12/13 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
2017/02/10 Javascript
react-router4 嵌套路由的使用方法
2017/07/24 Javascript
Node.js简单入门前传
2017/08/21 Javascript
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
angular组件间通讯的实现方法示例
2020/05/07 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
2020/08/03 Javascript
[02:38]DOTA2亚洲邀请赛小组赛精彩集锦:Wings完美团击溃对手
2017/03/29 DOTA
Django开发中复选框用法示例
2018/03/20 Python
pandas实现选取特定索引的行
2018/04/20 Python
Python使用Dijkstra算法实现求解图中最短路径距离问题详解
2018/05/16 Python
Python列表删除元素del、pop()和remove()的区别小结
2019/09/11 Python
pytorch中nn.Conv1d的用法详解
2019/12/31 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
詹天佑教学反思
2014/04/30 职场文书
特此通知格式
2015/04/27 职场文书
酒店宣传语大全
2015/07/13 职场文书
python中sqllite插入numpy数组到数据库的实现方法
2021/06/21 Python
实现GO语言对数组切片去重
2022/04/20 Golang