博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用定时器实现逐渐放大层的功能
阅读量:5822 次
发布时间:2019-06-18

本文共 1349 字,大约阅读时间需要 4 分钟。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var showintervalId;
        function showDiv() {
            showintervalId = setInterval("show()", 100);
        }
        function show() {
            var div1 = document.getElementById("div1");
            var olderWidth = div1.style.width;
            var olderHeight = div1.style.height;
            
            olderWidth = parseInt(olderWidth, 10);
            olderHeight = parseInt(olderHeight, 10);
            if (olderWidth >= 200) {
                clearInterval(showintervalId);
            }
            olderWidth = olderWidth + 10;
            olderWidth = olderWidth + "px";
            olderHeight = olderHeight + 10;
            olderHeight = olderHeight + "px";
            alert(olderWidth);
            div1.style.width = olderWidth;
            div1.style.height = olderHeight;
        }
    </script>
</head>
<body>
    <div id="div1" style="border-color: Red; border-style: solid; border-width: 1px;
        width: 100px; height: 100px">
        中国人爱情自觉的中国人 我现在发现电影天堂网站,是有两个网址吗,一个是迅雷下载,一个是快车下载,我怎么一下就是快车呢,怎么才能有迅雷的呢?中国人爱情自觉的中国人
        我现在发现电影天堂站,是有两个网址吗,一个是迅雷下载,一</div>
    <input type="button" id="" value="放大" οnclick="document.getElementById('div1').style.width='200px';document.getElementById('div1').style.height='200px'" />
    <input type="button" id="" value="逐渐放大" οnclick="showDiv()" />
</body>
</html>

转载于:https://www.cnblogs.com/wangyhua/archive/2012/02/27/4050678.html

你可能感兴趣的文章
Chrome 广告屏蔽功能不影响浏览器性能
查看>>
vSphere 6将于2月2日全球同步发表
查看>>
Android状态栏实现沉浸式模式
查看>>
让你的APP实现即时聊天功能
查看>>
iOS 绝对路径和相对路径
查看>>
使用Openfiler搭建ISCSI网络存储
查看>>
学生名单
查看>>
(转) 多模态机器翻译
查看>>
【官方文档】Nginx负载均衡学习笔记(三) TCP和UDP负载平衡官方参考文档
查看>>
矩阵常用归一化
查看>>
Oracle常用函数总结
查看>>
【聚能聊有奖话题】Boring隧道掘进机完成首段挖掘,离未来交通还有多远?
查看>>
考研太苦逼没坚持下来!看苑老师视频有点上头
查看>>
HCNA——RIP的路由汇总
查看>>
zabbix监控php状态(四)
查看>>
实战Django:小型CMS Part2
查看>>
原创]windows server 2012 AD架构试验系列 – 16更改DC计算机名
查看>>
统治世界的十大算法
查看>>
linux svn安装和配置
查看>>
SSH中调用另一action的方法(chain,redirect)
查看>>