javascript 我是广告

<body>
<div id="one" style="background:red;position:absolute;left:0;top:0;width:100px;height:100px;">我是广告</div>

<script>

    var x=0;
    var y=0;

    var xs=10;
    var ys=10;

    var one=document.getElementById("one");

    function move(){
            x+=xs;
            y+=ys;

            if(x >= document.body.clientWidth-one.offsetWidth-20 || x <=0 ){
                xs=-1*xs;
            }

            if(y >= document.body.clientHeight-one.offsetHeight-20 || y <=0){
                ys=-1*ys;
            }

               one.style.left=x;
            one.style.top=y;        

    }

    var dt=setInterval("move()",100);

    one.onmouseover=function(){
        clearInterval(dt);
    }

    one.onmouseout=function(){
        dt=setInterval("move()", 100);
    }

</script>
</body>
时间: 2024-08-07 20:52:59

javascript 我是广告的相关文章

JavaScript 图片广告自动与手动的切换

?1.代码 <html> <head>   <script type="text/javascript" src="jquery-1.8.js"></script>   <script type="text/javascript" src="pictrue-con.js"></script>   <style>            #pic1

JavaScript浮动广告代码,容纯DIV/CSS对联漂浮广告代码,兼容性非常好的js右下角与漂浮广告代码

基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上<!DOCTYPE html>类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮代码,使需要的朋友免去大量改造代码的繁琐. 代码一: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name

JavaScript - 浮动广告窗口实例

浮动广告窗口 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

Javascript设置广告和时间表和数组的学习

1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title></title> 5 </head> 6 <body> 7 <hr> 8 <h1>2:使用window.open() 是一个广告?</h1> 9 <input type="submit" onclick="" value

Js广告_全屏漂浮广告

<!DOCTYPE HTML> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Js广告_全屏漂浮广告</title> <style type="text/css"> div#roll{wid

右下角收缩广告

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; } #zt{ width:100%; height:2000px; overflow: hidden; background: yellowgreen; } #cvv{ width:400px; posi

深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点(转)

才华横溢的Stoyan Stefanov,在他写的由O’Reilly初版的新书<JavaScript Patterns>(JavaScript模式)中,我想要是为我们的读者贡献其摘要,那会是件很美妙的事情.具体一点就是编写高质量JavaScript的一些要素,例如避免全局变量,使用单变量声明,在循环中预缓存length(长度),遵循代码阅读,以及更多. 此摘要也包括一些与代码不太相关的习惯,但对整体代码的创建息息相关,包括撰写API文档.执行同行评审以及运行JSLint.这些习惯和最佳做法可以

深入理解 JavaScript(一)

编写高质量 JavaScript 代码的基本要点 转载:http://wiki.jikexueyuan.com/project/javascript-depth-understanding/start-javascript.html 才华横溢的 Stoyan Stefanov,在他写的由 O’Reilly 初版的新书<JavaScript Patterns>(JavaScript 模式)中,我想要是为我们的读者贡献其摘要,那会是件很美妙的事情.具体一点就是编写高质量 JavaScript 的一

[转] 翻译-高质量JavaScript代码书写基本要点 ---张鑫旭

by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1173 原文作者:Stoyan Stefanov原文链接:The Essentials of Writing High Quality JavaScript翻译编辑:张鑫旭 //zxx: 俗不可耐的开场白就免了,直接进入翻译内容(其实是因为本文是在太..太..长了,). 教程相关细节主题:JavaScript最佳实践难度