網(wǎng)頁(yè)特效代碼模板無(wú)憂>網(wǎng)頁(yè)特效>層和布局特效代碼>

動(dòng)態(tài)移動(dòng)的JavaScript浮動(dòng)窗口_層和布局特效

打開(kāi)頁(yè)面后，會(huì)動(dòng)態(tài)移動(dòng)的JavaScript浮動(dòng)窗口，可以關(guān)閉，只是不能拖動(dòng)，或許有朋友能用得上哦。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" />
<title>JavaScript動(dòng)態(tài)浮動(dòng)的窗口-/</title>
<script> 
var dir =   "1"; 
var delay = "1"; 
var isDOM=document.getElementById?1:0;
var isIE=document.all?1:0;
function showWin(){
	if(isDOM) {document.getElementById("popup").style.display="";}
	else if(isIE){popup.style.display = ""; }
}
function closeWin(){
	if(isDOM) {document.getElementById("popup").style.display="none"}
	else if(isIE){popup.style.display = "none";}
}
</script>
</head>
<body onLoad="setTimeout('showWin()',delay*1000)">
<script> 
if (navigator.appName=="Microsoft Internet Explorer"){
	if (dir == "0"){document.write('<div id="loc" style="position:relative; top:-300" align="center">');}
	if (dir == "1"){document.write('<div id="loc" style="position:relative; left:-300">');}
}
else document.write('<div id="loc" style="position:relative" align="center">');
</script>
<table id="popup" cellSpacing="0" cellPadding="0" border="1" bgcolor="white" style="display:none; border-color:black;" width="300" height="300">
<tr>
<td align="left" valign="top" bgcolor="blue" width="100%" height="10px">
<font color=white size=2 face=arial><b>
Your Title Here...
</b></font>
</td>
<td width="10px" height="10px" bgcolor="red" align="right">
<font color="white" size="3" face="arial"><span onclick="closeWin()" style="cursor:hand" title="Click here to close this window"><b>X</b></span></font>
</td></tr>
<tr>
<td colspan="2">
<font color=black size=2 face=arial><b><center>
Your Content Here...</center></b></font>
</td></tr></table>
</div>
<script> 
function slide(dir){
	if (dir == "1" && loc.style.pixelLeft < (screen.width-300)/2){
		loc.style.pixelLeft+=5; 
		move=setTimeout("slide(dir)",50);
        }
	if (dir == "0" && loc.style.pixelTop < (screen.height-300)/2){
		loc.style.pixelTop+=5; 
		move=setTimeout("slide(dir)",50);
        }
}
if (navigator.appName=="Microsoft Internet Explorer") slide(dir);
</script>
</body>
</html>

所屬頻道：層和布局特效/更新時(shí)間：2012-11-19

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)層和布局特效：

動(dòng)態(tài)移動(dòng)的JavaScript浮動(dòng)窗口_層和布局特效

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些