js實(shí)現(xiàn)全屏漂浮廣告移入光標(biāo)停止移動(dòng)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS全屏漂浮廣告</title>
<style type="text/css">
div#roll{width:100px;height:100px; background-color:#000; color:#fff; position:absolute;}
</style>
</head>
<body>
<div>
<div><h2>JS全屏漂浮廣告，移入光標(biāo)停止移動(dòng)·柯樂(lè)義</h2></div>
</div>
<div id="roll">我是廣告<br />www.jb51.com</div>
<script type="text/javascript">
var ggRoll = {
roll: document.getElementById("roll"),
speed: 20,
statusX: 1,
statusY: 1,
x: 100,
y: 300,
winW: document.documentElement.clientWidth - document.getElementById("roll").offsetWidth,
winH: document.documentElement.clientHeight - document.getElementById("roll").offsetHeight,
Go: function () {
this.roll.style.left = this.x + 'px';
this.roll.style.top = this.y + 'px';
this.x = this.x + (this.statusX ? -1 : 1)
if (this.x < 0) { this.statusX = 0 }
if (this.x > this.winW) { this.statusX = 1 }
this.y = this.y + (this.statusY ? -1 : 1)
if (this.y < 0) { this.statusY = 0 }
if (this.y > this.winH) { this.statusY = 1 }
}
}
var interval = setInterval("ggRoll.Go()", ggRoll.speed);
ggRoll.roll.onmouseover = function () { clearInterval(interval) };
ggRoll.roll.onmouseout = function () { interval = setInterval("ggRoll.Go()", ggRoll.speed) };
</script>
</body>
</html>
- js控制頁(yè)面的全屏展示和退出全屏顯示的方法
- 手機(jī)端圖片縮放旋轉(zhuǎn)全屏查看PhotoSwipe.js插件實(shí)現(xiàn)
- 基于javascript實(shí)現(xiàn)全屏漂浮廣告
- 基于JavaScript實(shí)現(xiàn)全屏透明遮罩div層鎖屏效果
- JavaScript控制瀏覽器全屏及各種瀏覽器全屏模式的方法、屬性和事件
- JS+CSS實(shí)現(xiàn)彈出全屏灰黑色透明遮罩效果的方法
- 用html5 js實(shí)現(xiàn)點(diǎn)擊一個(gè)按鈕達(dá)到瀏覽器全屏效果
- js控制瀏覽器全屏示例代碼
- JS中window.open全屏命令解析及使用示例
- JS 全屏和退出全屏詳解及實(shí)例代碼
相關(guān)文章
右下角彈出廣告代碼一般用戶廣告代碼中，這段代碼用了iframe加載頁(yè)面2008-09-09
javascript 單行文字向上跑馬燈滾動(dòng)顯示
有時(shí)候我們需要在網(wǎng)站某個(gè)小角落或者顯著的位置加一條鏈接，但是當(dāng)同類鏈接越來(lái)越多的時(shí)候，我們就需要將鏈接滾動(dòng)顯示，這里的滾動(dòng)不是我們平常所說(shuō)公告欄滾動(dòng)效果，而是滾動(dòng)一行停留一段時(shí)間再滾動(dòng)下一行的看似一幀一幀切換的效果。2009-08-08
廣告中經(jīng)常用到的效果，大家可以測(cè)試下2008-09-09
超棒的javascript頁(yè)面頂部卷動(dòng)廣告效果
本文給大家分享介紹的是利用Javascript實(shí)現(xiàn)的一個(gè)頁(yè)面頂部卷動(dòng)廣告效果，通過(guò)文字按鈕可以控制廣告的打開(kāi)和關(guān)閉，文中給出了完整的實(shí)例代碼，大家可以直接運(yùn)行調(diào)試，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2007-12-12
兩邊靜止的廣告條...2006-08-08
新浪剛打開(kāi)頁(yè)面出來(lái)的全屏廣告代碼
新浪剛打開(kāi)頁(yè)面出來(lái)的全屏廣告代碼...2007-04-04
Internet Explorer 無(wú)法打開(kāi) Internet 站點(diǎn)的解決方法2008-08-08
用javascript實(shí)現(xiàn)的顯彈效果代碼，主要結(jié)合了網(wǎng)上廣告系統(tǒng)的效果代碼，并由腳本之家站長(zhǎng)增加了cookies控制效果2008-05-05
云網(wǎng)廣告中的代碼，提示出錯(cuò)，大家找找...2006-11-11
從新浪弄下來(lái)的全屏廣告代碼 與使用說(shuō)明
從新浪弄下來(lái)的全屏廣告代碼 與使用說(shuō)明...2007-03-03