用链接控制页面小窗口的打开和关闭

日期：2007年12月13日作者：查看:[大字体中字体小字体]

网页特效:用链接控制页面小窗口的打开和关闭

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>show</title> <style type="text/css"> #show{ display:none; margin:0px auto; background-color:#FF0000; } #txt{ width:760px; height:30px; margin:0px auto; background-color:#efefef; } </style> </head> <body> <div id=show> </div> <div id=txt> <a href="#" onClick="show()">Open</a> <a href="#" onClick="show2()">Close</a> </div> <script type="text/javascript"> function show(){ if (!document.getElementById) return false; if (!document.getElementById("show")) return false; var show = document.getElementById("show"); show.style.width = "0px"; show.style.height = "0px"; show.style.display = "block"; movement = setTimeout("animation()",0) } function animation(){ if (!document.getElementById) return false; if (!document.getElementById("show")) return false; var show = document.getElementById("show"); var xpos = parseInt(show.style.width); var ypos = parseInt(show.style.height); if (xpos == 760 && ypos == 420){ return true; } if (xpos < 760){ xpos++; } if (xpos > 760){ xpos--; } if (ypos < 420){ ypos++; } if (ypos > 420){ ypos--; } show.style.width = xpos + "px"; show.style.height = ypos + "px"; movement = setTimeout("animation()",0); } function show2(){ if (!document.getElementById) return false; if (!document.getElementById("show")) return false; var show = document.getElementById("show"); show.style.width = "760px"; show.style.height = "420px"; show.style.display = "block"; movement = setTimeout("animation2()",0) } function animation2(){ if (!document.getElementById) return false; if (!document.getElementById("show")) return false; var show = document.getElementById("show"); var xpos = parseInt(show.style.width); var ypos = parseInt(show.style.height); if (xpos == 0 && ypos == 0){ return true; } if (xpos < 0){ xpos++; } if (xpos > 0){ xpos--; } if (ypos < 0){ ypos++; } if (ypos > 0){ ypos--; } show.style.width = xpos + "px"; show.style.height = ypos + "px"; movement = setTimeout("animation2()",0); } </script> </body> </html>
[1] [2] 下一页
用链接控制页面小窗口的打开和关闭相关文章：
·关于三级片和Ａ片的区分标准
·关于局域网限制网速的问题
·关于web.xml配置的详细说明
·劳动法相关小案例:病假工资如何计算?
·大航海时代4 中文版攻关资料大全
·静态路由的设置及相关命令
·解决与HTTP 500 – 内部服务器错误错误信息有关的问题
·全面解决Generic host process for win32 services遇到问题需要关闭
·EXE文件打不开——恢复EXE文件关联
·关于oracle日期函数的介绍和使用
用链接控制页面小窗口的打开和关闭相关软件
·《孤岛惊魂》通关存档
·《火影忍者2》格斗闯关
·《危险关系三姐妹》性感游戏稚春篇
·《大航海时代4威力加强版》地图全开通关存档
·杨家将传奇一线40关完整版
·智能开关机 V3.20
·魔兽世界安其拉关门录像
·电脑开关机画面修改程序 V2.40
·《轩辕剑4》全关卡存档
·英雄无敌5 全通关存档

上一篇:CSS样式表定义标签li前面样式

下一篇:酷柔之间 MM冬季大外套扮靓设计

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

用链接控制页面小窗口的打开和关闭

精品推荐

热点TOP10

特别推荐