校园黑板墙

 找回密码
 会员注册

微信登录

微信扫一扫,快速登录

查看: 3602|回复: 65
收起左侧

《转》100个网页技巧大全(上)

   关闭 [复制链接]
发表于 2014-4-3 22:02:31 | 显示全部楼层 |阅读模式
1,Q:怎样把别人网页上的背景音乐保存下来?
      A:浏览该网页后,在你的 Windows\Temporary Internet Files 文件夹下可以找到该背景音乐的缓存文件,拷贝出来即可使用。如果还是找不见该文件,可以打开网页的源文件,找到音乐文件的 URL 路径,用“蚂蚁”等 FTP 软件进行下载。  

  2,Q:避免有人从你分帧的主页的帧中径直进入网站,而不是从 index.htm 中进入?
      A:在帧中的网页的〈head〉〈/head〉之间加入以下脚本代码:
      〈Script language="JavaScript"〉
        if (top==self)
         self.location.href="index.htm";
      〈/Script〉
      这样,当有人从帧中进入网站时,就会自动重定向到主页文件 index.htm。
  3.Q:怎样防止别人把你的网页放到框架里?
      A:因为框架(frame)的缘故,有许多人把别人的网页放置到自己的框架里,使之成为自己的一页。如果你要防止别人这样做,可以加入下列 JavaScript 代码即可,它会自动监测,然后跳出别人的框架。
      〈Script language="javascript"〉   
        if (self != top)
         top.location = self.location;
      〈/Script〉
   4,Q:怎样在 FrontPage2000 中加入 Flash 动画?
      A:在 FrontPage2000 中,点击[插入]->[高级]->[插件],在弹出的窗口中,设置一下 Flash 文件的大小及其它信息,确定即可。
    5,Q:怎样在网页中加入注释?    
      A:在共同网页开发中,加入注释是防止分工被搞混淆或者注释某段代码特殊的含义,加入注释的格式是:    
      〈!-[注释内容…]--〉
   6,Q:怎样测试浏览器并自动装入所需要的网页?
      A:目前微软和网景的浏览器并不能完全兼容所有网页,有的网页在某种浏览器中非常漂亮, 而用其它浏览器查看时却一团糟。如果你需要测试浏览器,可以加入以下 JavaScript 代码使浏览器自动装入所需要的网页:  
     〈script LANGUAGE="JavaScript"〉  
      function TestBrowser()  
      {  
       ie = ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 3 ))  
       ns = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 ))  
       if (ns) { setTimeout("location.href="ns.htm"",10); }   
       else {setTimeout("location.href="ie.htm"",10); }  
       }    
     〈/script〉
7,Q:怎样让链接没有下划线?
      A:只要在〈Head〉〈/Head〉中加入以下代码,所有链接就都没有下划线了:  
      〈style type="text/css"〉
      〈!--
        a {text-transform:none;text-decoration:none;}
        a:hover {text-decoration:underline}
       --〉
      〈/style〉。
8,Q:怎样在网页中加入 E-mail 链接并显示预定的主题?
      A: 〈A href="mailto:Emailhost@263.net?subject=主题"〉……〈/a〉
9,Q:怎样让网页的背景图像不滚动?    
      A: Internet Explorer 浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动:
      〈Body Background="图片文件" bgproperties="fixed"〉
10,Q;怎样定义网页的关键字?
       A:在网页中加入关键字,可以供某些搜索站台机器人使用,它们会利用该关键字为你的网站做索引, 这样,当别人用关键字搜索网站时,如果你的网页包含该关键字,那么就可以被列出了。定义本网页关键字,可以在〈Head〉〈/Head〉中加入如下代码:  
       〈meta name="Keywords" content="china,enterprise,business,net"〉   
       Content 中所包含的就是关键字,你可以自行设置。   
       这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:
       〈meta name="Keywords" content="china,china,china,china"〉
11,Q:怎样隐藏在状态栏里出现的链接信息?
       A:大家知道,当你指向一个链接时,该链接的信息就会出现在浏览器的状态栏里, 如果需要隐藏它,可以本链接中做如下设置:
〈a href="http://zhanghing.yeah.net"none"; return true"〉链接〈/a〉  

  12,Q:怎样在网页中加入多媒体播放?
       A:有些多媒体文件无需其他程序就可以播放, 而有许多多媒体文件需要外部程序才能播放。如果浏览器没有安装这种外部程序,那么浏览器会自动去下载。 要加入多媒体格式,可加入如下代码:  
       〈EMBED SRC="test.ram" AUTOSTART="TRUE" LOOP="3" WIDTH="80" HEIGHT="30"〉
  13,Q:怎样在网页中加入电子邮件表单提交?
       A:表单提交需要 CGI 程序的支持,但也可以利用 E-mail 提交,当你设计好表单后, 把 Action 内容加入邮件地址即可,例如:
       〈form method="POST" action="mailto:zhangking@263.net" ENCTYPE="text/plain"〉
         ……
       〈/form〉
  14,Q:用 Word 作为 Html 编辑器产生的代码比较冗长,怎么优化?
       A:可以用网页制做软件 Dreameweaver3.0 进行优化。
   15,Q: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
  16,Q:网页上的图形格式:
       A:图形的格式千奇百怪,但是一般 WWW 浏览器支持的图形格式只有 .gif 和 .jpg(.jpe),这两种都是经过压缩的图形文档。所以文件较小,适合在网络上传送。如果你的图形是别的格式, 则必须使用图形处理软件来将其转存成 .GIF 或 .JPG 的图形格式。但到底该用那一种图形格式呢? 先看看下面的比较:   GIF 格式 JPEG 格式
压缩比例 较小 从大到小有四种选择
最多支援的颜色 256色 全彩(16百万色)
渐显功能(“隔行”方式) GIF89a有 无

      17,Q:表格中嵌套〈Form〉标签时,换行的取消:
       A:在网页制做中,当表格和〈Form〉〈/Form〉标签嵌套时,如果像如下的形式:
〈table border=1〉 〈tr〉 〈td〉 〈Form〉 〈input name= size=〉 〈input type=button
            value=Test〉 〈/Form〉 〈/td〉 〈/tr〉 〈/table〉       那么在〈Form〉构造出的文本框下会有一个空行,非常影响版面的编排。 而只要把〈/Form〉放到表格标签〈/td〉、〈/tr〉或〈/table〉的外边(如下),则问题就解决了。
〈table border=1〉
            〈tr〉 〈td〉 〈Form〉 〈input name= size=〉 〈input type=button value=Test〉 〈/td〉
            〈/Form〉 〈/tr〉 〈/table〉  

18,Q:什么是 ActiveX 控件?
     A:Microsoft ActiveX 控件是由软件提供商开发的可重用的软件组件。使用 ActiveX 控件,可以很快地在网址、台式应用程序、以及开发工具中加入特殊的功能。例如,StockTicker 控件可以用来在网页上即时地加入活动信息,动画控件可用来向网页中加入动画特性。
  现在,已有 1000 多个商用的 ActiveX 控件。开发控件可以使用各种编程语言,如 C,C++,下一代的Microsoft Visual Basic,以及微软公司的 Visual Java 开发环境 Microsoft Visual J++。ActiveX 控件一
旦被开发出来,设计和开发人员就可以把它当作预装配组件,用于开发客户程序。以此种方式使用 ActiveX 控件,使用者无需知道这些组件是如何开发的,在很多情况下,甚至不需要自己编程,就可以完成网页或应用程
序的设计。
  IE3.0 是第一个在网页中支持 ActiveX 控件的网络浏览器。在 Mosaic 和 Netscape Navigator 中也可以使用 ActiveX plug-in for Netscape 显示 ActiveX 控件(参见网址 http://www.ncompasslabs.com)。

19,Q: Netscape Navigator 可以显示 ActiveX 控件吗?
     A:可以,在 Netscape Navigator 中可以使用 ActiveX plug-in for Netscape 显示 ActiveX 控件。在Ncompass 实验室的网址http://www.ncompasslabs.com/ 上可以得到测试版的 plug-in。

20,Q:现在有哪些工具支持使用 ActiveX 控件进行网页开发?
     A:使用 ActiveXControlPad(详见http://www.microsoft.com/workshop/author/cpad/),开发人员可以在HTML 网页中方便地插入 ActiveX 控件。按照http://www.microsoft.com/workshop/author/cpad/tutorial-f.htm
网址上的 ActiveX Control Pad 教程,开发人员可以很方便地学习使用 ActiveX ControlPad。SoftQuad 公司的 HoTMetaL Pro 也支持在 HTML 网页上使用 ActiveX 控件。以后,微软公司及其第三方软件供应商还将推出很多支持使用 ActiveX 控件进行网页制作的网络制作工具。
  21,Q:只有程序员才能使用 ActiveX 控件吗?
     A:了解脚本语言,比如说 Visual Basic Scripting Edition(VBScript) 或 JavaScript,自然对使用ActiveX 控件非常有帮助。但也并非一定要有这样的程序开发基础。对于有些控件来说,需要写一定数量的脚本程序,才能集成到网页中,但大多数 ActiveX 控件却不需要这样。使用 ActiveX Control Pad,即使是非程序开发人员也可以通过简单的选中和点击将很多控件插入网页。
  22,Q:在创建了包含 ActiveX 控件的网页后,如果用户在自己的机器上浏览该网页,控件是如何在用户终端机上安装和显示的?
     A:当 IE3.0 遇到含有 ActiveX 控件(或复合控件)的网页时,首先检查用户的本地系统注册,察看该组件是否已经安装在本地机上了。如果该组件已经在本地机上,IE3.0 显示该网页并激活控件。如果控件还未在用户本地机上安装,IE3.0 将自动地根据开发者创建网页时的地址定义,从网上找到此控件,并将它安装到本地机上。
  23,Q:如何在网页上定义一个地址,使用户访问网页时,控件可以自动下载到用户的计算机上?
     A:网页开发者可以通过给控件设置 CODEBASE 属性提供上述信息。使用 ActiveX Control Pad 时,在 ObjectEditor 中,可以看见一个属性表,开发者可以很方便地利用该表设置属性。通过设置属性,可以定义 URL 地址或地址集,通过地址可以在 Internet 上找到并下载控件。IE3.0 正是利用这些地址信息,定位控件并自动下载组件的。下载之后,网页就出现在本地机上了。在 1996 年 7 月的 Microsoft Systems Journal 上,“Safe Web Surfing with the Internet Component Download Service”一文详细论述了整个信息定位及下载过程。需要一提的是,许多 Microsoft 提供的控件(例如 HTML Layout Control)不需要 CODEBASE 设置,因为通过 ActiveX 对象索引(ActiveX Object Index)就可以基于 CLSID(控件唯一标识符)自动找到并定位控件。
  24,Q:ActiveX 组件下载时,是否通知用户?
     A:是的。当一个组件需要下载时,IE 会缺省地显示一个消息框,通知用户将要开始下载。用户可以选择终止下载或继续下载。如果控件做过数字签名,会提供一份数字认证书, 其中包括提供该控件的软件供应商名字,以及确认该控件未被破坏的有关信息。软件开发者在开发控件时可以做数字签名。签名信息由控件本身携带, 因此在下载之前,会自动显示数字验证书,在网页上使用该控件的用户不需要做任何开发工作。
  25,Q:ActiveX 控件下载后,放在什么位置?
     A:在缺省情况下,控件下载后要放在 \windows\Downloaded Program Files 目录下的 ActiveX 控件高速缓存中。
  26,Q:如何对待新创建的新版本控件? 如果用户计算机上已经有了老板本的控件 IE 如何知道应该下载新版本的控件?
     A:I3.0 中的组件下载服务(Component Download Service)提供了版本控制功能,使用此项功能,新版本的控件会被自动检测出来,并可自动下载。在1996 年 7 月的 Microsoft Systems Journal 杂志上,“Safe Web Surfing with the Internet Component Download Service”一文 详细论述了整个版本控制过程。
  27,Q:ActiveX 控件是否有许可权问题? 用户下载控件之后能否在自己的网页上使用 ActiveX 控件?
     A:ActiveX 控件提供一套完整的保护机制,可以防止未经许可的用户在网页上使用 ActiveX 控件。到目前为止,已经有一些开发工具支持这套机制,例如 VB、Ms Access、和 IE。现有的控件授权许可证机制有两种许可形式:开发许可证和运行使用许可证。开发许可证允许许可证的持有者使用控件,利用 VB,ActiveX ControlPad, 以及其它有关的开发工具,从事以开发为目的活动。运行使用许可证只允许许可证的持有者在已有的应用或网页中显示控件,不允许将控件插入有关工具中,用于开发目的活动。支持许可证机制是独立控件开发上的工作。有些控件开发商选择了不支持许可证机制的开发策略,因此对任何用户来说,他们开发的控件一旦被安装到本地机上,就可以用于开发。另一些控件开发商只提供免费的运行许可证,而在提供开发许可证时需要收费。需要在网上使用控件的用户,应该详细地阅读控件开发商提供的许可证协议,以确定自己使用控件的权限。

28,Q:为什么有些控件,甚至包括有些 VB4.0 自带的 ActiveX 控件,在网页上都无法用 IE 显示?
     A:包括 VB4.0 中某些控件在内的许多控件都提供了许可证机制。要在网上使用这些控件必须取得相应的运行使用许可证,并将相应的许可证文件放在网页中,否则,在用户终端机上将无法显示该控件。对于某一控件来说,只有控件的合法开发者,才拥有为该控件进行“运行许可权”授权的权利。 欲知在网页中获得控件运行许可权的详细过程, 请参见 ActiveX SDK 文档中有关许可证控制部分(在新的ActiveX Control Pad FAQ 中,还有一个具体例子)。 值得一提的是,Microsoft 及其第三方合作伙伴也在网上提供了大量的具有免费使用权许可证的 ActiveX 控件。在网页中使用这些控件时,不需要提交使用权许可证文件。
29,Q:HTML Layout 控件如何增强了使用 ActiveX 控件开发网页的能力?
     A:HTML Layout 控件支持由 W3C 公布的扩展 HTML,允许在网页上精确定位对象。原先,HTML 不允许网页开发者使用 X、Y 坐标在网页上精确定位元素,也不允许叠盖对象。新增加的的“2-D”布局功能,使开发者可以完成更复杂的设计,为用 户开发出更好的网络应用提供了支持。通过实现新的 W3C HTML 扩展,HTML Layout 控件为在 IE 中显示的 ActiveX 控件提供了更先进的布局选项。HTML Layout 控件是 IE3.0 的新增组件,并被集 成到 IE 完全安装版中。(HTML Layout 控件也是 ActiveX ControlPad 的一部分,可通过 MSDN 库安装。由于提供了基于 WYSIWYG(所见即所得)页的全帧编辑器,ActiveX Control Pad 可以与 HTML Layout Control 相结合使用。 这使得用 ActiveX 控件开发先进的二维风格的 HTML 设计变得更加简单。
  30,Q:怎样在网页上显示多少人在线(on-line)?
    A:只要你的网站支持 ASP,那么在网站的根目录中放置以下内容的 Global.asa 文件,问题就解决了。将语句 〈% response.write "现在有 " & Application("WhosOn") & " 人在线。" %〉 放在你的 ASP 网页中用于显示在线人数。
<SCRIPT LANGUAGE="VBScript" RUNAT="Server">
            Sub Application_OnStart
            Session.Timeout=1
            Application.Lock
            Application("WhosOn") = 0
            Application.UnLock
            End Sub
            Sub Session_OnStart
            Application.Lock
            Application("WhosOn") = Application("WhosOn") + 1
            Application.UnLock
            End Sub
            Sub Session_OnEnd
            Application.Lock
            Application("WhosOn") = Application("WhosOn") - 1
            Application.UnLock
            End Sub
            </SCRIPT>
31,Q:用样式表(CSS)定制表格边框:
    A:
    〈Table border=0 id=tb1 style="border:3px solid red"〉
    〈tr〉〈td〉用样式表(CSS)定制表格的例子〈/td〉〈/tr〉
    〈/Table〉
32,Q:闪亮的表格边框:
    A:
   <table border="0" width="280" id="tb1" style="border:3px solid green">
   <tr>
   <td>
     制做闪亮的表格边框!
   </td>
   </tr>
   </table>
   <script language="JavaScript">
   <!-- 这段脚本放在表格的后面
   function flashit()
   {
   if (!document.all) return
   if (tb1.style.borderColor=="green")
   tb1.style.borderColor="red"
   else
   tb1.style.borderColor="green"
   }
   setInterval("flashit()", 400)
   //-->
   </script>
  33,Q:JavaScript 实现的简单时钟:
    A:
   (1)在〈Head〉〈/Head〉之间放置以下脚本:
   <script language="JavaScript">
   <!--
   var timerID = null;
   var timerRunning = false;
   var id,pause=0,position=0;
   function stopclock ()
   { if(timerRunning)
   clearTimeout(timerID);
   timerRunning = false;
   }
   function showtime ()
   {
   var now = new Date();
   var hours = now.getHours();
   var minutes = now.getMinutes();
   var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
   timeValue += ((minutes < 10) ? ":0" : ":") + minutes
   timeValue += ((seconds < 10) ? ":0" : ":") + seconds
   timeValue += (hours >= 12) ? " P.M." : " A.M."
   document.clock.face.value = timeValue;
   timerID = setTimeout("showtime()",1000);
   timerRunning = true;
   }
   function startclock ()
   { stopclock();
   showtime();
   }
   //-->
   </script>
   (2)在〈Body〉属性中加
   (3)在〈Body〉〈/Body〉中间加
   <form name="clock">
   <div align="center">
   <center><p><input type="text" name="face" size="13" value></p></center>
   </div>
   </form>
   即可。

  34,Q:自动滚动屏幕文字:
    A:
   <Script Language="JavaScript">
   var position = 0;
   function scrollit()
   {
   if (position != 640 ){
   position++;
   scroll(0,position);
   clearTimeout(timer);
   var timer=setTimeout("scrollit()",25);
   timer;
   }
   }
   </Script>
   以上脚本加在〈Head〉〈/Head〉中间,再在〈BODY〉属性中加。
  35,Q:“下雨”JavaScript 脚本:
    A:将以下脚本放在〈Body〉〈/Body〉中间即可:
   <Script Language="JavaScript">
   <!-- Begin
   var no = 50;
   var speed = 1;
   var ns4up = (document.layers) ? 1 : 0;
   var ie4up = (document.all) ? 1 : 0;
   var s, x, y, sn, cs;
   var a, r, cx, cy;
   var i, doc_width = 800, doc_height = 600;
   if (ns4up) {
   doc_width = self.innerWidth;
   doc_height = self.innerHeight;
   }
   else
   if (ie4up) {
   doc_width = document.body.clientWidth;
   doc_height = document.body.clientHeight;
   }
   x = new Array();
   y = new Array();
   r = new Array();
   cx = new Array();
   cy = new Array();
   s = 8;
   for (i = 0; i < no; ++ i) {
   initRain();
   if (ns4up) {
   if (i == 0) {
   document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
   document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
   document.write(",</font></layer>");
   }
   else {
   document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
   document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
   document.write(",</font></layer>");
   }
   }
   else
   if (ie4up) {
   if (i == 0) {
   document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
   document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
   document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
   document.write(",</font></div>");
   }
   else {
   document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
   document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
   document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
   document.write("’</font></div>"); //设定雨点的字符
   }
   }
   }
   function initRain() {
   a = 6;
r = 1;
   sn = Math.sin(a);
   cs = Math.cos(a);
   cx = Math.random() * doc_width + 1;
   cy = Math.random() * doc_height + 1;
   x = r * sn + cx;
   y = cy;
   }
   function makeRain() {
   r = 1;
   cx = Math.random() * doc_width + 1;
   cy = 1;
   x = r * sn + cx;
   y = r * cs + cy;
   }
   function updateRain() {
   r += s;
   x = r * sn + cx;
   y = r * cs + cy;
   }
   function raindropNS() {
   for (i = 0; i < no; ++ i) {
   updateRain();
   if ((x <= 1) || (x >= (doc_width - 20)) || (y >= (doc_height - 20))) {
   makeRain();
   doc_width = self.innerWidth;
   doc_height = self.innerHeight;
   }
   document.layers["dot"+i].top = y;
   document.layers["dot"+i].left = x;
   }
   setTimeout("raindropNS()", speed);
   }
   function raindropIE() {
   for (i = 0; i < no; ++ i) {
   updateRain();
   if ((x <= 1) || (x >= (doc_width - 20)) || (y >= (doc_height - 20))) {
   makeRain();
   doc_width = document.body.clientWidth;
   doc_height = document.body.clientHeight;
   }
   document.all["dot"+i].style.pixelTop = y;
   document.all["dot"+i].style.pixelLeft = x;
   }
   setTimeout("raindropIE()", speed);
   }
   if (ns4up) {raindropNS(); }
   else
   if (ie4up) {raindropIE(); }
   // End -->
   </Script>

  36,Q:“地震”JavaScript 脚本:
    A:将以下脚本放在〈Body〉〈/Body〉中间即可:
   <script language="JavaScript1.2">
   <!--
   function shake(n)
   {
   if (window.top.moveBy)
    {for (i = 10; i > 0; i--)
     {for (j = n; j > 0; j--)
      {window.top.moveBy(0,i);
       window.top.moveBy(i,0);
       window.top.moveBy(0,-i);
       window.top.moveBy(-i,0);
      }
     }
    }
   }
   //-->
   </script>
   <form><input type="button" value="地震啦!"></form>   

  
  37,Q:一个用 JavaScript 实现的简陋的计算器:
    A:全部代码如下:
   <html>
   <head>
   <script language="JavaScript">
   <!--
   function compute(obj)
   {obj.expr.value = eval(obj.expr.value)}
   var one = '1'
   var two = '2'
   var three = '3'
   var four = '4'
   var five = '5'
   var six = '6'
   var seven = '7'
   var eight = '8'
   var nine = '9'
   var zero = '0'
   var plus = '+'
   var minus = '-'
   var multiply = '*'
   var divide = '/'
   var decimal = '.'
   function enter(obj, string)
   {obj.expr.value += string}
   function clear(obj, string)
   {obj.expr.value = ''}
   //-->
   </script>
   </head>
   <body>
   <form name="calc">
   <table border=1>
   <tr align="right">
   <td colspan=4><input name="expr" action="compute(this.form)"></td>
   </tr>
   <tr align=center>
   <td><input type="button" value=" 7 "></td>
   <td><input type="button" value=" 8 "></td>
<td><input type="button" value=" 9 "></td>
   <td><input type="button" value=" / "></td>
   </tr>
   <tr align=center>
   <td><input type="button" value=" 4 "></td>
   <td><input type="button" value=" 5 "></td>
   <td><input type="button" value=" 6 "></td>
   <td><input type="button" value=" * "></td>
   </tr>
   <tr align=center>
   <td><input type="button" value=" 1 ">
   <td><input type="button" value=" 2 ">
   <td><input type="button" value=" 3 ">
   <td><input type="button" value=" - "></td>
   </tr>
   <tr align=center>
   <td colspan=2><input type="button" value=" 0 ">
   <td><input type="button" value=" . "></td>
   <td><input type="button" value=" + "></td>
   </tr>
   <tr align=center>
   <td colspan=2><input type="button" value=" = "></td>
   <td colspan=2><input type="button" value=" AC " size= 3></td>
   </tr>
   </table>
   </form>
   </body>
   </html>      

38,Q:在网页上实现“预览图”:
     A:网页制做时,大的图片会消耗较长的下载时间,为了不使浏览者失去耐心,可以采用“预览图”(low source)的办法,即先下载一个“low source”,然后再下载真正需要显示的图片。在 Html 文档中标注“low source”的方法为:〈img src="需要显示的图片" lowsrc="预览图" width="x" height="y"〉(其中 width 和 height 是需要显示的图片的宽度和高度。如果不加 width 和 height 属性,浏览器视为以较小图片作为长宽尺寸。)
实现“预览图”还有一个方法,就是将预览图做成一个链接,如果用户愿意,可以点击它,再观看真正的图片,格式是:
<a href="需要显示的图片"><img src="预览图" width=x height=y border=0></a>     
39,Q:闪亮的链接:
     A:
     <a href="linkto" name="link1" style="text-decoration:underline;color:green;">闪亮的链接</a>
     <script language="JavaScript">
     <!-- 这段脚本放在链接的后面
     function flashit()
     {
     if (!document.all) return
     if (link1.style.color=="green")
       link1.style.color="red"
     else
       link1.style.color="green"
     }
     setInterval("flashit()", 400)
     //-->
     </script>     
40,Q:在网页中添加“添加到收藏夹”“设为首页”功能(似乎只能在 IE5.0 以上版本使用?):
     A:添加到收藏夹:〈a href="javascript:window.external.addFavorite('http://链接','说明');"〉添加到收藏夹〈/a〉
设为首页:〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://链接');〉设为首页〈/a〉      
41,Q:定制浏览器地址栏前的小图标:
     A:在网页的〈head〉〈/head〉间加入以下语句:〈link rel="shortcuticon" href="http://…/icon.ico"〉即可。其中 icon.ico 为 16x16 的图标文件,颜色不要超过 16 色。      
42,Q:给超链接、表单、表格等网页元素加上动态说明:
     A:网页中的图片可以用〈img alt="说明"〉 加上注释,其它元素页可以加上注释说明,方法是用 title 属性。如:
〈a href="" title="说明"〉;〈input title="说明"〉;〈table title="说明"〉…〈/table〉      
43,Q:用曾叠式样式表(css)定制按钮的鼠标形状(cursor):
     A:<input type="button" style="cursor:hand;">,这样,当鼠标移到按钮上时,会变成一个“手”形,和移到超级链接上一样。cursor 后的参数很多,列在下边:
     hand   手型
     crosshair   十字型
     text   移动到文本上的那种效果(I 形)
     wait   等待的那种效果(沙漏)
     default   默认效果
     help   问号
     e-size   向右的箭头
     ne-resize   向右上的箭头
     n-resize   向上的箭头
     nw-resize   向左上的箭头
     w-resize   向左的箭头
     sw-resize   向左下的箭头
     s-resize   向下的箭头
     se-resize   向右下的箭头
     auto   由系统自动给出效果       44,Q:在网页页面上显示 html 代码:
     A:要在 html 代码中放置 html 文本显然是不行的,因为你放在 html 中的 html 文本会相互混淆起来,产生严重的错误。如果 html 文本很少,可以将其中的〈 〉用全角的〈 〉代替;如果文本很长,将它门放在标签〈xmp〉〈/xmp〉中,这是专门用来显示 html 文本的标签。与此相关的一个问题是:有时从网页上“挖”下来的 html 代码,放在 html 文件中浏览时,显示的全是 html 代码,就是因为他们制做网页时将标签的大于号、小于号用全角的〈、〉代替了。     
     A:当浏览者停留在一个网站的主页上时,其它页面的下载是停止的,这样时间就白白浪费了。我们可以将主页分成两个帧,一个帧显示主页,将另一个帧隐藏后“偷偷”地下载其它页面,在硬盘里缓存起来。这样,当浏览者浏览到别的页面时,浏览器就是从硬盘里调用数据了。       45,Q:加速网页加载的技巧:  

46,Q:让网页的背景图片动起来(Vbscript):
     A:
       <SCRIPT language="VBScript">
         dim c,numgc
         c=-100000
         numgc=document.body.sourceIndex
         sub SF
          c=c+2
          Document.all(numgc).style.BackgroundPosition="0 " & c
          id=SetTimeOut("SF",64,"VBScript")
         end sub
         SF
       </SCRIPT>      

47,Q:用 JavaScript 控制浏览器窗口大小:
     A:有时候,我们需要控制显示窗口的大小,这当然能够通过点击窗口右上角的控制按钮来实现。但是,能否在页面中通过链接来实现呢?答案是:能!请看下面的代码:
      <SCRIPT LANGUAGE="JavaScript">
       function Minimize()
       {
       window.innerWidth = 100;
       window.innerHeight = 100;
       window.screenX = screen.width;
       window.screenY = screen.height;
       alwaysLowered = true;
       }
       function Maximize()
       {
       window.innerWidth = screen.width;
       window.innerHeight = screen.height;
       window.screenX = 0;
       window.screenY = 0;
       alwaysLowered = false;
       }
      </SCRIPT>
      <A HREF="javascript:onClick=Minimize()">Minimize</A>
<A HREF="javascript:onClick=Maximize()">Maximize</A>
  上面的代码包含 2 个函数,先来看看第 1 个。函数 Minimize 中使用 innerWidth 和 innerHeight 2 个命令在象素级别上控制窗口尺寸大小,这里将窗口设置为宽 100 高 100。然后,设置窗口的起始位置,定位大小为屏幕的宽和高,这样,使用 alwaysLowered 命令就将窗口缩小并移动到了屏幕的右下角。触发事件是一个 JavaScript 链接 〈A HREF="javascript:onClick=Minimize()"〉Minimize〈/A〉。同时,上述代码可以用于设置屏幕的任何分辨率。
  注意,当在页面上应用这个功能时,请将那 2 个触发事件的链接放置在页面的左上角,这样,当窗口缩小到右下角时,它们也不会消失。      

48,Q:网页的定时转向和定时刷新?
     A:在网页的 <Head></Head> 间加入 <meta http-equiv="refresh" content="10; url=http://……"> 就会使网页在 10 秒后自动转向到网址 http://…… 去。特殊情况是,如果没有 url=…… 一项,网页就会每隔 10 秒自我刷新一次 -- 最初的聊天室就使用了这种技术,但屏幕看起来有些闪烁感。      
   49,Q:上传主页的一个技巧:
     A:如果你做主页时是假设网站的主文件为 index.htm,网页中的所有链接也默认主页为 index.htm。但当你上传主页时发现网站的主文件为 index.html,那么你是不是需要一个一个地去修改许多网页中的链接呢? NO! 这时你只要在网站建立一个 index.html 文件,其中放以下一条语句就可以了:
      <meta http-equiv="refresh" content="0; url=index.htm">
    那么,如果你做主页时假设网站的主文件为 index.html,而上传主页时发现网站的主文件为 index.htm 时怎么办呢? …… “To be,or not to be,this is a question.”     
50,Q:在网页中实现下拉弹出菜单:
     A:下拉弹出菜单用 Javascript 构造,原代码及效果      


发表于 2014-4-3 22:02:37 | 显示全部楼层
确实不错,顶先
发表于 2014-4-13 12:26:07 | 显示全部楼层
沙发!沙发!
发表于 2014-4-27 20:34:06 | 显示全部楼层
帮帮顶顶!!
发表于 2014-4-28 22:59:51 | 显示全部楼层
沙发!沙发!
发表于 2014-5-1 23:39:12 | 显示全部楼层
写的真的很不错
发表于 2014-5-5 11:43:49 | 显示全部楼层
学习了,不错,讲的太有道理了
发表于 2014-5-31 22:15:28 | 显示全部楼层
路过,支持一下啦
发表于 2014-5-31 22:38:17 | 显示全部楼层
小手一抖,钱钱到手!
发表于 2014-7-26 21:57:04 | 显示全部楼层
帮你顶下哈!!
您需要登录后才可以回帖 登录 | 会员注册 微信登录

本版积分规则

QQ|小黑屋|手机版|校园黑板墙 ( 粤ICP备19158500号 公安备案号44098102441052 )

GMT+8, 2024-5-17 13:24 , Processed in 0.043761 second(s), 19 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表