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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用js实现点击页面上的div慢慢放大,再次点击慢慢缩小。在同一个div相关的知识,希望对你有一定的参考价值。

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

用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>

参考技术A 我觉得你需要用js控制div的offsetwidth ,offsetheight ,和margin-top ,margin-left
这四个值应该可以实现

以上是关于怎么用js实现点击页面上的div慢慢放大,再次点击慢慢缩小。在同一个div的主要内容,如果未能解决你的问题,请参考以下文章

js或是jquery代码怎么写让图片在一个div里实现由远到近的渐变效果,即图片慢慢放大,超出div的部分不显示

js怎么实现点击选中,再次点击取消。

用jquery怎么实现点击显示,再一次点击隐藏

一个弹出div,当点击页面上除了这个div这外的地方,隐藏这个div,jquery怎么写??

js 怎么用一个按钮控制DIV来回显示和隐藏

pc端 前端页面 js灯箱效果能放大缩小吗