jquery多张图片替换自身地址实现切换效果

时间：2015-04-12 19:00:57 阅读：200 评论：0 收藏：0 [点我收藏+]

标签：

//图片导航切换

$(function(){

var picHref = [];

$(".slider_nav ul li").each(function(){

picHref.push($(this).find("img").attr("src"));//存放图片原地址

});

//alert(picHref[0]);

    $(".slider_nav ul li").click(function(){
        //alert($(this).find("img").attr("src"));
        var src_2 = $(this).find("img").attr("src_2");//获取点击后新的图片地址
        $(this).find("img").attr("src",src_2);//添加当前新地址图片
        //给同级元素替换回原来的图片地址
        $(this).siblings().each(function(){
            var index = $(this).index();
            //alert(index);
            $(this).find("img").attr("src",picHref[index]);
        });
        return false;
    });
})

</script>

jquery多张图片替换自身地址实现切换效果

标签：

原文地址：http://www.cnblogs.com/gyx19930120/p/4419989.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行