一對一直播原始碼,在介面上的浮動廣告頁

zhibo系統開發發表於2022-03-21

一對一直播原始碼,實現在介面上的浮動廣告頁的相關程式碼

<html>
<head>
<title> New Document </title>
<meta NAME="Generator" CONTENT="EditPlus">
<meta NAME="Author" CONTENT="">
<meta NAME="Keywords" CONTENT="">
<meta NAME="Description" CONTENT="">
<script>
var x=50,y=60//浮動廣告的初始位置
var xin =true,yin=true; //xin為真則向右運動,否則向左運動,
//yin為真則向下運動,否則向上運動
var step=1;//移動的距離
var delay=10;//移動的時間間隔
function floatAD(){
var L=T=0;//L為左邊界T為上邊界
var R=document.body.offsetWidth-document.getElementById("fly").offsetWidth;
//層移動到右邊界
var B=document.body.offsetHeight-document.getElementById("fly").offsetHeight;
//層移動到下邊界
document.getElementById("fly").style.left=x;//層移動後的左邊界
document.getElementById("fly").style.top=y;//層移動後的上邊界
x=x+step*(xin?1:-1);//判斷水平方向
if(x<L){
xin=true;x=L
}//層到達邊界後的處理
if(x>R){
xin=false;x=R
}
y=y+step*(yin?1:-1);
if(y<T){
yin=true;y=T
}
if(y>B){
yin=false;y=B
}
setTimeout("floatAD()",delay)
}
</script>
</head>
<body onload="floatAD()">
<div id="fly" style="position:absolute;left:16px;top:80px;width:265px;height:135px;z-index:1;">
<a href="#"><img src="小丑.jpg" width="264" height="134" border="0"></a>
</div>
</body>
</html>


以上就是 一對一直播原始碼,實現在介面上的浮動廣告頁的相關程式碼,更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2878950/,如需轉載,請註明出處,否則將追究法律責任。

相關文章