一些较为复杂的html技巧（代码）

bzc2008 · 发表于 2005-8-24 19:06:13

1. 链接控制 　　 　　返回前页：使用OnClick=“history.go(-1)“，如 　　 　　 　　 　　返回主页：使用OnClick=’top.location.href=“../chinamail.html“’，如 　　 　　 　　 　　2. 链接提示 　　 在链接语句中增加 　　 　　OnMouseOver=“window.status=’这里是 ...’; return true“ OnMouseOut=“window.status=’’; return true“ 　　 　　如：去哪儿？ (在点击链接前注意看状态行显示的变化) 　　 　　3. 背景音乐 　　 　　显示操作面板：在相应地方加<embed src=“aladdin.mid“ width=“140“ height=“35“ autostart=true controls=“middleconsole“> 　　 　　不显示操作面板：在页中任意地方加<embed src=“aladdin.mid“ hidden=true autostart=true loop=true> 　　 　　或<embed src=“tt.ram“ autostart=“true“ loop=“2“ width=“80“ height=“30“> 　　 　　对于不支持embed 标签的浏览器，可以改用标签。 　　 　　4. 设置主页的缺省字符语言为简体中文(适用于Netscape) 　　 　　在HTML文件的Head部分中加入<META HTTP-EQUIV=“Content-Type“ CONTENT=“text/html; charset=cn-gb“> 　　 　　5. 链接的不同方式 　　 　　在帧里显示：在链接处加target=“main“语句，其中main为帧名 　　 　　整页显示：在链接处加target=“_top“语句 　　 　　开新窗口：在链接处加target=“resource window“语句，如<A HREF=“index.htm“ TARGET=“resource window“></A> 　　 　　6. 强制主页每次都不进行缓存，而从服务器上重读 　　 　　在Head部分加 　　<MEAT HTTP-EQUIV=“Pragma“ CONTENT=“no-cache“> 　　 　　这样一来，浏览器将不考虑cacke中的内容而强制重新读入您的页面,等于用户使用Reload。 　　 　　如果在您有计数器的页中使用，不管从什么地方返回这页 　　计数器都能加一。不过可能造成用户的反感。 　　 　　如果在BBS程序中使用，可以实现不用Reload就可更新页的功能。 　　 　　7. 自动刷新 定时刷新：<META HTTP-EQUIV=“Refresh“ content=“10; URL=http://自己的URL“> 　　 　　幻灯片效果：语句类似上面，但在页面1中URL指向页面2，而页面2指向页面3 ... 　　页面n指回页面1，即可实现循环显示页面的效果 　　 　　8.提前载入图片 　　 　　如果您的站点中后面的页有大图形需要显示，您不妨在第一页中提前载入。把语句： 　　<img src=“image.jpg“ width=0 height=0> ,其中width,height要设置为0，放在第一页HTML中的任何地方。 　　 　　如果您的访问者在第一页停留的时间足够长，当他进入第二页时，图象会立即显示出来 　　 　　9. 自动连接 　　 　　在预定时间后自动连入另一个指定的页面。 　　方法： 　　在<title>...</title>中加入以下一行： 　　<meta http-equiv=“refresh“ content=“10“; url=“otherpage.htm“> 　　其中10代表10秒后自动连接。 　　 　　10. 自动换行： 　　 　　在主页中自动换行以适应不同的浏览器或分辨率。 　　<meta http-equiv=“Content-Type“ content=“text/html; charset=gb2312“> 　　 　　11. 用单像素的GIF文件控控制文本位置 　　 　　要想准确的控制HTML中的文本位置，可以做一个1*1的透明图(如Blank.gif)。然后在HTML中加入代码： 　　<img src=“Blank.gif“ hspace=100> 　　改变数字100，即可控制 　　 　　12. 容器标记 　　 　　<BLOCKQUOTE></BLOCKQUOTE>标记可以把网页上所有的对象都包括起来，但不能对它加入变量。 　　 　　13.设定图形大小 　　 　　为使您的Web页在图形下载完之前，能够立即显示文字内容。 　　在您的主页中的图形元素中加入文件大小变量： 　　<img src=“image.jpg“ width=xxxx height=yyy> 　　xxx,yyy是您的图形的真实像素 14. 移动文字 　　 　　这在主页上是常用的，其制作方法很简单。 　　<marquee>要移动的文字</marquee> 　　1.移动的方向：<direction=!> ！=left, right 　　2.移动的方式：<bihavior=!> !=scroll ,side,alternate 　　3.循环次数：<loop=!> !=次数。若未指定则循环不止。 　　4 循环速度：<scrollamount=!> !=数 　　 　　15.如何去掉主页超链接的下划线? 　　 　　把下列语句放在<head>...</head>之间 　　<style> 　　A {text-decoration: none} 　　} 　　</style> 　　<script language=“javascript“> 　　var contents = true; 　　</script> 　　 　　更简单的是 　　<style> 　　 　　</style> 　　 　　16. 浮动背景（背景图像不滚动） 　　 　　当你拉住下拉条时，背景不动。（会使浏览速度减慢。:-( ）加入： 　　<body backgroud=“#ffff“ bgproperties=“fixed“> 　　 　　或用CSS样式表定义： 　　<style type=“text/css“> 　　 　　</style> 　　 　　17. 让背景图像不平铺 　　　CSS样式表定义： 　　<style type=“text/css“> 　　 　　</style> 　　 　　18. 测试浏览器类别并自动装入不同的网页 　　 　　目前微软和网景的浏览器并不能完全兼容所有网页,有的在某种浏览器里非常漂亮,而用其它浏览器查看时却一团糟。如果你需要测试浏览器,可以加入以下javascript代码并保存单独一个网页: 　　 　　<script language=“javascript“> 　　function TestBrowser(){ 　　ie = ((navigator.appName == 　　“Microsoft Internet Explorer“) & & 　　(parseInt(navigator.appVersion) >= 3 )) 　　ns = ((navigator.appName == “Netscape“) & & 　　(parseInt(navigator.appVersion) >= 3 )) 　　if (ns) { 　　setTimeout(’’location.href=“nn4.htm“’’,10); 　　} else { 　　setTimeout(’’location.href=“ie4.htm“’’,10); 　　} 　　} 　　</script> 　　 <!--<center><table height=2><tr><td></td></tr></table> <table border=0 width=680 bgcolor=white><tr><td><marquee>

<script language=javascript src=http://article.tianyaclub.com/2005/flowernet/wordrandomad3_top.js> </script></marquee></td></tr></table></center>--><!--<center><table height=2><tr><td></td></tr></table> <table border=0 width=680 bgcolor=white><tr><td><marquee><script language=javascript src=http://article.tianyaclub.com/2005/flowernet/wordrandomad4_top.js> </script>

复制代码

</marquee></td></tr></table></center>-->

[此贴子已经被作者于2005-8-24 11:10:57编辑过]

		自动登录	找回密码
密码			注-册-帐-号