怎么用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的部分不显示