• 用定时器实现逐渐放大层的功能


    <!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- 1px;
            100px; height: 100px">
            中国人爱情自觉的中国人 我现在发现电影天堂网站,是有两个网址吗,一个是迅雷下载,一个是快车下载,我怎么一下就是快车呢,怎么才能有迅雷的呢?中国人爱情自觉的中国人
            我现在发现电影天堂站,是有两个网址吗,一个是迅雷下载,一</div>
        <input type="button" id="" value="放大" onclick="document.getElementById('div1').style.width='200px';document.getElementById('div1').style.height='200px'" />
        <input type="button" id="" value="逐渐放大" onclick="showDiv()" />
    </body>
    </html>
  • 相关阅读:
    Fragments (Android官方文档中文版)
    android文件存储的4种方式
    【翻译】C# 使用Image Guid 验证图片类型
    【转载】C# 在线程同步中使用信号量
    【翻译】SQL SERVER 2008 发送DataBase Mail
    【原创】C# Linq to XML
    【转】Web Service身份验证
    【原创】C# HttpWebRequest 发送SOAP XML
    【原创】包含CDATA C#操作XML(无命名空间),添加/删除/编辑节点
    MSSqlServer函数Len()、DataLength()
  • 原文地址:https://www.cnblogs.com/wangyhua/p/4050678.html
Copyright © 2020-2023  润新知