⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 网页设计技巧.htm

📁 该资料包含大量网络开发的案例和源代码
💻 HTM
📖 第 1 页 / 共 2 页
字号:
        if (typeof MM_targL =='number' && typeof MM_targT == 'number' &&
            (Math.pow(MM_targL-((NS4)?left:(NS6)?parseInt(style.left):style.pixelLeft),2)+
             Math.pow(MM_targT-((NS4)?top:(NS6)?parseInt(style.top):style.pixelTop),2))<=MM_tol) {
          if (NS4) {left = MM_targL; top = MM_targT;}
          else if (NS6) {style.left = MM_targL; style.top = MM_targT;}
          else {style.pixelLeft = MM_targL; style.pixelTop = MM_targT;}
          MM_SNAPPED = true; MM_LEFTRIGHT = MM_startL-MM_targL; MM_UPDOWN = MM_startT-MM_targT; }
        if (MM_everyTime || MM_SNAPPED) eval(MM_dropJS);
        if(MM_dropBack) {if (NS4) zIndex = MM_oldZ; else style.zIndex = MM_oldZ;}
        retVal = false; if(!NS) event.returnValue = false; }
      document.MM_curDrag = null;
    }
    if (NS) document.routeEvent(objName);
  } return retVal;
}
//-->
</SCRIPT>

<META content="MSHTML 6.00.2900.2873" name=GENERATOR></HEAD>
<BODY>
<DIV id=Layer1 
style="Z-INDEX: 1; LEFT: 805px; WIDTH: 150px; POSITION: absolute; TOP: 198px; HEIGHT: 246px" 
onclick="MM_dragLayer('Layer1','',0,0,0,0,true,false,-1,-1,-1,-1,false,false,5,'',false,'')"><IMG 
height=134 src="网页设计技巧.files/11.gif" width=142><BR>  <SPAN class=style4>可拖动我哦 
</SPAN></DIV>
<TABLE height=1903 cellSpacing=4 cellPadding=0 width=603 align=center 
bgColor=#6699ff border=0>
  <TBODY>
  <TR>
    <TD vAlign=top width=595 bgColor=#66ccff height=1818><BR>
      <TABLE height=29 cellSpacing=2 cellPadding=0 width="95%" align=center 
      bgColor=#639aff border=0>
        <TBODY>
        <TR>
          <TD bgColor=#63cfff>
            <DIV align=center>网页制作技巧24条 </DIV></TD></TR></TBODY></TABLE><BR>
      <TABLE height=1672 cellSpacing=2 cellPadding=0 width="95%" align=center 
      bgColor=#639aff border=0>
        <TBODY>
        <TR>
          <TD vAlign=top bgColor=#63cfff height=1668>                 <SPAN 
            class=style1><SPAN class=style2> 搜</SPAN><SPAN class=style2>集-未来 
            来源-::波波工作室 <BR></SPAN></SPAN>
            <TABLE>
              <TBODY>
              <TR>
                <TD onmouseover="this.style.backgroundColor='#6699FF'" 
                onmouseout="this.style.backgroundColor='#63CFFF'" 
                  width=548><BR><BR>01.让背景图不滚动 <BR>IE浏览器支持一个 Body 属性 
                  bgproperties,它可以让背景不滚动: <BR>〈Body Background="图片文件" 
                  bgproperties="fixed"〉 <BR><BR>02.让你的网页无法另存为 
                  <BR>&lt;noscript&gt;&lt;iframe 
                  src=*&gt;&lt;/iframe&gt;&lt;/noscript&gt; 
                  <BR><BR>03.让IFRAME框架内的文档的背景透明 <BR>&lt;iframe 
                  src="about:&lt;body style='background:transparent'&gt;" 
                  allowtransparency&gt;&lt;/iframe&gt; <BR><BR>04.禁止右键: 
                  <BR>&lt;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()"&gt; 
                  <BR><BR>05.进入页面后立即自动刷新? <BR>&lt;meta http-equiv="refresh" 
                  content="120;url=http://www.wodutom.com/cn083"&gt; <BR><A 
                  href="http://www.wodutom.com/cn083">http://www.wodutom.com/cn083</A>,这是你自己的网址。 
                  <BR><BR>06.打开窗口即最大化 <BR>&lt;script language="javascript"&gt; 
                  <BR>&lt;!-- Begin <BR>self.moveTo(0,0) 
                  <BR>self.resizeTo(screen.availWidth,screen.availHeight) <BR>// 
                  End --&gt; <BR>&lt;/script&gt; 
                  <BR><BR>07.能隐藏IFRAME的滚动条吗?我知道的三种方法: <BR>1. 设置iframe 
                  scrolling="no" <BR>2. 被包含页body应用overflow:hidden <BR>3. 
                  被包含页的body标签加scroll="no" <BR><BR>08.加入背景音乐 <BR>&lt;bgsound 
                  src="mid/windblue[1].mid" loop="-1"&gt; 只适用于IE 
                  <BR><BR>&lt;embed src="music.mid" autostart="true" loop="true" 
                  hidden="true"&gt; 对Netscape ,IE 都适用 <BR><BR>09.嵌入网页 
                  <BR>&lt;iframe name="tt" src="01a.html" width="450" 
                  height="287" scrolling="Auto" 
                  frameborder="0"&gt;&lt;/iframe&gt; <BR><BR>10.跳转 <BR>&lt;meta 
                  http-equiv="refresh" content="3;URL=list.htm"&gt; 
                  <BR><BR>11.滚动 <BR>&lt;MARQUEE direction=up height=146 
                  onmouseout=start() onmouseover=stop() 
                  scrollAmount=4&gt;&lt;/marquee&gt; <BR><BR>12.细线分隔线 <BR>&lt;hr 
                  noshade size=0 color=#C0C0C0&gt; <BR><BR>13.过度方式 <BR>&lt;meta 
                  http-equiv="Page-Exit" 
                  content="revealTrans(Duration=3,Transition=5)"&gt; 
                  <BR>Duration的值为网页动态过渡的时间,单位为秒。 
                  <BR>Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表: <BR>0 盒状收缩 1 
                  盒状放射 <BR>2 圆形收缩 3 圆形放射 <BR>4 由下往上 5 由上往下 <BR>6 从左至右 7 从右至左 
                  <BR>8 垂直百叶窗 9 水平百叶窗 <BR>10 水平格状百叶窗 11垂直格状百叶窗 <BR>12 随意溶解 
                  13从左右两端向中间展开 <BR>14从中间向左右两端展开 15从上下两端向中间展开 <BR>16从中间向上下两端展开 17 
                  从右上角向左下角展开 <BR>18 从右下角向左上角展开 19 从左上角向右下角展开 <BR>20 从左下角向右上角展开 
                  21 水平线状展开 <BR>22 垂直线状展开 23 随机产生一种过渡方式 
                  <BR><BR>14、简单的window.open方法 <BR>&lt;a href="#" <BR>  
                  onclick="javascript:window.open('文件路径/文件名','newwindow', <BR>  
                  'toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, <BR>  
                  width=400,height=300');"&gt;文字或图片&lt;/a&gt; <BR><BR>  参数解释: 
                  <BR>  &lt;SCRIPT LANGUAGE="javascript"&gt; js脚本开始; <BR>  
                  window.open 弹出新窗口的命令; <BR>  '文件路径/文件名'' 弹出窗口的文件名; <BR>  
                  'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替; <BR>  width=400 窗口宽度; 
                  <BR>  height=300 窗口高度; <BR>  top=0 窗口距离屏幕上方的象素值; <BR>  left=0 
                  窗口距离屏幕左侧的象素值; <BR>  toolbar=no 是否显示工具栏,yes为显示; <BR>  
                  menubar,scrollbars 表示菜单栏和滚动栏。 <BR>  resizable=no 
                  是否允许改变窗口大小,yes为允许; <BR>  location=no 是否显示地址栏,yes为允许; <BR>  
                  status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; <BR>  &lt;/SCRIPT&gt; 
                  js脚本结束 <BR>15.如何控制横向和纵向滚动条的显隐? <BR>&lt;body 
                  style="overflow-y:hidden"&gt; 去掉x轴 <BR>&lt;body 
                  style="overflow-x:hidden"&gt; 去掉y轴 <BR>&lt;body 
                  scroll="no"&gt;不显 <BR><BR>16.怎样在 FrontPage2000 中加入 Flash 动画? 
                  <BR>在 FrontPage2000 中,点击[插入]-&gt;[高级]-&gt;[插件],在弹出的窗口中,设置一下 
                  Flash 文件的大小及其它信息,确定即可。 <BR><BR>17.加入注释的格式是:     
                  <BR>〈!-[注释内容…]--〉 <BR><BR>18.怎样在网页中加入 E-mail 链接并显示预定的主题? 
                  <BR>〈A href="mailtEmailhost@263.net?subject=主题"〉……〈/a〉 
                  <BR><BR>19.定义本网页关键字,可以在〈Head〉〈/Head〉中加入如下代码:   <BR>〈meta 
                  name="Keywords" content="china,enterprise,business,net"〉    
                  <BR>Content 中所包含的就是关键字,你可以自行设置。    
                  <BR>这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如: <BR>〈meta 
                  name="Keywords" content="china,china,china,china"〉 
                  <BR><BR>20.IE5.0 的部分快捷键: <BR>A:打开查找功能:Ctrl+F 
                  <BR>关闭浏览器窗口:Ctrl+W <BR>打开地址栏下拉列表框:F4 <BR>刷 新:F5 
                  <BR>将当前Web页保存到收藏夹列表:Ctrl+D <BR>打开当前 IE 窗口的一个拷贝:Ctrl+N 
                  <BR>停止下载当前网页:Esc <BR>光标迅速移动到网页的开头:Home <BR>光标迅速移动到网页的尾部:End 
                  <BR>打开新的地址键入窗口:Ctrl+O <BR>打开收藏夹:Ctrl+I <BR>打开历史记录文件夹:Ctrl+H 
                  <BR>打开浏览器设定的默认主页:Alt+HOME <BR><BR><BR>21.添加到收藏夹: <BR>〈a 
                  href="javascript:window.external.addFavorite('http://链接','说明');"〉添加到收藏夹〈/a〉 
                  <BR><BR>22.设为首页: <BR>〈a href=# 
                  onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://链接');〉设为首页〈/a〉 
                  <BR><BR>23.定制浏览器地址栏前的小图标: <BR>A:在网页的〈head〉〈/head〉间加入以下语句: 
                  <BR>〈link rel="shortcuticon" href="http://…/icon.ico"〉 
                  <BR>即可。其中 icon.ico 为 16x16 的图标文件,颜色不要超过 16 色。 
                  <BR><BR>24.把滚动条放在浏览器窗口的左边 <BR>A:在 &lt;body&gt; 中加 dir=RTL,即 
                  &lt;body dir=RTL <BR>
                  <DIV align=right><SPAN class=style1><SPAN 
                  class=style2>               集于 2005年6月24日</SPAN> 
                  </SPAN></DIV><BR><BR></TD></TR></TBODY></TABLE>
            <DIV 
align=right></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></BODY></HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -