36. 检测某个网站的链接速度: 把如下代码加入 <body> 区域中: <script language=Javascript> tim=1 setInterval( "tim++ ",100) b=1 var autourl=new Array() autourl[1]= "www.njcatv.net " autourl[2]= "javacool.3322.net " autourl[3]= "www.sina.com.cn " autourl[4]= "www.nuaa.edu.cn " autourl[5]= "www.cctv.com " function butt(){ document.write( " <form name=autof> ") for(var i=1;i <autourl.length;i++) document.write( " <input type=text name=txt "+i+ " size=10 value= "/blog/测试中......> " =》 <input type=text name=url "+i+ " size=40> =》 <input type=button value=GO οnclick=window.open(this.form.url "+i+ ".value)> <br/> ") document.write( " <input type=submit value=刷新> </form> ") } butt() function auto(url) else b++ } function run(){for(var i=1;i <autourl.length;i++)document.write( " <img src=http:// "+autourl+ "/ "+Math.random()+ " width=1 height=1 οnerrοr=auto( "http:// "+autourl+ " ")> ")} run() </script> 37. 各种样式的光标 auto :标准光标 default :标准箭头 hand :手形光标 wait :等待光标 text :I形光标 vertical-text :水平I形光标 no-drop :不可拖动光标 not-allowed :无效光标 help :?帮助光标 all-scroll :三角方向标 move :移动标 crosshair :十字标 e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize 38.页面进入和退出的特效 进入页面 <meta http-equiv= "Page-Enter " content= "revealTrans(duration=x, transition=y) "> 推出页面 <meta http-equiv= "Page-Exit " content= "revealTrans(duration=x, transition=y) "> 这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为1-23: 0 矩形缩小 1 矩形扩大 2 圆形缩小 3 圆形扩大 4 下到上刷新 5 上到下刷新 6 左到右刷新 7 右到左刷新 8 竖百叶窗 9 横百叶窗 10 错位横百叶窗 11 错位竖百叶窗 12 点扩散 13 左右到中间刷新 14 中间到左右刷新 15 中间到上下 16 上下到中间 17 右下到左上 18 右上到左下 19 左上到右下 20 左下到右上 21 横条 22 竖条 23 以上22种随机选择一种 39.在规定时间内跳转 <META http-equiv=V= "REFRESH " content= "5;URL=http://www.williamlong.info "> 40.网页是否被检索 <meta name= "ROBOTS " content= "属性值 "> 其中属性值有以下一些: 属性值为 "all ": 文件将被检索,且页上链接可被查询; 属性值为 "none ": 文件不被检索,而且不查询页上的链接; 属性值为 "index ": 文件将被检索; 属性值为 "follow ": 查询页上的链接; 属性值为 "noindex ": 文件不检索,但可被查询链接; 属性值为 "nofollow ": 文件不被检索,但可查询页上的链接。 最大化窗口? <script language= "JavaScript "> <!-- self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) //--> </script> 解决问题:由于层与下拉框之间的优先级是:下拉框 > 层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下: <div id= "menu " style= "position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc; "> <table> <tr> <td> item 1 </td> </tr> <tr> <td> item 2 </td> </tr> <tr> <td> item 3 </td> </tr> <tr> <td> item 4 </td> </tr> <tr> <td> item 5 </td> </tr> </table> <iframe src= "/blog/javascript:false " style= "position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter= 'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0) '; "> </iframe> </div> <a href= "# " οnclick= "document.getElementById( 'menu ').style.visibility= 'visible ' "> menu </a> <form> <select> <option> A form selection list </option> </select> </form> 输入框也可以做的很漂亮了 <div align= "center "> <input type= "hidden " name= "hao " value= "yes "> 外向数: <input name=answer style= "color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192) "> 没回答的题数: <input name=unanswer id= "unanswer " style= "color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192) "> <br/> 总得分: <input name=score id= "score " style= "color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192) "> 结 论: <input name=xgjg id= "xgjg " style= "color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192) "> <br/> <br/> <input onClick=processForm(this.form) style= "FONT-FAMILY: 宋体; FONT-SIZE: 9pt " type=button value=查看结果 name= "button "> <input type= "reset " name= "Submit " value= "重做 "> </div> 注意:修改 <body> 为 <body οnlοad= "max.Click() "> 即为打开最大 化窗口,而如果改为 <body οnlοad= "min.Click() "> 就变为窗口一打开就最小化 <object id= "min " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> <param name= "Command " value= "Minimize "> </object> <object id= "max " type= "application/x-oleobject " classid= "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11 "> <param name= "Command " value= "Maximize "> </object> </body> 页面自动刷新(说明) 当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 1,页面自动刷新:把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20 "> ,其中20指每隔20秒刷新一次页面. 2,页面自动跳转:把如下代码加入 <head> 区域中 <meta http-equiv= "refresh " content= "20;url=http://www.williamlong.info "> ,其中20指隔20秒后跳转到http://www.williamlong.info页面。 页面自动关闭 5000是指时间 <body onLoad= "setTimeout(window.close, 5000) "> 弹出窗口自动关闭 10秒后弹出窗口自动关闭 注意:在新的tan.htm的body中要加 <onLoad= "closeit() "> head <script language= "JavaScript "> <!-- var gt = unescape( '%3e '); var popup = null; var over = "Launch Pop-up Navigator "; popup = window.open( ' ', 'popupnav ', 'width=225,height=235,resizable=1,scrollbars=auto '); if (popup != null) { if (popup.opener == null) { popup.opener = self; } popup.location.href = 'tan.htm '; } // --> </script> <body> 注意:这段代码是在新建文件中的 <script language= "JavaScript "> function closeit() </script> 这个可不是 <iframe> (引用)呀。是直接调用的。以下代码加入 <body> 区域 <object type= "text/x-scriptlet " width= "800 " height= "1000 " data= "../index.htm "> </object> |
常用的40个网站制作技巧 (2)
最新推荐文章于 2024-09-10 17:12:35 发布