飘窗代码,自己补充了一下

<!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">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<style type="text/css">
    #flow{
        LEFT: 10px;
        WIDTH: 200px;
        POSITION: absolute; TOP: 147px;
        HEIGHT: 163px;
        /*background-color: #EFEFEF;*/
        /*background-color:#7EF030;*/
        border: 1px none #000000;
    }

</style>
<body>

    <!--悬浮-->
    <div id="flow" onMouseOver="stop()" onMouseOut="start()">
    <!--这里是内容-->
    <table width=90>
            <tbody>
                <tr>

                        <td><IMG src="../images/logo1.png" border=0></td>

                </tr>
                <tr>
                    <td>
                        <div align=right><a onclick="stopAd()">关闭&nbsp;</a></div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <!-------------------->

<!--浮动飘窗代码-->
<script type="text/javascript">
var xPos = 50;
var yPos = 60;
var step = 1;
var delay =100;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var interval;
flowE=document.getElementById("flow");
flowE.style.top = yPos+"px";
function changePos() {
width = document.documentElement.clientWidth;
height = document.documentElement.clientHeight;
Hoffset = flowE.offsetHeight;
Woffset = flowE.offsetWidth;
flowE.style.left = (xPos + document.body.scrollLeft)+"px";
flowE.style.top = (yPos + document.body.scrollTop)+"px";
// //////////////////////////////////////////////////////////////////////////////
    yon==0?yPos+=step:yPos-=step;
    xon==0?xPos-=step:xPos+=step;
    if(xPos>=(width-Woffset)){
        xPos=(width-Woffset);
        xon=0;
    }
    else if(xPos<=0){
        xPos=0;
        xon=1;
    }
    if(yPos>=(height-Hoffset))
    {
        yPos = (height - Hoffset);
        yon=1;
    }
    else if(yPos<=0){
        yPos =0;
        yon=0;
    }
////////////////////////////////////////////////////////////////////////////////////////////////////////
}
<!--关闭浮动飘窗-->
    function stopAd(){
        flowE.style.display = ‘none‘;
        clearInterval(interval);
    }
<!--这里是自己家的,点击底部的关闭,该div消失代码-->

function start() {interval = setInterval(‘changePos()‘, delay); }
function stop(){clearInterval(interval);}
start();
</script>
</body>
</html>

自己一步一步走来,想周五怎么办呢?周五尴尬时刻啊!

时间: 2024-10-06 19:15:29

飘窗代码,自己补充了一下的相关文章

飘窗代码

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>飘窗代码</title> </head> <body> <div id="FlAD" style="position:absol

左右飘窗代码研读

var browser={ ie6:function(){ return((window.XMLHttpRequest==undefined)&&(ActiveXObject!=undefined)) }, getWindow:function(){ var myHeight=0; var myWidth=0; if(typeof(window.innerWidth)=='number'){ myHeight=window.innerHeight; myWidth=window.inner

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

<!---飘窗开始---> <div id="img1" style="z-index: 999; border: 1px solid rgb(204, 204, 204); width: 340px; background-color: white; height: 100px; position: absolute; top: 29px; left: 1230px; font-size: 13px;" > <div style=&q

twemproxyMemcache协议解析探索——剖析twemproxy代码正编补充

memcache是一种和redis类似的高速缓存服务器,但是memcache只提供键值对这种简单的存储方式,相对于redis支持的存储方式多样化,memcache就比较简单了.memcache通过tcp或者udp连接来实现memcache客户端和服务端的交互.memcache的协议是自定的,也分为两种:一种是文本协议(这是我们今天讨论的重点),另一种是二进制协议(在我们今天讨论的范围),这里仅仅介绍用tcp连接以及文本协议通信的memcache协议.如有描述不当的地方请大家指出. memcach

飘窗代码修改了一段js

<!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> <meta http-equiv="Content-

代码可读性艺术在Andorid中的体现

前言 最近接手的一些项目,不同的人编码风格迥异,类里的变量.方法的定义穿插,注释极为稀少,更有一些变量和方法的命名非常近似,例如表示播放队列的"playQueue"和表示歌单的"playList",wtf? 这不是一个意思吗?一些回调的时机也不能直观的看出来,通常需要debug调试多次;multi project之间值的传递.广播跨进程的发送.服务的开启和绑定,一句注释都没有,不知道过了这么久, 这些代码的同事,还能很快看懂自己写的东西吗?这简直让人抓狂啊,于是乎,

关于代码手写UI,xib和StoryBoard

代码手写UI 这种方法经常被学院派的极客或者依赖多人合作的大型项目大规模使用.Geek们喜欢用代码构建UI,是因为代码是键盘敲出来的,这样可以做到不开IB,手不离开键盘就完成工作,可以专注于编码环境,看起来很cool很高效,而且不到运行时大家都不知道会是什么样子,也显出了程序员这一职业的高大上及神秘气息(这个真的不是在黑..想想大家一起在设计师背后指点江山的场景吧).大型多人合作项目使用代码构建UI,主要是看中纯代码在版本管理时的优势,检查追踪改动以及进行代码合并相对容易一些. 另外,代码UI可

代码手写UI,xib和StoryBoard间的博弈,以及Interface Builder的一些小技巧

代码手写UI,xib和StoryBoard间的博弈,以及Interface Builder的一些小技巧 最近接触了几个刚入门的iOS学习者,他们之中存在一个普遍和困惑和疑问,就是应该如何制作UI界面.iOS应用是非常重视用户体验的,可以说绝大多数的应用成功与否与交互设计以及UI是否漂亮易用有着非常大的关系.而随着iOS开发发展至今,可以说在UI制作上大家逐渐分化为了三种主要流派:使用代码手写UI及布局:使用单个xib文件组织viewController或者view:使用StoryBoard来通过

代码手写UI、xib和storyboard各自的局限性

代码: 因为你无法直观地看到你能得到的结果,所以你很可能需要不断地Cmd+R/Cmd+.来修改各个视图的位置大小.即使你用上了Reveal或者RestartLessOften之类的工具,也还是无法特别方便地完成需要的布局.另外加上如果需要利用AutoLayout来进行尺寸适配的话,使用代码进行约束就更加头疼了.很多时候一个无法满足的约束的问题就够来回运行修改调试很长时间了. xib: 在使用xib时,辅以部分代码来补充和完成功能几乎是不可避免的.关于这点在开发时应该予以高度重视,如果选择xib,