对input框的分组选择功能的实现[网页特效]

王朝html/css/js·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

<!-- http://www.knowsky.com -->

<!-- bbs http://bbs.knowsky.com -->

<!--要完成此效果需要两个步骤

第一步:把如下代码加入到<head>区域中-->

<script type="text/javascript">

var x=0,y=0,w=200,h=100, dx=5,dy=5, interval=100

var win=null;

var intervalID;

function startIt() {

win=window.open('javascript:"http://www.knowsky.com"',"","width="+w+",height="+h)

win.moveTo(x,y)

intervalID = window.setInterval("bounce()",interval)

}

var running=false;

var close=false;

function bounce() {

running=true

if (win.closed) {

clearInterval(intervalID)

running=false

return

}

if ((x+dx>(500-w)) || (x+dx<0))dx=-dx

if ((y+dy>(500-h)) || (y+dy<0))dx=-dy

x+=dx

y+=dy

win.moveTo(x,y)

if (close) {

win.close()

clearInterval(intervalID)

}

}

function closeWin() {

if (running)

close=true

}

</script>

<!--第二步:把如下代码加入到<body>区域中-->

<p><a href="#" onMousedown='startIt()'>显示窗口</a></p>

<p> <a href="#" onMousedown='closeWin()'>关闭窗口</a></p>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有  導航