基于jquery编写的横向自适应幻灯片切换特效的实例代码


Posted in Javascript onAugust 06, 2013
<script type="text/javascript">
jQuery(".fullSlide").hover(function() {
    jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
},
function() {
    jQuery(this).find(".prev,.next").fadeOut()
});
jQuery(".fullSlide").slide({
    titCell: ".hd ul",
    mainCell: ".bd ul",
    effect: "fold",
    autoPlay: true,
    autoPage: true,
    trigger: "click",
    startFun: function(i) {
        var curLi = jQuery(".fullSlide .bd li").eq(i);
        if ( !! curLi.attr("_src")) {
            curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
        }
    }
});
</script>

效果图如下:

基于jquery编写的横向自适应幻灯片切换特效的实例代码

Javascript 相关文章推荐
javascript 用原型继承来实现对象系统
Mar 22 Javascript
Javascript 面向对象之重载
May 04 Javascript
JavaScript异步调用定时方法并停止该方法实现代码
Mar 16 Javascript
Js获取下拉框选定项的值和文本的实现代码
Feb 26 Javascript
css+js实现部分区域高亮可编辑遮罩层
Mar 04 Javascript
深入php面向对象、模式与实践
Feb 16 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
Oct 26 Javascript
jQuery事件绑定方法学习总结(推荐)
Nov 21 Javascript
模板视图和AngularJS之间冲突的解决方法
Nov 22 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
Jun 04 Javascript
vue中父子组件注意事项,传值及slot应用技巧
May 09 Javascript
微信小程序自定义弹窗wcPop插件
Nov 19 Javascript
IE下JS读取xml文件示例代码
Aug 05 #Javascript
JavaScript的递归之递归与循环示例介绍
Aug 05 #Javascript
php与js的区别是什么
Aug 05 #Javascript
IE下写xml文件的两种方式(fso/saveAs)
Aug 05 #Javascript
js获取input标签的输入值实现代码
Aug 05 #Javascript
js实现页面转发功能示例代码
Aug 05 #Javascript
Jquery:ajax实现翻页无刷新功能代码
Aug 05 #Javascript
You might like
PHP 杂谈《重构-改善既有代码的设计》之一 重新组织你的函数
2012/04/09 PHP
php修改指定文件后缀的方法
2014/09/11 PHP
ThinkPHP 模板substr的截取字符串函数详解
2017/01/09 PHP
封装好的一个万能检测表单的方法
2015/01/21 Javascript
分享我的jquery实现下拉菜单心的
2015/11/29 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
2015/12/25 Javascript
Bootstrap基本样式学习笔记之表格(2)
2016/12/07 Javascript
JS去除字符串中空格的方法
2017/02/14 Javascript
ionic实现底部分享功能
2017/05/11 Javascript
Bootstrap输入框组件使用详解
2017/06/09 Javascript
你点的 ES6一些小技巧,请查收
2018/04/25 Javascript
swiper Scrollbar滚动条组件详解
2019/09/08 Javascript
JS面向对象之多选框实现
2020/01/17 Javascript
Javascript实现html转pdf高清版(提高分辨率)
2020/02/19 Javascript
es6中Promise 对象基本功能与用法实例分析
2020/02/23 Javascript
python if not in 多条件判断代码
2016/09/21 Python
Python3中使用PyMongo的方法详解
2017/07/28 Python
Python多线程中阻塞(join)与锁(Lock)使用误区解析
2018/04/27 Python
pygame实现俄罗斯方块游戏
2018/06/26 Python
python3.5安装python3-tk详解
2019/04/26 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
如何完美的建立一个python项目
2020/10/09 Python
python爬虫利器之requests库的用法(超全面的爬取网页案例)
2020/12/17 Python
Django中ORM的基本使用教程
2020/12/22 Python
python 检测nginx服务邮件报警的脚本
2020/12/31 Python
在canvas上实现元素图片镜像翻转动画效果的方法
2018/03/20 HTML / CSS
彪马美国官网:PUMA美国
2017/03/09 全球购物
乌克兰机票、铁路和巴士票、酒店搜索、保险:Tickets.ua
2020/01/11 全球购物
护理专业学生的求职信范文
2013/12/11 职场文书
执行力心得体会
2013/12/31 职场文书
项目施工员岗位职责
2014/03/09 职场文书
公司委托书格式范文
2014/10/09 职场文书
公司回复函格式
2015/07/14 职场文书
MySQL创建索引需要了解的
2021/04/08 MySQL
如何使用Maxwell实时同步mysql数据
2021/04/08 MySQL
解决SpringCloud Feign传对象参数调用失败的问题
2021/06/23 Java/Android