一款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 相关文章推荐
jQuery 遍历json数组的实现代码
Sep 22 Javascript
javascript 设计模式之单体模式 面向对象学习基础
Apr 18 Javascript
JS滚轮事件onmousewheel使用介绍
Nov 01 Javascript
Jquery中巧用Ajax的beforeSend方法
Jan 20 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
Sep 20 Javascript
浅谈struts1 &amp; jquery form 文件异步上传
May 25 jQuery
React组件重构之嵌套+继承及高阶组件详解
Jul 19 Javascript
gulp构建小程序的方法步骤
May 31 Javascript
layui 动态设置checbox 选中状态的例子
Sep 02 Javascript
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
Dec 22 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
Jun 08 Javascript
小程序角标的添加及绑定购物车数量进行实时更新的实现代码
Dec 07 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程序员常见的40个陋习,你中了几个?
2014/11/20 PHP
PHP模拟登陆163邮箱发邮件及获取通讯录列表的方法
2015/03/07 PHP
PHP常见数组函数用法小结
2016/03/21 PHP
PHP中addslashes与mysql_escape_string的区别分析
2016/04/25 PHP
ThinkPHP Where 条件中常用表达式示例(详解)
2017/03/31 PHP
laravel学习笔记之模型事件的几种用法示例
2017/08/15 PHP
Thinkphp5框架ajax接口实现方法分析
2019/08/28 PHP
laravel5.1框架基础之Blade模板继承简单使用方法分析
2019/09/05 PHP
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
2010/10/14 Javascript
js仿百度有啊通栏展示效果实现代码
2013/05/28 Javascript
javascript处理表单示例(javascript提交表单)
2014/04/28 Javascript
中文输入法不触发onkeyup事件的解决办法
2014/07/09 Javascript
JavaScript实现从数组中选出和等于固定值的n个数
2014/09/03 Javascript
JavaScript监听文本框回车事件并过滤文本框空格的方法
2015/04/16 Javascript
jquery.tableSort.js表格排序插件使用方法详解
2020/08/12 Javascript
jQuery插件artDialog.js使用与关闭方法示例
2017/10/09 jQuery
js+canvas实现滑动拼图验证码功能
2018/03/26 Javascript
jsonp跨域及实现百度首页联想功能的方法
2018/08/30 Javascript
微信小程序仿抖音短视频切换效果的实例代码
2020/06/24 Javascript
原生js实现拖拽移动与缩放效果
2020/08/24 Javascript
react实现复选框全选和反选组件效果
2020/08/25 Javascript
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
2020/12/01 Vue.js
Python采集腾讯新闻实例
2014/07/10 Python
Python实现的快速排序算法详解
2017/08/01 Python
每天迁移MySQL历史数据到历史库Python脚本
2018/04/13 Python
numpy向空的二维数组中添加元素的方法
2018/11/01 Python
python3 实现的对象与json相互转换操作示例
2019/08/17 Python
Pytoch之torchvision.transforms图像变换实例
2019/12/30 Python
Python用K-means聚类算法进行客户分群的实现
2020/08/23 Python
加拿大床上用品、家居装饰、厨房和浴室产品购物网站:Linen Chest
2018/06/05 全球购物
国际旅客访问北美最大的汽车租赁提供商:Alamo Rent A Car
2018/06/13 全球购物
Trip.com澳大利亚:在线旅行社
2019/12/01 全球购物
Servlet的实例是在生命周期什么时候创建的?配置servlet最重要的是什么?
2012/05/30 面试题
2014学校领导四风对照检查材料思想汇报
2014/09/23 职场文书
病危通知书样本
2015/04/17 职场文书
送给火锅店的创意营销方案!
2019/07/08 职场文书