zoukankan      html  css  js  c++  java
  • JS实现漂浮广告

    <script language="javascript" type="text/javascript">
                // JavaScript Document
                //设置广告块
                var divLeft = 0;
                //设置广告块初始左边位置
                var divTop = 0;
                //设置广告块初始顶部位置
                var divWidth = 120;
                //设置广告块宽度
                var divHeight = 80;
                //设置广告块高度
                var divImg = "http://portal.nmc.ln.cmcc/PublishingImages/yunweiguanli.JPG";
                //设置广告图片的URL地址
                var divUrl = "http://net.chinamobile.com/";
                //设置广告链接
                var divTitle = "http://net.chinamobile.com/";
                //设置div标题
                document.write("<DIV id=\"adDiv\" style=\"position:absolute; left:"+divLeft);
                document.write("px; top:"+divTop+"px; "+divWidth+"px; height:"+divHeight);
                document.write("px; z-index:1;\" onMouseOver=\"javascript:window.clearInterval(varId)\"");
                document.write(" onMouseOut=\"javascript:beginMoveAd();\"><a style=\"font-size:12px;\" href=\"" + divUrl + "\" target=\"_blank\">");
                document.write("<img src=\"" + divImg + "\" border=\"0\" alt=\"" + divTitle + "\"></a><br>");
                //document.write("<a href=\"javascript:\" onclick=\"document.getElementByIdx('adDiv').style.display='none';\">");
                //document.write("<font>关闭广告</font></a>");
                document.write("</DIV>");
                //飘浮广告
                var _stepx=2;_stepy=2;
                //初始化每次偏离的象素
                var moveSpeed=40;
                //速度
                var varId;
                //获取setInterval的ID
                function moveAd()
                {
                 //飘浮广告主函数
                 var adLeft=parseInt(adDiv.style.left);
                 var adTop=parseInt(adDiv.style.top);
                 var adWidth=parseInt(adDiv.style.width);
                 var adHeight=parseInt(adDiv.style.height);
                 var _bodyLeft=document.body.scrollLeft;
                 var _bodyTop=document.body.scrollTop;
                 var _bodyHeight=document.body.clientHeight+_bodyTop;
                 var _bodyWidth=document.body.clientWidth+_bodyLeft;
                 if(adLeft<=_bodyLeft)
                 {
                  _stepx=2;
                 }
                 if(adTop<=_bodyTop)
                 {
                  _stepy=2;
                 }
                 if((adLeft+adWidth)>=_bodyWidth)
                 {
                  _stepx=-2;
                 }
                 if((adTop+adHeight)>=_bodyHeight)
                 {
                  _stepy=-2;
                 }
                 adDiv.style.left=adLeft+_stepx;
                 adDiv.style.top=adTop+_stepy;
                }

                function beginMoveAd()
                {
                 //启动飘浮
                 varId = window.setInterval("moveAd()",moveSpeed);
                }
                 //给窗体的load事件附加飘浮函数
                window.onload=beginMoveAd();
        </script>

    <script language="javascript" type="text/javascript">
                // JavaScript Document
                //设置广告块
                var divImgLeft = 300;
                //设置广告块初始左边位置
                var divImgTop = 0;
                //设置广告块初始顶部位置
                var divImgWidth = 280;
                //设置广告块宽度
                var divImgHeight = 110;
                //设置广告块高度
                var divImg = "http://portal.nmc.ln.cmcc/Image%20Library/fz60.jpg";
                //设置广告图片的URL地址
                var divImgUrl = "";
                //设置广告链接
                var divImgTitle = "";
                //设置div标题
                document.write("<DIV id=\"imgDiv\" style=\"position:absolute; left:" + divImgLeft);
                document.write("px; top:" + divImgTop + "px; " + divImgWidth + "px; height:" + divImgHeight);
                document.write("px; z-index:1;\" onMouseOver=\"javascript:window.clearInterval(varImgId)\"");
                document.write(" onMouseOut=\"javascript:beginImgMoveAd();\"><a href=\"" + divImgUrl + "\" target=\"_blank\">");
                document.write("<img src=\"" + divImg + "\" border=\"0\" alt=\"" + divImgTitle + "\"></a><br>");
                //document.write("<a href=\"javascript:\" onclick=\"document.getElementByIdx('adDiv').style.display='none';\">");
                //document.write("<font>关闭广告</font></a>");
                document.write("</DIV>");
                //飘浮广告
                var _stepImgx=3;_stepImgy=3;
                //初始化每次偏离的象素
                var moveImgSpeed=30;
                //速度
                var varImgId;
                //获取setInterval的ID
                function moveImg()
                {
                 //飘浮广告主函数
                    var imgLeft = parseInt(imgDiv.style.left);
                    var imgTop = parseInt(imgDiv.style.top);
                    var imgWidth = parseInt(imgDiv.style.width);
                    var imgHeight = parseInt(imgDiv.style.height);
                 var _bodyImgLeft=document.body.scrollLeft;
                 var _bodyImgTop=document.body.scrollTop;
                 var _bodyImgHeight=document.body.clientHeight+_bodyImgTop;
                 var _bodyImgWidth=document.body.clientWidth+_bodyImgLeft;
                 if (imgLeft <= _bodyImgLeft)
                 {
                     _stepImgx = 3;
                 }
                 if (imgTop <= _bodyImgTop)
                 {
                     _stepImgy = 3;
                 }
                 if ((imgLeft + imgWidth) >= _bodyImgWidth)
                 {
                     _stepImgx = -3;
                 }
                 if ((imgTop + imgHeight) >= _bodyImgHeight)
                 {
                     _stepImgy = -3;
                 }
                 imgDiv.style.left = imgLeft + _stepImgx;
                 imgDiv.style.top = imgTop + _stepImgy;
                }

                function beginImgMoveAd()
                {
                 //启动飘浮
                    varImgId = window.setInterval("moveImg()", moveImgSpeed);
                }
                 //给窗体的load事件附加飘浮函数
                window.onload = beginImgMoveAd();
        </script>

  • 相关阅读:
    棋盘完美覆盖数(小规模原理实现)
    Codeforces 115A Party (并查集思维)
    datetime日期和时间
    range与enumerate的区别
    爬取爱套图网上的图片
    python爬取365好书中小说
    列表和元组的方法
    字符串中的方法
    从电源问题出发,带你揭秘新体系结构范式 COA
    KubeCon 2020 演讲集锦|《阿里巴巴云原生技术与实践 13 讲》开放下载
  • 原文地址:https://www.cnblogs.com/yinchengliang/p/2584604.html
Copyright © 2011-2022 走看看