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

当前位置: 首页 > 图文教程 > 网页特效 > 浏览器 > 用链接控制页面小窗口的打开和关闭

浏览器: Firefox和IE浏览器之间的7个JavaScript差异

No. « ‹ 1 2 »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-10 浏览: 109 ::

收藏到网摘: n/a

实用的滑动文本选项卡显示(CSS+Javascript) 关于限制网页表单的一些特效代码

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

<!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>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

实用的滑动文本选项卡显示(CSS+Javascript) 关于限制网页表单的一些特效代码

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

评论 (0) All

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