• 网页前台页面图片飘窗代码


     <!---飘窗开始--->
        <div id="img1" style="z-index: 999; border: 1px solid rgb(204, 204, 204);  340px; background-color: white; height: 100px; position: absolute; top: 29px; left: 1230px; font-size: 13px;" >
                <div style="height:18px;margin-left:310px;margin-top:6px;">
                    <a href="javascript:void(0);" onclick="closediv()" title="点击关闭" style="height:16px;text-decoration:none;color:#666;">关闭</a>
                </div>
                <div>
                    <a href="" target="_blank"><img src="images/float_20171001.png"  alt="中秋 国庆,双节同庆" title="中秋 国庆,双节同庆"></a>
                </div>
            </div>
            
            
             <script type="text/javascript">
                 var obj = document.getElementById("img1");
    
                 var ggRoll = {
                     roll: obj,
                     speed: 16,
                     statusX: document.documentElement.clientWidth - document.body.clientWidth,
                     statusY: document.documentElement.clientHeight - document.body.clientHeight,
                     x: 200,
                     y: 400,
                     winW: document.body.clientWidth - obj.offsetWidth * 2,
                     winH: document.body.clientHeight - obj.offsetHeight,
                     Go: function () {
                         this.roll.style.left = this.x + 'px';
                         this.roll.style.top = this.y + 'px';
    
                         this.x = this.x + (this.statusX ? -1 : 1);
                         if (this.x < 0) {
                             this.statusX = 0;
                         }
                         if (this.x > this.winW) {
                             this.statusX = 1;
                         }
    
                         this.y = this.y + (this.statusY ? -1 : 1);
                         if (this.y < 0) {
                             this.statusY = 0;
                         }
                         if (this.y > this.winH) {
                             this.statusY = 1;
                         }
                     }
                 }
    
                 var intervaly = setInterval("ggRoll.Go()", ggRoll.speed);
    
                 ggRoll.roll.onmouseover = function () {
                     clearInterval(intervaly);
                 };
    
                 ggRoll.roll.onmouseout = function () {
                     intervaly = setInterval("ggRoll.Go()", ggRoll.speed);
                 };
    
                 function closediv() {
                     clearInterval(intervaly);
                     obj.style.display = "none";
                     obj.parentNode.removeChild(obj);
                 }
        </script>
    
             <!---飘窗结束--->
  • 相关阅读:
    delegate
    .net企业级架构实战之1——框架综述
    .net企业级架构实战之3——业务对象建模及codesmith模板
    ubuntu学习小记
    [导入]【翻译】WF从入门到精通(第六章):加载和卸载实例
    专注SilverLight
    常用JS验证函数总结
    星级评分jQuery插件 (转)
    Windows Server 2003安装最新版MSN的方法
    [导入]【翻译】WF从入门到精通(第七章):基本活动的操作
  • 原文地址:https://www.cnblogs.com/sharing1986687846/p/7610865.html
Copyright © 2020-2023  润新知