22、打开一个没有最大化、最小化，只有关闭按钮的窗口
◆复制代码到head中
<script>
function modelesswin(url,mwidth,mheight){
if (document.all&&window.print) //if ie5
eval('window.showModelessDialog(url,"","help:0;resizable:1;dialogWidth:'+mwidth+'px;dialogHeight:'+mheight+'px"')
else
eval('window.open(url,"","width='+mwidth+'px,height='+mheight+'px,resizable=1,scrollbars=1"')
}
//configure URL and window dimensions (width/height)
modelesswin("http://google.com",600,600)
//To load via link, use something like below:
//<a href="javascript:modelesswin('http://yahoo.com',600,400)">Click here</a>
</script>
23、直接点击链接关闭窗口
举个例子比较方便理解````
◆<SCRIPT language=JavaScript>
function shutwin(){
window.close();
return;}
</SCRIPT>
<P align=center><A href="javascript:shutwin();">关闭本窗口</A></P></BODY></HTML>
24、弹启一个全屏窗口
◆window.open('http://www.hxsd.com','example01','fullscreen')
<html>
<body onload="window.open(' http://www.hxsd.com','example01','fullscreen');">
<b>www.hxsd.com</b>
</body>
</html>
hoho~~~好像触摸屏
25、弹启一个被F11化后的窗口
◆window.open('http://www.hxsd.com','example02','channelmode')
<html>
<body onload="window.open(' http://www.hxsd.com','example02','channelmode');">
<b>www.hxsd.com</b>
</body>
</html>
26、弹启一个带有收藏链接工具栏的窗口
◆window.open('http://www.hxsd.com','example03','width=400,height=300,directories')
<html>
<body onload="window.open('http://www.hxsd.com','example03','width=400,height=300,directories');">
<b>www.hxsd.com</b>
</body>
</html>
27. 在打开页面同时弹出无边框全屏窗口
◆ 加入到< body>和< /body>之间
<script>
var tmp=window.open("about:blank","",
"fullscreen=1")
tm
p.moveTo(100,100)
tmp.resizeTo(600,400)
tmp.focus()
tmp.location="http://hxsd.com（要打开的窗口页文件）"
</script>
28. 鼠标移动到图片上图片渐显效果
◆在<head>到</head>之间插入如下的JAVASCRIPT代码：
<script>
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>
在要插入的图片添加如下代码：
<img onMouseOut=nereidFade(this,50,10,4) onMouseOver=nereidFade(this,100,10,4) style="FILTER: alpha(opacity=50)" src="图片名">
*其中onMouseOver=nereidFade(this,50,10,4)中 style="FILTER: alpha(opacity=50)"表示图片的透明度为50%
烈火 于 2005-09-19 05:30 PM 发表： 第 2 楼
29. 背景色渐变
例子：
◆复制下面的代码到的 html 文件的 <head> 和 </head> 之间：
<script language="JavaScript">
<!--
//这里可以修改你的初始颜色；RGB颜色值。
r=255;
g=255;
b=255;
flag=0;
t=new Array;
o=new Array;
d=new Array;
function hex(a,c)
{
t[a]=Math.floor(c/16)
o[a]=c%16
switch (t[a])
{
case 10:
t[a]='A';
break;
case 11:
t[a]='B';
break;
case 12:
t[a]='C';
break;
case 13:
t[a]='D';
break;
case 14:
t[a]='E';
break;
case 15:
t[a]='F';
break;
default:
break;
}
switch (o[a])
{
case 10:
o[a]='A';
break;
case 11:
o[a]='B';
break;
case 12:
o[a]='C';
break;
case 13:
o[a]='D';
break;
case 14:
o[a]='E';
break;
case 15:
o[a]='F';
break;
default:
break;
}
}
function ran(a,c)
{
if ((Math.random()>2/3||c==0)&&c<255)
{
c++
d[a]=2;
}
else
{
if ((Math.random()<=1/2||c==255)&&c>0)
{
c--
d[a]=1;
}
else d[a]=0;
}
return c
}
function do_it(a,c)
{
if ((d[a]==2&&c<255)||c==0)
{
c++
d[a]=2
}
else
if ((d[a]==1&&c>0)||c==255)
{
c--;
d[a]=1;
}
if (a==3)
{
if (d[1]==0&&d[2]==0&&d[3]==0)
flag=1
}
return c
}
function disco()
{
if (flag==0)
{
r=ran(1, r);
g=ran(2, g);
b=ran(3, b);
hex(1,r)
hex(2,g)
hex(3,b)
document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag=50
}
else
{
r=do_it(1, r)
g=do_it(2,g)
b=do_it(3,b)
hex(1,r)
hex(2,g)
hex(3,b)
document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag--
}
if (document.all)
setTimeout('disco()',50)
}
//-->
</script>
用<body onload="disco()">替换原有的<BODY.>
使用说明：通过修改中的红色字你可以修改你的初始颜色；RGB颜色值
31. 表格的分隔线可以隐藏
◆<table border rules=cols cellspacing=0 align=left> 可以隐藏横向的分隔线
<table border rules=rows cellspacing=0 align=right>可以隐藏纵向的分隔线
<table border rules=none cellspacing=0 align=center>可以隐藏横向和纵向的分隔线
32. 表格的分隔线闪烁
◆在BODY区加上
<table border="0" width="280" id="myexample"
style="border:5px solid yellow">
<tr>
<td>加入任意的物件.加入任意的物件.
<br>加入任意的物件.加入任意的物件.
<br>加入任意的物件.加入任意的物件.</td>
</tr>
</table>
<script language="JavaScript1.2">
<!--
function fla****(){
if (!document.all)
return
if (myexample.style.borderColor=="yellow")
myexample.style.borderColor="lime"
else
myexample.style.borderColor="yellow"
}
setInterval("fla****()", 500)
//-->
</script> |
