怎么用js实现点击页面上的div慢慢放大,再次点击慢慢缩小。在同一个div

JavaScript011

怎么用js实现点击页面上的div慢慢放大,再次点击慢慢缩小。在同一个div,第1张

用jq 可以轻松实现 下面的代码是 移位 +放大, 再次点击时的代码自己加

<script src="/jquery/jquery-1.11.1.min.js">

</script>

<script> 

$(document).ready(function(){

  $("div").click(function(){

    $("div").animate({

      left:'250px',

      opacity:'0.5',

      height:'150px',

      width:'150px'

    })

  })

})

</script>

设置25%后获取宽度值

var div = document.getElementById("div")

var widht = div.offsetWidth//宽度

var height = widht * 0.75//高度值

把高度给div即可