jQuery简单的手风琴效果,鼠标浏览事件
  • 分享到微信朋友圈
    X
立即下载 查看演示

本文介绍如何使用jQuery制作简单的手风琴效果。当鼠标浏览的时候使用.css()方法改变元素的宽度来实现。

主要js

<script>
    //图片手风琴效果
    $('.sfq ul li').hover(function () {
        $(this).css({ width: "382px", transition: '.3s' }).siblings().css({ width: "168px", transition: '.3s' });
    }) 
</script>