动态移动的JavaScript浮动窗口_层和布局特效

打开页面后，会动态移动的JavaScript浮动窗口，可以关闭，只是不能拖动，或许有朋友能用得上哦。

<!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动态浮动的窗口-/</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>

所属频道：层和布局特效/更新时间：2012-11-19

[收藏][报错][返回列表]

动态移动的JavaScript浮动窗口_层和布局特效

层和布局特效Rss订阅特效代码搜索

层和布局特效推荐

猜你也喜欢看这些