为了账号安全,请及时绑定邮箱和手机立即绑定

为什么必须将<img>放在<div>内才能实现向上向下滑动效果,直接用<img>却实现不了呢?

<script type="text/javascript">

$(function(){

    $("#btnAct").bind("click",function(){

        if($("#btnAct").val()=="向上滑"){

            $("#divtest").slideUp(3000,function(){

                $("#btnAct").val("向下滑");

        })

    }

    else{

        $("#divtest").slideDown(3000,function(){

            $("#btnAct").val("向上滑");

        })

        }

    })

})

</script>


正在回答

3 回答

你用最简单的现实逻辑理解就可以,一个物体的移动是需要参考物的!

0 回复 有任何疑惑可以回复我~

是不是可以这么理解,img元素的高度是固定的,就等于是引入的图片的高度,它无法通过slideUp/slideDown方法改变元素的高度。而在img外面加一层父元素div的话,则可以对div的高度进行更改,所以就实现了滑动效果

1 回复 有任何疑惑可以回复我~
因为img不是块级元素、、、、


0 回复 有任何疑惑可以回复我~
#1

darkness_ 提问者

这个方法只适用于块级元素吗?
2015-07-23 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

为什么必须将<img>放在<div>内才能实现向上向下滑动效果,直接用<img>却实现不了呢?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信