编程 Javascript

基于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>

效果图如下：

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

图片按比例缩放函数

Jun 26 Javascript

页面图片浮动左右滑动效果的简单实现案例

Feb 10 Javascript

javascript将url中的参数加密解密代码

Nov 17 Javascript

使用jquery操作session方法分享

Jan 22 Javascript

jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码

Oct 30 Javascript

jQuery实现图片走马灯效果的原理分析

Jan 16 Javascript

JS中JSON对象和String之间的互转及处理技巧

Apr 06 Javascript

jQuery 3.0十大新特性最终版发布

Jul 14 Javascript

jquery之别踩白块游戏的简单实现

Jul 25 Javascript

利用原生JS自动生成文章标题树的实例

Aug 22 Javascript

Bootstrap treeview实现动态加载数据并添加快捷搜索功能

Jan 07 Javascript

js正则匹配markdown里的图片标签的实现

Mar 24 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读取excel文件的简单实例

2013/08/26 PHP

PHP符合PSR编程规范的实例分享

2016/12/21 PHP

PHP使用mysqli操作MySQL数据库的简单方法

2017/02/04 PHP

js实现的真正的iframe高度自适应(兼容IE,FF,Opera)

2010/03/07 Javascript

JQuery扩展插件Validate 1 基本使用方法并打包下载

2011/09/05 Javascript

jQuery-serialize()输出序列化form表单值的方法

2012/12/26 Javascript

理解javascript中的回调函数(callback)

2014/09/02 Javascript

Javascript字符串浏览器兼容问题分析

2014/12/01 Javascript

jquery实现聚光灯效果的方法

2015/02/06 Javascript

JS实现可直接显示网页代码运行效果的HTML代码预览功能实例

2015/08/06 Javascript

一道JS前端闭包面试题解析

2015/12/25 Javascript

js的各种排序算法实现(总结)

2016/07/23 Javascript

jQuery如何解决IE输入框不能输入的问题

2016/10/08 Javascript

vue2.0开发实践总结之疑难篇

2016/12/07 Javascript

JS Testing Properties 判断属性是否在对象里的方法

2017/10/01 Javascript

用JS实现根据当前时间随机生成流水号或者订单号

2018/05/31 Javascript

解决Js先触发失去焦点事件再执行点击事件的问题

2018/08/30 Javascript

微信小程序实现单列下拉菜单效果

2019/04/25 Javascript

vue中使用v-model完成组件间的通信

2019/08/22 Javascript

IDEA安装vue插件图文详解

2019/09/26 Javascript

JS中类的静态方法，静态变量，实例方法，实例变量区别与用法实例分析

2020/03/14 Javascript

Vue + ts实现轮播插件的示例

2020/11/10 Javascript

在python中实现同行输入/接收多个数据的示例

2019/07/20 Python

python 实现矩阵按对角线打印

2019/11/29 Python

python3.6连接mysql数据库及增删改查操作详解

2020/02/10 Python

最新2019Pycharm安装教程亲测

2020/02/28 Python

Django REST framwork的权限验证实例

2020/04/02 Python

python如何随机生成高强度密码

2020/08/19 Python

台湾前三大B2C购物网站：MOMO购物网

2017/04/27 全球购物

巴黎欧莱雅法国官网：L’Oreal Paris

2019/04/30 全球购物

社区七一党员活动方案

2014/01/25 职场文书

校园活动宣传方案

2014/03/28 职场文书

乡镇干部个人对照检查材料（群众路线）

2014/09/26 职场文书

辩论赛主持人开场白

2015/05/29 职场文书

关于分班的感言

2015/08/04 职场文书

人物搭配车车超萌联名预备中【咒术迴战】 ⨯ 【天竺鼠车车】展开合作

2022/04/11 日漫