设为首页
加入收藏
用户帮助
联系我们
网站首页
新闻动态
技术文章
Flash整站
精彩网文
资源下载
视频教程
网上商城
Flash动漫
网页特效
酷站欣赏
BBS论坛
在线工具
留言本站
F-CMS Flash CMS
CXT Flash Cms
SXW Flash CMS
EXW Flash Cms
您的位置:
伊缘网
>>
网页特效
>>
页面特效
查看特效
无边的信息导航窗
[日期:2005-6-1 下午 12:00:00]
[浏览指数:5457]
要完成此效果需要两个步骤 第一步:把如下代码加入到<head>区域中 <script> var dragswitch=0 var nsx var nsy var nstemp function drag_dropns(name){ temp=eval(name) temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) temp.onmousedown=gons temp.onmousemove=dragns temp.onmouseup=stopns } function gons(e){ temp.captureEvents(Event.MOUSEMOVE) nsx=e.x nsy=e.y } function dragns(e){ if (dragswitch==1){ temp.moveBy(e.x-nsx,e.y-nsy) return false } } function stopns(){ temp.releaseEvents(Event.MOUSEMOVE) } var dragapproved=false function drag_dropie(){ if (dragapproved==true){ document.all.showimage.style.pixelLeft=tempx+event.clientX-iex document.all.showimage.style.pixelTop=tempy+event.clientY-iey return false } } function initializedragie(){ iex=event.clientX iey=event.clientY tempx=showimage.style.pixelLeft tempy=showimage.style.pixelTop dragapproved=true document.onmousemove=drag_dropie } if (document.all){ document.onmouseup=new Function("dragapproved=false") } function hidebox(){ if (document.all) showimage.style.visibility="hidden" else if (document.layers) document.showimage.visibility="hide" } </script> 第二步:把如下代码加入到<body>区域中 <div id="showimage" style="position:absolute;width:250px;left:250;top:250"> <table border="0" width="250" bgcolor="#33ff33 cellspacing="0" cellpadding="2"> <tr> <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0" height="36"> <tr> <td onMousedown="initializedragie()" style="cursor:hand" width="100%"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;drag_dropns(showimage)" onMouseout="dragswitch=0"><center><font face="Verdana" color="#FFFFFF"><strong><small>Typhoon Start</small></strong></font></center></layer></ilayer></td> <td style="cursor:hand"><a href="#" onClick="hidebox();return false"><img src="../wydh/images/close.gif" width="16" height="14" border=0></a></td> </tr> <tr> <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2"> <small><strong><center><font face="Verdana">点“X”关闭小窗口</font></center></strong></small><small><font face="Verdana"></font></small> </td> </tr> </table> </td> </tr> </table> </div>
特别说明:
如文本框里含有upjs/***.js内容的,请用查看按钮查看演示!
·百度网页特效:
网页特效:无边的信息导航窗
·上个特效:
状态栏显示静止文字
·下个特效:
冲击视觉的组合图象
相关评论
【特效评论已关闭】
伊缘网
设为首页
加入收藏
|
关于本站
|
联系我们
|
用户帮助
|
友情连接
|
Flash CMS
|
Flash CMS主机
站务广告 QQ:344166517 Email:
moc.nc12@gnise
TEL:0796-6190949 HP:(0)15179677402
Copyright © 2005 - 2010 2ey.cn Inc. All Rights Reserved.
伊缘网 版权所有
赣ICP备11008115号-2