逐渐扩大的窗口

 

点击这里看效果

在 <head> 与 </head> 之间加入:

<style type="text/css">
a { color: #000000; text-decoration: none}
a:hover { color: #CC0000; text-decoration: none}
</style>

在 <body> 与 </body> 之间加入:

<!-在这里改变文件路径>
<SCRIPT LANGUAGE=JavaScript>
var mylocation="2.htm"
var winheight=100
var winsize=100
var x=5
function go(){
win2=window.open("","","scrollbars")
win2.location=mylocation
if (!document.layers&&!document.all){
win2.location=mylocation
return}
win2.resizeTo(100,100)
win2.moveTo(0,0)
go2()}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=mylocation
winheight=100
winsize=100
x=5
return}
setTimeout("go2()",50)
}
</SCRIPT>

<p> <A HREF="javascript:go()">
<B>点击此处弹出窗口</B> </A>
<A HREF="javascript:go()"> </A>
</p>