網頁對聯廣告代碼效果大全

來源:互聯網
上載者:User
關鍵字 網頁製作 Ajax JavaScript

現在很多網站廣告做的如火如荼,現在我就來介紹一下常見的對聯浮動廣告效果的代碼使用方法,介紹的這種效果,在1024*768解析度下正常顯示,在800*600的解析度下可以自動隱藏,以免遮住頁面影響訪問者流覽內容, 下面就是實現效果所需代碼:


  var delta=0.015
    var collection;
    function floaters() {
&n bsp;       this.items    = [];
        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&lt;=800)


            {


                for(var i=0;i&lt;collection.length;i++)


                {


                    collection[i].object.style.display    = 'none';


}


                return;


            }


            for(var i=0;i&lt;collection.length;i++)


            {


                var followObj        = collection[i].object;


                var followObj_x        = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var followObj_y&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y) ;

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.