网页制作小技巧
Nov 8,2003 Farhill of CyberHome

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="return false" 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.cyberhome.cn">
  http://www.cyberhome.cn,这是网园的网址,也可以是你自己的网址。

06.打开窗口即最大化:
  <script type="text/javascript">
  <!-- Begin
  self.moveTo(0,0)
  self.resizeTo(screen.availWidth,screen.availHeight)
  // End -->
  </script>

07.能隐藏IFRAME的滚动条吗?我知道的三种方法:
  1. 设置iframe scrolling="no"
  2. 被包含页body应用overflow:hidden
  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="1"46 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 随机产生一种过渡方式


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

16.在Dreameaver中加入 Flash 动画?
  在Dreameaver中,点击[插入]->[媒体]->[Flash],在插入的小图标上点击右键设置适当参数( Flash 文件的大小及其它信息),确定即可。

17.加入注释的格式是:    
  〈!-[注释内容…]--〉

18.怎样在网页中加入 E-mail 链接并显示预定的主题?
  〈a href="mailto:cyberhome@263.net?subject=网园服务"〉……〈/a〉

19.定义本网页关键字,可以在〈Head〉〈/Head〉中加入如下代码:  
  〈meta name="Keywords" content="cyberhome,wireless LAN,network solution,fashion life,stock,server"〉   
  Content 中所包含的就是关键字,你可以自行设置。   
  这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:
  〈meta name="Keywords" content="cyberhome,cyberhome,cyberhome,cyberhome,cyberhome"〉

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

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

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

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

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

    【打印本稿】  【给我留言】  【大字体 中字体 小字体