zoukankan      html  css  js  c++  java
  • 网页技巧

    网页制作小技巧 

    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" oncopy="document.selection.empty()" onbeforecopy="return false"> 

    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 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 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 content="cyberhome,wireless LAN,network solution,fashion life,stock,server"〉    
      Content 中所包含的就是关键字,你可以自行设置。    
      这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如: 
      〈meta 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=";"〉添加到收藏夹〈/a〉

    22.设为首页:
      〈a href=# 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>。

  • 相关阅读:
    Android Studio 使用起来很卡,是如何解决的?
    前端嵌入视频直播和聊天支持.m3u8格式
    koa & cors原理
    Sequelize基本操作
    vue内置组件有哪些?
    使用element-ui的时候控制台报TypeError: Cannot read property 'disabled' of null错
    js监听页面元素是否变化
    软件版本: Alpha、Beta、RC、Release版
    前端脚手架BigFish
    mini-css-extract-plugin搭配optimize-css-assets-webpack-plugin
  • 原文地址:https://www.cnblogs.com/Snowflake/p/2971813.html
Copyright © 2011-2022 走看看