<script type="text/javascript">
function hidead()
{document.getElementByIdx_x_x_x("ad").style.display="none";}
</script>
<div id="ad" style="position:absolute">
<a href="可在此写链接地址" target="_blank">
<img src="选择图片地址" width="200" border="0">
</a>
<DIV οnclick="hidead();" style="FONT-SIZE: 9pt; CURSOR: hand" align=right>关闭广告×</DIV></div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 1
var obj=document.getElementByIdx_x_x_x("ad")
function floatAD() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft
obj.style.top = y + document.body.scrollTop
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 }
}
var itl= setInterval("floatAD()", delay)
obj.οnmοuseοver=function(){clearInterval(itl)}
obj.οnmοuseοut=function(){itl=setInterval("floatAD()", delay)}
</script>
测试效果不错,推荐使用。可直接放置在某页面的</html>标签前
下面的代码经测试亦可使用,因为要判断是何种浏览器,所以稍复杂些,也可把判断netscpe浏览器的代码去掉
<script type="text/javascript">
var ie4up=(document.all) ? 1 : 0;
var ns4up=(document.layers) ? 1 : 0; // 判断是Netscpe4浏览器,还是IE4浏览器或者以后版本
var imgAmount=1; // 漂浮物的数量,一般是1个。除非你想让你的页面
var moveSpeed=80; // moveSpeed值与漂浮物的移动速度成反比,越大,移动速度越快。反之,越慢
var imageSource="d:/bg.gif"; //图片的路径
var url="http://it.163.com/; "// 连接地址广告更新时需要变动的地方
var dx, xp, yp;
var am, stx, sty;
var i, docWidth=100, docHeight=200;
if(ns4up){
docWidth=self.innerWidth;
docHeight=self.innerHeight;
}else if(ie4up){
docWidth=document.body.clientWidth;
docHeight=document.body.clientHeight;
}
dx=new Array();
xp=new Array();
yp=new Array();
am=new Array();
stx=new Array();
sty=new Array();
for(i=0;i< imgAmount; ++i){
dx[i]=0;
xp[i]=Math.random()*(docWidth-50);
yp[i]=Math.random()*docHeight;
am[i]=Math.random()*20;
stx[i]=0.02+Math.random()/10;
sty[i]=0.7+Math.random();
if(ns4up){
if(i==0){ //NS下只漂一个图片
document.write("<html><title></title><body>");
document.write("<layer name="inTheAir"+i+"" left="30" ");
document.write("top="30" visibility="show"><A href=""+url+"" target="_blank"><img src="");
document.write(imageSource+"" border="0"></layer>");
document.write("</body></html>");
}else{
document.write("<html><title></title><body>");
document.write("<layer name="inTheAir"+i+"" left="30" ");
document.write("top="30" visibility="show"><A href=""+url+"" target="_blank"><img src="");
document.write(imageSource+"" border="0"></layer>");
document.write("</body></html>");
}
}else if(ie4up){
if(i==0){ //IE下只漂一个图片
document.write("<html><title></title><body>");
document.write("<div id="inTheAir"+i+"" style="POSITION: ");
document.write("absolute; Z-INDEX: "+i+"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;"><a href=""+url+"" target="_blank"><img src="");
document.write(imageSource+"" border="0"></div>");
document.write("</body></html>");
}else{
document.write("<html><title></title><body>");
document.write("<div id="inTheAir"+i+"" style="POSITION: ");
document.write("absolute; Z-INDEX: "+i+"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;"><a href=""+url+"" target="_blank"><img src="");
document.write(imageSource+"" border="0"></div>");
document.write("</body></html>");
}
}
}
function moveOnNs(){ //在NS下调用此函数
for(i=0;i< imgAmount; ++ i){ // iterate for every inTheAir
yp[i] += sty[i];
if(yp[i] > docHeight-50){
xp[i]=Math.random()*(docWidth-am[i]-30);
yp[i]=0;
stx[i]=0.02+Math.random()/10;
sty[i]=0.7+Math.random();
docWidth=self.innerWidth;
docHeight=self.innerHeight;
}
dx[i] += stx[i];
document.layers["inTheAir"+i].top=yp[i];
document.layers["inTheAir"+i].left=xp[i]+am[i]*Math.sin(dx[i]);
}
setTimeout("moveOnNs()", moveSpeed);
}
function moveOnIE(){ //在IE下调用此函数
for(i=0;i< imgAmount; ++ i){ // iterate for every inTheAir
yp[i] += sty[i];
if(yp[i] > docHeight-50){
xp[i]=Math.random()*(docWidth-am[i]-30);
yp[i]=0;
stx[i]=0.02+Math.random()/10;
sty[i]=0.7+Math.random();
docWidth=document.body.clientWidth;
docHeight=document.body.clientHeight;
}
dx[i] += stx[i];
document.all["inTheAir"+i].style.pixelTop=yp[i];
document.all["inTheAir"+i].style.pixelLeft=xp[i]+am[i]*Math.sin(dx[i]);
}
setTimeout("moveOnIE()", moveSpeed);
}
if(ns4up){
moveOnNs();
}else if(ie4up){
moveOnIE();
}
</script>
强制弹出窗口代码
代码:
<SCRIPT language=java script>
window.showModelessDialog
("http://blog2you.bigwww.com/";,"CHINAZindexP","center:no;
dialogLeft:5px;dialogTop:5px;scroll:0;status:0;help:0;resi
zable:0;dialogWidth:900px;dialogHeight:625px")
</SCRIPT>
---------------------------------------------------------
-----------------------
(1)一个弹出窗口广告代码,也是最简单的弹出窗口
代码:
<SCRIPT LANGUAGE="java script">
<!--
window.open
("tongzhi.htm","newwindow","height=500,width=565,top=0,
left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,lo
cation=no,status=no")
-->
</SCRIPT>
一个弹出窗口的广告代码,其中"tongzhi.htm"是弹出广告的html
页面,"newwindow"是弹出窗口的名称,可
空;"height=500,width=565,top=0,left=0,toolbar=no,
menubar=no,scrollbars=no,resizable=no,location=no,status=n
o"是弹出窗口的属性,也可默认.
(2)弹出两个窗口,一个是在页面下载完后弹出,另一个可定时
弹出,避免同一时间弹出两个窗口.
代码:
<script language=java script>
window.open
("http://popme.163.com/ad/nbtg.html","nbtg","width=400,hei
ght=300,top=0,left=0")
focusid=setTimeout("focus();window.open
("http://popme.163.com/ad/benq040513_pop.html","benq","wid
th=400,height=300,top=0,left=0")",5);
</script>
其中focusid=setTimeout("focus();是设置第二个弹出广告窗口的
弹出时间.
---------------------------------------------------------
-----------------------
经常上网的朋友可能到过这样一些网站,一进入首页立刻会弹出一
个窗口,或者按一个链接或按钮弹出,通常在这个窗口里会显示一
些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特
别提示的信息。其实制作这样的页面非常容易,只要往该页面的
HTML里加入几段java script代码即可实现。下面我就带你剖析它
的奥秘。
【最基本的弹出窗口代码】
其实代码非常简单:
代码:
<SCRIPT LANGUAGE="java script">
<!--
window.open (’page.html’)
-->
</SCRIPT>
因为这是一段java script代码,所以它们应该放在<SCRIPT
LANGUAGE ="java script">标签和</script>之间。<!--和-->是对
一些版本低的浏览器起作用,在这些老浏览器中如果不支持java
script,不会将标签中的代码作为文本显示出来。
Window.open (’page.html’)用于控制弹出新的窗口page.html,
如果page.html不与主窗口在同一路径下,前面应写明路径,绝对
路径(http://)和相对路径(../)均可。
用单引号和双引号都可以,只是不要混用。
这一段代码可以加入HTML的任意位置,加入到<head>和</head>之
间也可以,位置越靠前执行越早,尤其是页面代码较长时,又想使
页面早点弹出就尽量往前放。
【经过设置后的弹出窗口】
下面再说一说弹出窗口外观的设置。只要再往上面的代码中加一点
东西就可以了。
我们来定制这个弹出窗口的外观、尺寸大小、弹出位置以适应该页
面的具体情况。
代码:
<SCRIPT LANGUAGE="java script:>
<!--
window.open (’page.html’,’newwindow’,’
height=100,width=400,top=0,left=0,toolbar=no,menubar=no,sc
rollbars=no,resizable=no,
location=no,status=no’)
//写成一行
-->
</SCRIPT>
参数解释:
代码:
<SCRIPT LANGUAGE="java script"> js脚本开始;
window.open 弹出新窗口的命令;
page.html 弹出新窗口的文件名;
newwindow 弹出窗口的名字(不是文件名),可用空 ″代替;
height=100 窗口高度;
top=0 窗口距离屏幕上方的像素值;
left=0 窗口距离屏幕左侧的像素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏;
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),
yes为允许;
</SCRIPT> js脚本结束。
【用函数控制弹出窗口】
下面是一个完整的代码。
代码:
<html>
<head>
<script LANGUAGE="java script">
<!--
function openwin(){
window.open
("page.html","newwindow","height=100,width=400,toolbar=no,
menubar=no,scrollbars=no,resizable=no,
location=no,status=no";)
//写成一行
}
-->
</script>
</head>
<body οnlοad="openwin()">
...任意的页面内容...
</body>
</html>
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调
用它之前没有任何用途。怎么调用呢?
方法一:<body οnlοad="openwen()"> 浏览器读页面时弹出窗口;
方法二:<body οnunlοad="openwen()"> 浏览器离开页面时弹出窗
口;
方法三:用一个连接调用:<a href="#" οnclick="openwin()">打
开一个窗口
注意:使用的"#"是虚连接。
方法四:用一个按钮调用:<input type="button"
οnclick="openwin()" value="/blog/打开窗口">
【主窗口打开文件1.htm,同时弹出小窗口page.html】
将如下代码加入主窗口<head>区:
代码:
<script language="java script">
<!--
function openwin(){
window.open("page.html","","width=200,height=200" )
}
//-->
</script>
加入<body>区:<a href="/blog/1.htm" οnclick="openwin
()">open 即可。
【弹出的窗口之定时关闭控制】
下面我们再对弹出窗口进行一些控制,效果就更好了。如果我们再
将一小段代码加入弹出的页面(注意是加入到page.html的HTML中
,可不是主页面中,否则…),让它在10秒钟后自动关闭是不是更
酷了?
首先,将如下代码加入page.html文件的<head>区:
代码:
<script language="java script">
function closeit() {
setTimeout("self.close()",10000) //毫秒
}
</script>
然后,再用<body οnlοad="closeit()">这一句话代替page.html中
原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊!这
一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。
)
【在弹出窗口中加上一个关闭按钮】
代码:
<form>
<INPUT TYPE=’BUTTON’ value="/blog/’关闭’ onClick=’
window.close()’>
</form>
呵呵,现在更加完美了!
【内包含的弹出窗口——一个页面两个窗口】
上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗
口。
通过下面的例子,你可以在一个页面内完成上面的效果。
代码:
<html>
<head>
<SCRIPT LANGUAGE="java script">
function openwin()
{
OpenWindow=window.open
("","newwin","height=250,width=250,toolbar=no,scrollbars="
+scroll+",menubar=no";);
//写成一行
OpenWindow.document.write("<TITLE>例子</TITLE>" )
OpenWindow.document.write(""<BODY BGCOLOR=#FFFFFF>" )
OpenWindow.document.write("<H1>Hello!</h1>" )
OpenWindow.document.write("New window opened!" )
OpenWindow.document.write("</BODY >" )
OpenWindow.document.write("</HTML>" )
OpenWindow.document.close()
}
</script>
</head>
<body>
<a href="#" οnclick="openwin()">打开一个窗口
<input type="button" οnclick="openwin()" value="/blog/打开
窗口">
</body>
</html>
看看OpenWindow.document.write()里面的代码不就是标准的HTML
吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个
标签都会出现错误。记住用OpenWindow.document.close()结束啊
。
【终极应用——弹出窗口的Cookie控制】
回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(你沉浸在
喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要
频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都
会弹出一次,是不是非常烦人?有解决的办法吗?Yes!Follow me
。我们使用Cookie来控制一下就可以了。
首先,将如下代码加入主页面HTML的<HEAD>区:
代码:
<script>
function openwin(){
window.open("page.html","","width=200,height=200" )
}
function get_cookie(Name){
var search = Name+ "="
var returnvalue ="";
if (document..cookie.length >0){
offset = document..cookie.indexOf(search)
if (offset!=-1){
offset += search.length
end = document..cookie.indexOf (";",offset);
if (end ==-1)
end = document..cookie.length;
returnvalue =unescape(document..cookie.substring
(offset,end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie(’popped’)==";){
openwin()
document..cookie="popped=yes"
}
}
</script>
然后,用<body οnlοad="loadpopup()">(注意不是openwin 而是
loadpop啊)替换主页面中原有的<BODY>这一句即可。你可以试着
刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正
的Pop-Only-Once!
写到这里,弹出窗口的制作和应用技巧基本上算是讲完了,希望对
正在制作网页的朋友有所帮助我就非常欣慰了。
需要注意的是,JS脚本中的大小写最好前后保持一致。
没有菜单、工具栏、地址栏的弹出窗口:
代码:
<script language="java script">
<!--
var gt = unescape(’%3e’);
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open(’’, ’popupnav’, ’
width=500,height=500,resizable=0,scrollbars=auto’); //
width=500,height=500为窗口长和宽
if (popup != null) {
if (popup.opener == null) {
popup.opener = self; }
popup.location.href = ’要打开的文件名’;
}
// -->
</script>
---------------------------------------------------------
-----------------------
1.弹启一个全屏窗口
代码:
<html>
<body οnlοad="window.open("
http://www.e3i5.com","example01","fullscreen");">
<b>www.e3i5.com</b>
</body>
</html>
2.弹启一个被F11化后的窗口
代码:
<html>
<body οnlοad="window.open("
http://www.e3i5.com","example02","channelmode");">
<b>www.e3i5.com</b>
</body>
</html>
3.弹启一个带有收藏链接工具栏的窗口
代码:
<html>
<body οnlοad="window.open
("http://www.e3i5.com","example03","width=400,height=300,d
irectories");">
<b>www.e3i5.com</b>
</body>
</html>
4.网页对话框
代码:
<html>
<SCRIPT LANGUAGE="java script">
<!--
showModalDialog
("http://www.e3i5.com","example04","dialogWidth:400px;dial
ogHeight:300px;dialogLeft:200px;dialogTop:150px;center:
yes;help:yes;resizable:yes;status:yes")
//-->
</SCRIPT>
<b>www.e3i5.com</b>
</body>
</html>
代码:
<html>
<SCRIPT LANGUAGE="java script">
<!--
showModelessDialog
("http://www.e3i5.com","example05","dialogWidth:400px;dial
ogHeight:300px;dialogLeft:200px;dialogTop:150px;center:yes
;
help:yes;resizable:yes;status:yes")
//-->
</SCRIPT>
<b>www.e3i5.com</b>
</body>
</html>
showModalDialog()或是showModelessDialog() 来调用网页对话框
,至于showModalDialog()与showModelessDialog()的区别,在于
showModalDialog()打开的窗口(简称模式窗口),置在父窗口上
,必须关闭才能访问父窗口(建议尽量少用,以免招人反感);
showModelessDialog()(简称无模式窗口),打开后不必关闭也可
访问父窗口打开的窗口。
dialogHeight: iHeight 设置对话框窗口的高度。
dialogWidth: iWidth 设置对话框窗口的宽度。
dialogLeft: iXPos 设置对话框窗口相对于桌面左上角的left位置
。
dialogTop: iYPos 设置对话框窗口相对于桌面左上角的top位置。
center: {yes no 1 0 } 指定是否将对话框在桌面上居
中,默认值是“yes”。
help: {yes no 1 0 } 指定对话框窗口中是否显示上下
文敏感的帮助图标。默认值是“yes”。
resizable: {yes no 1 0 } 指定是否对话框窗口大小可
变。默认值是“no”。
status: {yes no 1 0 } 指定对话框窗口是否显示状态
栏。对于非模式对话框窗口,默认值是“yes”;对于模式对话框
窗口,默认值是 “no”。
5.HTA窗口
HTA的全名为HTML Application,翻译过来就是HTML应用程序,你
只要简单的用.hta为扩展名保存HTML页面就算创建了一个HTA文件
,下面我们就用HTA来编个窗口,将以下这段代码保存为.hta文件
,然后再用浏览器打开。
代码:
<HTML>
<HEAD>
<TITLE>www.e3i5.com</TITLE>
<HTA:APPLICATION ID="oHTA"
APPLICATIONNAME="myApp"
BORDER="thin"
BORDERSTYLE="normal"
CAPTION="yes"
ICON="filename.ico"
MAXIMIZEBUTTON="yes"
MINIMIZEBUTTON="yes"
SHOWINTASKBAR="no"
INGLEINSTANCE="no"
SYSMENU="yes"
VERSION="1.0"
WINDOWSTATE="normal" />
</HEAD>
<BODY>
<b>www.e3i5.com</b>
</BODY>
</HTML>
有人会发现上面这些代码与平时的html有点不同,多了
HTA:APPLICATION标签,这就是关键之处,hta通过它来提供一系列
面向应用程序的功能,接下来再讲一讲它的属性(我的头又在发胀
)
APPLICATIONNAME属性(applicationName)
此属性为设置HTA的名称。
BORDER属性(border)
此属性为设置为HTA的窗口边框类型,默认值为 thick。
它可以设为 thick 指定窗口为粗边框
dialog window 指定窗口为对话框
none 指定窗口无边框
thin 指定窗口为窄边框
BORDERSTYLE属性(borderStyle)
此属性为设置HTA窗口的边框格式,默认值为 normal。
它可以设为
normal 普通边框格式
complex 凹凸格式组合边框
raised 凸出的3D边框
static 3D边框格式
sunken 凹进的3D边框
CAPTION属性(caption)
此属性为设置HTA窗口是否显示标题栏或标题,默认值为 yes
。
ICON属性(icon)
此属性为设置应用程序的图标。
MAXIMIZEBUTTON属性(maximizeButton)
此属性为设置是否在HTA窗口中显示最大化按钮,默认值为
yes。
MINIMIZEBUTTON属性(minimizeButton)
此属性为设置是否在HTA窗口中显示最小化按钮,默认值为
yes。
SHOWINTASKBAR属性(showInTaskBar)
此属性为设置是否在任务栏中显示此应用程序,默认值为 yes
。
SINGLEINSTANCE属性(singleInstance)
此属性为设置是否此应用程序同时只能运行一次。次属性以
APPLICATIONNAME属性作为标识,默认值为 no。
SYSMENU属性(sysMenu)
此属性为设置是否在HTA窗口中显示系统菜单,默认值为 yes
。
VERSION属性(version)
此属性为设置应用程序的版本,默认值为空。
WINDOWSTATE属性(windowState)
此属性为设置HTA窗口的初始大小,默认值为 normal。
它可以设为 normal 默认大小
minmize 最小化
maximize 最大化
以上括号中的是在脚本引用的属性。在脚本中以上属性皆为只读属
性。此外,在脚本中还可以使用commandLine属性来检索应用程序
启动时的参数。
在HTA中还可以继续使用html中的绝大多数标签、脚本等。
---------------------------------------------------------
-----------------------
原来最早用的,缺点是太大,简直就是全屏,是去没有这种好!!
!
代码:
<HEAD>
<SCRIPT LANGUAGE="java script">
<!-- Begin
function leave() {
var popUpSizeX=3;
var popUpSizeY=3;
var popUpLocationX=300;
var popUpLocationY=260;
// URL of the popUp
var popUpURL="http://blog2you.bigwww.com/";
// ** do not edit below ***
splashWin = window.open
("","x","fullscreen=1,toolbar=0,location=0,directories=0,s
tatus=0,menubar=0,scrollbars=1,resizable=1");
splashWin.blur(); // Hide while updating
window.focus();
splashWin.resizeTo(popUpSizeX,popUpSizeY);
splashWin.moveTo(popUpLocationX,popUpLocationY);
splashWin.location=popUpURL;
}
// END -->
</SCRIPT>
</head>
<body onUnload="leave()">
---------------------------------------------------------
-----------------------
代码:
<html>
<SCRIPT LANGUAGE="java script">
<!--
showModelessDialog
("http://www.e3i5.com","example05","dialogWidth:400px;dial
ogHeight:300px;dialogLeft:200px;dialogTop:150px;center:yes
;
help:yes;resizable:yes;status:yes")
//-->
</SCRIPT>
<b>www.e3i5.com
</body>
</html>
---------------------------------------------------------
-----------------------
3721的上网助手的广告拦截我不说大家也知道他对我们的造成的影
响了吧,今天我给大家发一个可以不在理会3721的广告拦截。直接
就可以挑出的ie弹出。
<SCRIPT language=java script>
window.showModelessDialog
("http://www.6882.com/ad.htm";,"CHINAZindexP","center:no;d
ialogLeft:
5px;dialogTop:5px;scroll:0;status:0;help:0;resizable:0;dia
logWidth:900px;dialogHeight:625px")
</SCRIPT>
ad.htm就是那个网页对话框的内容,
dialogWidth:900px;dialogHeight:625px"
分别是对话框的宽度和高度。其他的一看就明白。这个弹出可是什
么都挡不住的。
---------------------------------------------------------
-----------------------
代码:
<SCRIPT LANGUAGE="java script">
<!--
var gt = unescape("%3e");
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open("", "popupnav",
"width=200,height=180,resizable=1,scrollbars=auto");
if (popup != null) {
if (popup.opener == null) {
popup.opener = self;
}
popup.location.href = "new.html";
}
// -->
</script>
这个有用,但是父窗口在上面!而且是进弹!
---------------------------------------------------------
-----------------------
弹出式窗口制作很简单,只要在网页代码的〈body〉标签后面插入
类似代码即可:
〈script language=″java script″〉
window.open(′url′,′窗口名′,′属性列表′);
〈/script〉
其中“url”是在窗口中显示的html文档的地址;“窗口名”可任
意起一个,但不要用中文;“属性列表”是一个用逗号分开的各个
属性值的字符串,它确定了弹出窗口的外观与状态。常用属性有:
toolbar(是否显示工具栏
)、location(是否显示地址栏)、directories(是否显示常用
链接)、status(是否显示状态栏)、menubar(是否显示选单条
)、scrollbars(是否使用滚动条)、resizable(是否可改变大
小),这些属性值等于1时表示是,等于0或不将此属性加入列表时
表示否。此外,还有width(窗口宽)、height(窗口高)、top(
与屏幕上边的距离)、left(与屏幕左边的距离)等属性用于对弹
出窗口大小和位置的控制。
例子:要制作一个只有地址栏、无滚动条、可改变大些 高100像素
、宽300像素、初始位置为距屏幕上边与左边都为100像素的弹出窗
口,并在其中显示当前目录下hello.htm的内容,则要将上面的代
码中间的一段改为:“window.open(′hello.htm′,′window1′,
′