jQuery siblings() 方法

最新推荐文章于 2025-06-26 11:30:12 发布

原创最新推荐文章于 2025-06-26 11:30:12 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript实现图片轮播效果的方法。通过监听鼠标悬停事件来切换显示不同的图片，并更改对应的导航按钮样式。

function showt()
        {
$('#show_pic img').eq(a).show().siblings('img').hide();
// 选取指定 index 值的元素显示，其他隐藏
    $('.pic_ul li').eq(a).css('border','2px solid red').siblings('li').css('border','1px solid black');
    // 选取指定 index 值的元素边框颜色，其他边框颜色一致
        }

$('.pic_ul li').mouseover(function(){
    // 当鼠标移到上面触发事件
    a=$(this).index();
        // 获取a的数值
        showt(a);
        });