375750496
网站设计

40种网站设计常用技巧(4)

发表日期:2015-05-20   作者来源:   浏览:0   标签:    

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),从而解决此问题!具体解决代码如下:

<p 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>
</p>

<a href=# onclick=document.getElementById('menu').style.visibility='visible'>menu</a>

<form>
<select><option>A form selection list</option></select>
</form>

输入框也可以做的很漂亮了
<p 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=重做>
</p>
注意:修改<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

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

注:相关网页设计技巧阅读请移步到建站教程频道。

如没特殊注明,文章均为厦门博久高端网站建设公司 原创,转载请注明来自https://www.sosuoseo.com/news/sheji/3/342.html
相关案例