亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JS隨機漂浮廣告代碼具體實例

2019-11-20 21:39:29
字體:
來源:轉載
供稿:網友

復制代碼 代碼如下:

<!--隨機漂浮廣告開始-->
<div id="float" style="position:absolute; z-index:3;(我建議大家把這里設為100,這樣浮動圖就不會被遮住了) left: 512px; width: 83px; top: 9px; height: 53px;">
      <img src="piaofu.gif" width="100" height="50"> </div>
<script type="text/javascript">
   <!--隨機漂浮廣告 -->
    var xPos=0,yPos=0;//x,y軸坐標
    var xon=0;//圖片在x軸移動方向
    var yon=0;//圖片在y軸移動方向
    var step=1;     //移動距離
    var img=document.getElementByIdx_x("float");//圖片層

    function floatP()
    {

     var width=document.body.clientWidth;//瀏覽器寬度
     var height=document.body.clientHeight;//瀏覽器高度
     var Hoffset=img.offsetHeight;//圖片高度
     var Woffset=img.offsetWidth;//圖片寬度

     img.style.left=xPos+document.body.scrollLeft;//圖片距離瀏覽器左側位置
     img.style.top=yPos+document.body.scrollTop;//圖片距離瀏覽器頂端位置

     if(yon==0){
      yPos=yPos+step;//圖片在y軸方向上下移動
     }else{
      yPos=yPos-step;
     }
     if(yPos<0){//飄到頂端,沿y軸向下移動
      yon=0;
      yPos=0;
     }
     if(yPos>=(height-Hoffset)){//飄到低端,沿y軸向上移動
      yon=1;
      yPos=(height-Hoffset);
     }

     if(xon==0){//x軸向右移動
      xPos=xPos+step;
     }else{
      xPos=xPos-step;//x軸向左移動
     }

     if(xPos<0){//飄到左側時沿x軸向右移動
      xon=0;
      xPos=0;
     }

     if(xPos>=(width-Woffset)){//飄到右側時沿x軸向左移動
      xon=1;
      xPos=(width-Woffset);
     }

     setTimeout("floatP()",30);//定時調用。

    }
    window.onload=floatP();
</script>


 
復制代碼 代碼如下:

<script>
var x = 50,y = 60 //浮動層的初始位置,分別對應層的初始X坐標和Y坐標
var xin = true, yin = true //判斷層的X坐標和Y坐標是否在在控制范圍之內,xin為真是層向右移動,否則向左;yin為真是層向下移動,否則向上
var step = 1 //層移動的步長,值越大移動速度越快
var delay = 10 //層移動的時間間隔,單位為毫秒,值越小移動速度越快
var obj=document.getElementByIdx_x("float") //捕獲id為ad的層作為漂浮目標
function floatAD() {
var L=T=0 //層移動范圍的左邊界(L)和上邊界(T)坐標
var R= document.body.clientWidth-obj.offsetWidth //層移動的右邊界
var B = document.body.clientHeight-obj.offsetHeight //層移動的下邊界
obj.style.left = x + document.body.scrollLeft //更新層的X坐標,實現X軸方向上的運動;document.body.scrollLeft為文檔區域的滾動條向右拉的距離,以保證在滾動條右拉時層仍在可見范圍內
obj.style.top = y + document.body.scrollTop //更新層的Y坐標,實現Y軸方向上的運動;document.body.scrollTop為文檔區域的滾動條向下拉的距離,以保證在滾動條下拉時層仍在可見范圍內
x = x + step*(xin?1:-1) //通過判斷層的范圍決定層在X軸上的運動方向
if (x < L) { xin = true; x = L} //層超出左邊界時的處理
if (x > R){ xin = false; x = R} //層超出右邊界時的處理
y = y + step*(yin?1:-1) //通過判斷層的范圍決定層在Y軸上的運動方向
if (y < T) { yin = true; y = T } //層超出上邊界時的處理
if (y > B) { yin = false; y = B } //層超出下邊界時的處理
}
var itl= setInterval("floatAD()", delay) //每delay秒執行一次floatAD函數
obj.onmouseover=function(){clearInterval(itl)} //層在鼠標移上時清除上面的間隔事件,實現層在的鼠標移上時停止運動的效果
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)} //層在鼠標移開時開始間隔事件,實現層在的鼠標移開時繼續運動的效果
</script>

注意:
在網頁中插入Flash和浮動廣告,你會發現在浮動廣告浮到Flash處時會在下面,
我們如何解決這個問題呢,
其它很簡單
在flash代碼的位置加入下面語句就可以了
<param name="wmode" value="opaque">
例:
如果下面是flash所在位置的代碼:

復制代碼 代碼如下:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="780" height="165">
<param name="movie" value="banner1.swf">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="opaque"><!--主要是這句-->
<embed src="banner1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="780" height="165"></embed>
</object>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
一区二区福利视频| 精品久久久久久久久久久久久| 国产精品日韩精品| 亚洲精品按摩视频| 久久成人这里只有精品| 国产亚洲一区精品| 在线观看欧美视频| 97精品在线观看| 欧美大人香蕉在线| 国产丝袜一区二区| 久久亚洲精品国产亚洲老地址| 亚洲自拍偷拍网址| 尤物yw午夜国产精品视频明星| 欧美日韩美女视频| 精品免费在线视频| 亚洲视频国产视频| 一区二区三区视频免费在线观看| 91青草视频久久| 精品国产依人香蕉在线精品| 色七七影院综合| 亚洲免费视频观看| 亚洲精品乱码久久久久久按摩观| 国语自产偷拍精品视频偷| 亚洲a在线播放| 国产成人精品免费久久久久| 欧美xxxx做受欧美.88| 欧美视频在线观看 亚洲欧| 91久久在线播放| 色偷偷av亚洲男人的天堂| 成人免费在线视频网站| 亚洲国产欧美一区二区三区久久| 亚洲欧美色图片| 欧美理论在线观看| 亚洲影院高清在线| 国产精品网址在线| 亚洲石原莉奈一区二区在线观看| 91国内揄拍国内精品对白| 国产一区二区三区在线视频| 亚洲午夜久久久久久久| 国产精品亚洲片夜色在线| 欧美猛少妇色xxxxx| 成人黄色在线观看| 97香蕉超级碰碰久久免费的优势| 97在线看免费观看视频在线观看| 一区二区三区天堂av| 日韩欧美在线免费| 欧美国产精品人人做人人爱| 国产精品久久久久久亚洲影视| 成人av色在线观看| 久久夜色精品国产亚洲aⅴ| 国产精品99久久久久久www| 丁香五六月婷婷久久激情| 亚洲毛片一区二区| 成人综合网网址| 欧美激情亚洲精品| 久久久亚洲影院| 95av在线视频| 欧美亚洲另类激情另类| 麻豆乱码国产一区二区三区| 日韩中文在线观看| 日韩欧美主播在线| 国产欧美日韩高清| 日韩中文字幕精品视频| 久久久精品亚洲| 成人有码视频在线播放| 91成人天堂久久成人| 精品久久久91| 综合国产在线观看| 久久成人av网站| 精品亚洲精品福利线在观看| 亚洲精品自拍第一页| 欧美成人全部免费| 久久久噜噜噜久久中文字免| 国产精品羞羞答答| 欧美日韩国产精品专区| 精品国产一区二区三区久久狼黑人| 最近2019年中文视频免费在线观看| 久久在线视频在线| 日韩在线国产精品| 91欧美日韩一区| 久久视频在线观看免费| 欧洲中文字幕国产精品| 亚洲精品视频播放| 日韩中文字幕在线观看| 久久五月情影视| 久久久亚洲影院| 久久亚洲春色中文字幕| 日韩av一区二区在线| 成人欧美一区二区三区在线| 欧美日韩美女视频| 91九色精品视频| 亚洲国产精品电影在线观看| 国产日韩欧美自拍| 91av在线精品| 色多多国产成人永久免费网站| 一夜七次郎国产精品亚洲| 亚洲网站在线观看| 精品毛片三在线观看| 日韩欧美精品在线观看| 日韩免费在线播放| 九九热这里只有在线精品视| 久久久久久久久久国产精品| 精品福利在线观看| 日韩欧美aⅴ综合网站发布| 中文字幕久热精品视频在线| 久久久999精品视频| 国产精品视频久久久久| 亚洲人成电影网站色| 国产精品久久久91| 国产精品视频999| 欧美日韩国产精品一区| 欧美成人精品激情在线观看| 欧美第一页在线| 久久av.com| 成人信息集中地欧美| 黑人巨大精品欧美一区二区一视频| 成人福利视频在线观看| 午夜精品三级视频福利| 在线观看亚洲视频| 国产91精品最新在线播放| 2020欧美日韩在线视频| 亚洲激情视频网| 欧美性猛交xxxx| 国产精品老女人精品视频| 91夜夜未满十八勿入爽爽影院| 欧美久久精品一级黑人c片| 欧美一级淫片丝袜脚交| 欧美日韩成人免费| 国产日韩精品在线| 国产精品99蜜臀久久不卡二区| 97视频在线观看亚洲| 久久久亚洲国产| 插插插亚洲综合网| 亚洲国产成人精品女人久久久| 国产精品偷伦视频免费观看国产| 亚洲大胆人体视频| 日韩av网站大全| 国产亚洲欧洲高清| 国产午夜精品美女视频明星a级| 国产精品成人品| 欧美疯狂xxxx大交乱88av| 亚洲人成网在线播放| www.国产一区| 美女久久久久久久| 亚洲码在线观看| 亚洲男人天堂手机在线| 欧美成人激情视频| 一区二区三区国产视频| 国产精品流白浆视频| 一区二区三区 在线观看视| 色婷婷亚洲mv天堂mv在影片| 亚洲系列中文字幕| 久久国产精品影视| 国产精品黄视频| 欧美劲爆第一页| 日韩在线播放av| 欧洲s码亚洲m码精品一区| 在线播放国产一区二区三区| 中文字幕av一区二区| 成人写真视频福利网| 久久精品国产电影| 欧美视频二区36p| 欧美日韩精品在线| 亚洲新声在线观看|