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

来源:www.13sc.com | 游客上传 | 234 次浏览 | 0 条评论

搜索: 自适应 幻灯片 切换特效 

全屏自适应jquery焦点图切换特效,在IE6这个蛋疼的浏览器兼容性问题上得到了和谐,兼容IE6。适用浏览器:IE6、IE7、IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.相关代码:

复制代码 代码如下:

<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类库

jquery 实现的全选和反选

JQuery打造PHP的AJAX表单提交实例

基于jQuery的消息提示插件 DivAlert之旅(二)

jquery 学习之二 属性(html()与html(val))

jquery实现心算练习代码

jquery ui dialog ie8出现滚动条的解决方法

js前台判断开始时间是否小于结束时间

asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)

Yii-自定义删除确认弹框(zyd)jquery实现代码

jquery获取tr中控件值并操作tr实现思路

JQuery 无废话系列教程(一) jquery入门 [推荐]

海量经典的jQuery插件集合

Copyright 2009-2013 13sc.com All Rights Reserved.