一款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 相关文章推荐
javascript 仿QQ滑动菜单效果代码
Sep 03 Javascript
在JavaScript中获取请求的URL参数[正则]
Dec 25 Javascript
深入理解JavaScript作用域和作用域链
Oct 21 Javascript
UpdatePanel和Jquery冲突的解决方法
Apr 01 Javascript
详解jquery uploadify 上传文件
Nov 09 Javascript
JS根据年月获得当月天数的实现代码
Jul 03 Javascript
Bootstrap CSS组件之按钮组(btn-group)
Dec 17 Javascript
JavaScript实现图片无缝滚动效果
Jul 07 Javascript
jQuery实现右侧抽屉式在线客服功能
Dec 25 jQuery
vue项目每30秒刷新1次接口的实现方法
Dec 04 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
Mar 28 Javascript
基于three.js实现的3D粒子动效实例代码
Apr 09 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 中检查或过滤IP地址的实现代码
2011/11/27 PHP
PHP提示Deprecated: mysql_connect(): The mysql extension is deprecated的解决方法
2014/08/28 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
PHP实现的超长文本分页显示功能示例
2018/06/04 PHP
PHP防止sql注入小技巧之sql预处理原理与实现方法分析
2019/12/13 PHP
JavaScript 新手24条实用建议[TUTS+]
2009/06/21 Javascript
javascript 支持链式调用的异步调用框架Async.Operation
2009/08/04 Javascript
jquery Moblie入门—hello world的示例代码学习
2013/01/08 Javascript
javascript删除字符串最后一个字符
2014/01/14 Javascript
在JavaScript中操作时间之setYear()方法的使用
2015/06/12 Javascript
js操作cookie保存浏览记录的方法
2015/12/25 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
2016/05/25 Javascript
JavaScript 对象字面量讲解
2016/06/06 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
2016/08/02 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
2017/04/28 Javascript
基于jQuery封装的分页组件
2017/06/26 jQuery
javascript编程开发中取色器及封装$函数用法示例
2017/08/09 Javascript
JS中offset和匀速动画详解
2018/02/06 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
详解Axios统一错误处理与后置
2018/09/26 Javascript
Python 爬虫图片简单实现
2017/06/01 Python
浅谈Python批处理文件夹中的txt文件
2019/03/11 Python
python原类、类的创建过程与方法详解
2019/07/19 Python
基于django 的orm中非主键自增的实现方式
2020/05/18 Python
基于Python下载网络图片方法汇总代码实例
2020/06/24 Python
Sunglasses Shop丹麦:欧洲第一的太阳镜在线销售网站
2017/10/22 全球购物
介绍一下Cookie和Session及他们之间的区别
2012/11/20 面试题
给男朋友的道歉信
2014/01/12 职场文书
诚信的演讲稿范文
2014/05/12 职场文书
演讲比赛策划方案
2014/06/11 职场文书
小学课外活动总结
2014/07/09 职场文书
2014年终个人总结报告
2015/03/09 职场文书
设备技术员岗位职责
2015/04/11 职场文书
幼儿园安全教育随笔
2015/08/14 职场文书
原生Js 实现的简单无缝滚动轮播图的示例代码
2021/05/10 Javascript