AspNet技术

.Net平台 + C#语言 + Microsoft SQL Server 开发互联网之web应用!

[原]点击按钮层动态变小

window.onload = function () {

            document.getElementById('btn').onclick = function () {


                var dvObj = document.getElementById('dv');

                dvObj.style.overflow = 'hidden';
                var h = dvObj.offsetHeight;
                var setId = setInterval(function () {
                    h = h - 20;
                    if (h <= 0) {
                        //计时器清除
                        clearInterval(setId);
                        //层隐藏
                        dvObj.style.display = 'none';

                    } else {
                        dvObj.style.height = h + 'px';
                    }

 

                }, 10);
            };
        };
<input type="button" name="name" value="层变小" id="btn" />
    <div id="dv" style="width: 300px; height: 400px; border: 1px solid red;">
        <input type="button" name="name" value="按钮" />
        <input type="text" name="name" value="" />
</div>
让图片飞:
window.onload = function () {
            document.onmousemove = function () {
                //alert('fff');
                var imObj = document.getElementById('im');
                imObj.style.position = 'absolute';
                imObj.style.left = window.event.clientX+'px';
                imObj.style.top = window.event.clientY+'px';
            }
        }
<img id="im" src="aa.jpg" alt="Alternate Text" />

posted on 2014-04-26 22:16  Seves2015  阅读(137)  评论(0编辑  收藏  举报

导航