基于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 相关文章推荐
Jquery选择器 $实现原理
Dec 02 Javascript
JavaScript CSS修改学习第六章 拖拽
Feb 19 Javascript
使用javascript过滤html的字符串(注释标记法)
Jul 08 Javascript
JavaScript获取数组最小值和最大值的方法
Jun 09 Javascript
javascript框架设计之种子模块
Jun 23 Javascript
jquery mobile开发常见问题分析
Jan 21 Javascript
使用Ajax与服务器(JSON)通信实例
Nov 04 Javascript
详解Angular的8个主要构造块
Jun 20 Javascript
vue.js input框之间赋值方法
Aug 24 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
Oct 09 Javascript
node.js中 redis 的安装和基本操作示例
Feb 10 Javascript
详解vue中v-on事件监听指令的基本用法
Jul 22 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
phpExcel导出大量数据出现内存溢出错误的解决方法
2013/02/28 PHP
php导出csv格式数据并将数字转换成文本的思路以及代码分享
2014/06/05 PHP
基于JQuery+PHP编写砸金蛋中奖程序
2015/09/08 PHP
javascript中的括号()用法小结
2014/04/14 Javascript
jQuery常用操作方法及常用函数总结
2014/06/19 Javascript
基于JavaScript实现智能右键菜单
2016/03/02 Javascript
浅析创建javascript对象的方法
2016/05/13 Javascript
利用JavaScript阻止表单提交的两种方法
2016/08/11 Javascript
微信小程序 小程序制作及动画(animation样式)详解
2017/01/06 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
2017/04/11 Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
2017/10/20 jQuery
了解在JavaScript中将值转换为字符串的5种方法
2019/06/06 Javascript
小程序使用wxs解决wxml保留2位小数问题
2019/12/13 Javascript
[54:10]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
python getopt 参数处理小示例
2009/06/09 Python
python2.7删除文件夹和删除文件代码实例
2013/12/18 Python
Python3读取文件常用方法实例分析
2015/05/22 Python
Python切片知识解析
2016/03/06 Python
Python图片裁剪实例代码(如头像裁剪)
2017/06/21 Python
Python线性回归实战分析
2018/02/01 Python
NumPy.npy与pandas DataFrame的实例讲解
2018/07/09 Python
解决Python下imread,imwrite不支持中文的问题
2018/12/05 Python
python批量修改文件夹及其子文件夹下的文件内容
2019/03/15 Python
详解Python多线程下的list
2020/07/03 Python
学习Python需要哪些工具
2020/09/04 Python
python 实现朴素贝叶斯算法的示例
2020/09/30 Python
网站开发实习生的自我评价
2013/12/11 职场文书
国际金融专业大学生职业生涯规划书
2013/12/28 职场文书
租车协议书范本
2014/04/22 职场文书
英语专业毕业生求职信
2014/05/24 职场文书
地理信息科学专业推荐信
2014/09/08 职场文书
2014年团支部年度工作总结
2014/12/24 职场文书
皇城相府导游词
2015/02/06 职场文书
文艺演出主持词
2015/07/01 职场文书
优化经济发展环境工作总结
2015/08/11 职场文书
mysql字段为NULL索引是否会失效实例详解
2022/05/30 MySQL