zoukankan
html css js c++ java
缓慢放大div
<style> #testzoom{border:1px solid #ccc;background:#eee;} </style> <input type="button" value="test-div" onclick="zoomDiv('testzoom')" /> <div id="testzoom" style="100px;height:100px;">This is a div</div> <script type="text/javascript"> function $(id){ return document.getElementById(id); } function zoomDiv(id){ var obj = $(id); var changeW = function (){ var obj_w = parseInt(obj.style.width); var obj_h = parseInt(obj.style.height); if (obj_h <= 350 || obj_w < 400) { obj.style.width = (obj_w + Math.ceil((400 - obj_w) / 10)) + 'px'; obj.style.height = (obj_h + Math.ceil((350 - obj_h) / 10)) + 'px'; } else { clearInterval(bw1); } } bw1= setInterval(changeW,1); } </script>
运行代码
查看全文
相关阅读:
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
原文地址:https://www.cnblogs.com/jikey/p/1753130.html
最新文章
元素周期表 规律
向量的概念
文言文1:文言句式
e网通物理必修一学习笔记
#10103. 「一本通 3.6 练习 4」电力
P3225 [HNOI2012]矿场搭建
英语必修二人教版U2单词表
一本通tarjan题目
题解 P2286 【[HNOI2004]宠物收养场】
jQuery火箭图标返回顶部代码
热门文章
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
jQuery火箭图标返回顶部代码
Copyright © 2011-2022 走看看