网站设计常用技巧收集整理
先说一下写这篇文章的目的吧,这上面的东西很多不是我写的,也不是我总结的,这点我肯定,呵呵,我希望大家也能提提你自己的建议,希望不断总结,
让更多的网站设计技巧出现在这里,方便 查找和使用,因为很多时候想要这些东西的时候不容易找到,而且不集中。我个人会继续努力收集,并更新请大家关注
-------------------------------------------一般不会注意的地方---------------------------------------------
1.不管是IE那个版本都规定为IE8使用
现在我们一起看一下博客园上面的这两个东东
用于Table
5.? IE地址栏前换成自己的图标
39.在规定时间内跳转
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="#" onclick="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 onload="max.Click()">即为打开最大
化窗口,而如果改为<body onload="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
<object type="text/x-scriptlet" width="800" height="1000" data="../index.htm"> </object>
