📄 15.21 对联广告.htm

📁 一些javascript的小例子希望对初学者有更好的帮助
💻 HTM
字号:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title></title>
 </head>
<body leftmargin="0" topmargin="0">
<script type="text/javascript">
    var delta=0.115 
    var collection; 
    function floaters() 
    { 
        this.items = []; 
        //在页面中动态添加div，参数依次代表：div的id，x坐标,y坐标,显示的内容
        this.addItem= function(id,x,y,content) 
                  { 
                    document.write('<DIV id='+id+' style="Z-INDEX: 0; POSITION: absolute;  width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>'); 
                     var newItem                = {}; 
                    newItem.object            = document.getElementById(id); 
                    newItem.x                = x; 
                    newItem.y                = y; 
                    this.items[this.items.length]        = newItem; 
                  } 
                   this.play= function() 
                  { 
                    collection = this.items 
                    setInterval('play()',10); 
                  } 
        } 
        //显示对联，此方法绑定到定时器
        function play() 
        { 
            if(screen.width<=800) 
            { //宽度小于800时，不显示对联
                for(var i=0;i<collection.length;i++) 
                { 
                    collection[i].object.style.display    = 'none'; 
                } 
                return; 
            } 
            for(var i=0;i<collection.length;i++) 
            { 
                var followObj        = collection[i].object; 
                var followObj_x        = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x); 
                var followObj_y        = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y); 
                if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) { 
                    var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta; 
                    dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx)); 
                    followObj.style.left=followObj.offsetLeft+dx; 
                    } 
                if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) { 
                    var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta; 
                    dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy)); 
                    followObj.style.top=followObj.offsetTop+dy; 
                    } 
                followObj.style.display    = ''; 
            } 
        }    
    var theFloaters= new floaters(); //创建悬浮对联广告
    //添加2幅广告
    theFloaters.addItem('div1','document.body.clientWidth-135',0,'</a><br><a href="http://images.sohu.com/cs/music/070330_120-120.gif" target="_blank"><img src="http://images.sohu.com/cs/music/070330_120-120.gif" width="100" height="267" border="0" /></a>'); 
    theFloaters.addItem('div2',20,0,'<br><a href="http://images.sohu.com/cs/music/070330_120-120.gif" target="_blank"><img src="http://images.sohu.com/cs/music/070330_120-120.gif" width="100" height="267" border="0" /></a>'); 
    theFloaters.play();　　//显示
</script>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -