網頁對聯式的圖片廣告代碼

DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 網頁對聯式的圖片廣告代碼

網頁對聯式的圖片廣告代碼

編輯：CSS進階教程

有什麼問題請到<a href='http://bbs.7dspace.com/index.asp?boardid=2'>論壇</a>中發表    <script language="javascript"> function showtime(){ currtime.innerText=new Date().toLocaleString(); setTimeout("showtime()",1000) } window.attachEvent("onload",showtime) </script> <html> <body> <script language="JavaScript"> var delta=0.15 var collection; function floaters() { this.items = []; this.addItem = function(id,x,y,content) { document.write('<DIV id='+id+' style="Z-INDEX: 10; 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) { 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(); theFloaters.addItem('followDiv1','document.body.clientWidth-106',80,' <EMBED src="http://www.7dspace.com/gg/ebay100100new.swf" id="veicon" quality=high PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" TYPE="application/x-shockwave-flash" WIDTH="100" HEIGHT="300"></EMBED>'); theFloaters.addItem('followDiv2',6,80,' <EMBED src="http://www.7dspace.com/gg/ebay100100new.swf" id="veicon" quality=high PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" TYPE="application/x-shockwave-flash" WIDTH="100" HEIGHT="300"></EMBED>'); theFloaters.play(); </script> <SCRIPT FOR='veicon' EVENT='FSCommand()' LANGUAGE='JavaScript'> followDiv1.style.visibility='hidden'; followDiv2.style.visibility='hidden'; </script> //轉載請注明出處:七度空間。 </body> </html>

[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

上一頁:透明的(transparence)CSS菜單
下一頁:CSS+DIV設計實例：Hover over下的邊框變化

CSS進階教程

通過CSS類型的順序改變翻滾效果: 你也許已經意識到，你可以通過指定每一鍵接的不同風格以建立CSS翻滾效果，這些鏈接包括普通的鏈接li
網頁特效：expression將JS、Css結合起來: 　IE5及其以後版本支持在CSS中使用expression，用來把CSS屬性和Javas crip
通過W3C XHTML1.0標准驗證的經驗: 本文章是一位網友在進行網站更新與調整時，進行W3C XHTML1.0驗證的時候的一些經驗。總結出通過

CSS基礎知識 Sass教程 CSS3基礎關於CSS CSS進階教程 DIV十CSS布局 CSS特效代碼 CSS詳解

DIV CSS 佈局教程網

相關文章