HTML小技巧的一些小技巧

来源：互联网发布：mac桌面文件夹路径编辑：程序博客网时间：2024/06/08 16:31

01.让背景图不滚动
IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:
〈Body Background="图片文件" bgproperties="fixed"〉

02.让你的网页无法另存为
<noscript><iframe src=*></iframe></noscript>

03.让IFRAME框架内的文档的背景透明
<iframe src="about:<body style='background:transparent'>"allowtransparency></iframe>

04.禁止右键：
<body oncontextmenu="return false" ondragstart="returnfalse" onselectstart ="return false"onselect="document.selection.empty()"oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">

05.进入页面后立即自动刷新？
<meta http-equiv="refresh"content="120;url=http://www.XYZ.com/XYZ">
http://www.XYZ.com/XYZ，这是你自己的网址。

06.打开窗口即最大化
<script language="JavaScript">

</script>

07.能隐藏IFRAME的滚动条吗？我知道的三种方法:
1. 设置iframe scrolling="no"
2. 被包含页body应用overflow:hidden 即在被包含页中应用15.如何控制横向和纵向滚动条的显隐？
3. 被包含页的body标签加scroll="no"

08.加入背景音乐
<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE

<embed src="music.mid" autostart="true"loop="true" hidden="true"> 对Netscape ,IE 都适用

09.嵌入网页
<iframe name="tt" src="01a.html" width="450"height="287" scrolling="Auto"frameborder="0"></iframe>

10.跳转
<meta http-equiv="refresh" content="3;URL=list.htm">

11.滚动
<MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop()scrollAmount=4></marquee>

12.细线分隔线
<hr noshade size=0 color=#C0C0C0>

13.过度方式
<meta http-equiv="Page-Exit"content="revealTrans(Duration=3,Transition=5)">
Duration的值为网页动态过渡的时间，单位为秒。
Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：
0 盒状收缩　1 盒状放射　2 圆形收缩　3 圆形放射　4 由下往上
5 由上往下　6 从左至右　7 从右至左　8 垂直百叶窗　9 水平百叶窗
10 水平格状百叶窗　11垂直格状百叶窗　12 随意溶解　13从左右两端向中间展开
14 从中间向左右两端展开　15 从上下两端向中间展开
16 从中间向上下两端展开　17 从右上角向左下角展开
18 从右下角向左上角展开　19 从左上角向右下角展开
20 从左下角向右上角展开　21 水平线状展开
22 垂直线状展开　23 随机产生一种过渡方式

14.加入注释的格式是：　　　
〈!-［注释内容…］--〉

15.如何控制横向和纵向滚动条的显隐？
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显。

16.定制浏览器地址栏前的小图标：
A:在网页的〈head〉〈/head〉间加入以下语句：
〈link rel="shortcuticon" href="http://…/icon.ico"〉
即可。其中 icon.ico 为 16x16 的图标文件，颜色不要超过 16 色。

17.怎样在网页中加入 E-mail 链接并显示预定的主题?
〈A href="mailto:Name@Your.net?subject=主题"〉……〈/a〉

18.定义本网页关键字，可以在〈Head〉〈/Head〉中加入如下代码：　
〈meta name="Keywords" content="china,enterprise,business,net"〉　　
Content 中所包含的就是关键字,你可以自行设置。　　
这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如：
〈meta name="Keywords" content="china,china,china,china"〉这个关键字对于Google搜索无效。

19.添加到收藏夹：
〈a href="javascript :window.external.addFavorite('http://链接','说明');"〉添加到收藏夹〈/a〉

20.设为首页：
〈a href=#onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://链接');〉设为首页〈/a〉

21.把滚动条放在浏览器窗口的左边
A:在 <body> 中加 dir=RTL，即 <body dir=RTL>。

另附：IE5.0 的部分快捷键：
A:打开查找功能：Ctrl+F
关闭浏览器窗口：Ctrl+W
打开地址栏下拉列表框：F4
刷新：F5
将当前Web页保存到收藏夹列表：Ctrl+D
打开当前 IE 窗口的一个拷贝：Ctrl+N
停止下载当前网页：Esc
光标迅速移动到网页的开头：Home
光标迅速移动到网页的尾部：End
打开新的地址键入窗口：Ctrl+O
打开收藏夹：Ctrl+I
打开历史记录文件夹：Ctrl+H
打开浏览器设定的默认主页：Alt+HOME