校园黑板墙

 找回密码
 会员注册

微信登录

微信扫一扫,快速登录

查看: 1995|回复: 59
收起左侧

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

   关闭 [复制链接]
发表于 2014-4-4 10:36:21 | 显示全部楼层 |阅读模式
51,Q:为什么用 FrontPage 做的网页在有的网站上显示不正常?
     A:如果用 FrontPage 做的网页使用了 FrontPage 扩展特性,且放在了用 Unix、Linux 建立的网站上,就会显示不正常,丢失一些特性。因为 FrontPage 扩展特性是基于 Windows 系列操作系统的。避免办法就是……“因噎废食”了。      52,Q:让 IE 浏览器的标题条文字动起来?
     A:在网页的 <head></head> 之间加入以下 VbScript 脚本即可:
      <Script language="vbscript">
       msg="新世纪学园"
       l=len(msg)
       i=l-3
       sub movetitle()
        title=right(msg,l-i)+left(msg,i)
        top.document.title=title
        i=(i+1) mod l
      end sub
      speed = 10 '毫秒
      a=setInterval("movetitle()",speed)
     </Script>     
53,Q:网页中 IFRAME 帧的使用(在网页中构造小“窗口”方法之一):
     A:用标签 <IFRAME></IFRAME> 可以在网页中构造小“窗口”,显示指定 URL 的网页,语法如下:
     <IFRAME SRC="" width="500" height="200" marginwidth="0" marginheight="110" hspace="10" vspace="20" frameborder="0"  scrolling="1">
     </IFRAME>
    (注1:可以用此法在网页中制作网页效果演示。
     注2:相关知识:如果要在网页中开一个“窗口”,显示一段文本,可以使用:
    <form>
     <textarea name="S1" rows="高" cols="宽"></textarea>
    </form>)     
54,Q:在网页中构造小“窗口”方法之二: 使用 ActiveX 控件:
     A:
     <object id="browserIcons" classid="clsid:EAB22AC3-30C1-11CF-A7EB-0000C05BAE0B" align="baseline" border="0" width="452" height="161">
      <param name="Location" value="http://100000.home.sohu.com">
      <param name="AlignLeft" value="0"><param name="AutoSize" value="0">
      <param name="AutoSizePercentage" value="10">
      <param name="AutoArrange" value="1">
<param name="NoClientEdge" value="1">
      <param name="ViewMode" value="0">
     </object>      

55,Q:当鼠标移动到表格上时,表格背景色改变:
     A:在网页的 <body></body> 之间放如下代码即可实现:
     <script language="javascript">
     <!--
     function mOvr(src,clrOver)
     {
     if(!src.contains(event.fromElement))
     {src.style.cursor='hand';
     src.bgColor = clrOver;
     }
     }
     function mOut(src,clrIn)
     {
     if(!src.contains(event.toElement))
     {src.style.cursor='default';
     src.bgColor=clrIn; }
     }
     function mClk(src)
     { //执行单元格中的链接
     if(event.srcElement.tagName=='TD')
     {src.children.tags('A')[0].click();}
     }
     //-->
     </script>
     <table border="1" align=center>
     <tr>
     <td align="middle" height="17">
     <a href="http://100000.home.sohu.com" target="_blank" class="nav">链接变色</a>
     </td>
     </tr>
     <tr>
     <td>无链接变色</td>
     </tr>
     </table>     
56,Q:打开网页时自动弹出欢迎窗口:
     A:
     <script language="JavaScript">
      function Info()
      {if(!confirm("这是一个自动弹出的欢迎窗口" + "\n\n欢迎光临\n\n你可以试着加上一些其它的信息。"+"\n\n请按确定进入本页\n"+
      "\n按取消将返回上一页\n"))
      history.go(-1);
      return " "
     }
     document.writeln(Info()) //触发执行 Info() 函数
    </script>      
57,Q:鼠标触发网页的链接文字动态大小变化:
     A:在网页的 <head></head> 之间加入以下样式表代码即可(免去了烦人的 Javascript 脚本):
      <style type="text/css">
      <!--
      A:visited {text-decoration:none; font-size:9pt; font-family:新细明体}
      A:hover {text-decoration:underline; font-size:15pt; font-family: 黑体; color:ffffff; background-color:rgb(01,221,66)}
      -->
      </style>      
58,Q:为什么用 FrontPage 做的主页有时会显示为乱码?
     A:看看主页的 <head></head> 之间是否有 <meta charset=gb2312> 字样,加上它就好了(它自动将 IE 浏览器的文字编码设置为“简体中文”。如果没有前述语句,则必须手动设置才能看清网页内容)。     
59,Q:在网页上显示你是否 O'ICQ 在线:
     A:在网页上加入 <img src=http://icon.tencent.com/9265822/s/ alt="On/Off O'ICQ"> 语句即可向浏览者显示你现在是否正连在 O'ICQ 上。其中 9265822 是 O'ICQ 号码,可以更换,s 换成 l 则显示大图标。还可以形如
    <a href="http://search.tencent.com/cgi-bin/friend/user-show-info?ln=9365822">
      <img src=http://icon.tencent.com/9265822/s/alt="On/Off O'ICQ">
    </a>
来显示你的 O'ICQ 个人资料。     
60,Q:将样式表(css)加到你的网页中的几种方法:
     A:(1)、将样式表置入 HTML 文件头部:
      <STYLE TYPE="text/css">
      <!--
      H1 {color: green; font-family: impact}
      P {background: yellow; font-family: courier}
      -->
      </STYLE>
     (2)、将一个外部样式表定义文件链接到 HTML 文件上:
      <HEAD>
      <LINK REL=stylesheet href="mystyles.css" TYPE="text/css">
      </HEAD>
   文件 mystyles.css 的内容如下:
       H1 {color:green; font-family:impact}
      P {background:yellow; font-family:courier}
     (3)、将一个外部样式表定义文件输入到 HTML 文件中:
      <STYLE TYPE="text/css">
      <!--
      @import url(company.css);
      H1 { color: orange; font-family: impact}
      -->
      </STYLE>
   其中 company.css 文件内容如下:
      H1{color:green; font-family:times}
      P{background:yellow; font-family:courier}
     (4)、将样式表加入到 HTML 文件行中:
      如:<H1 STYLE="color: orange;font-family:楷体_gb2312>HTML中的样式表</H1>
     (注意:如果一个网页中同时使用了以上 4 种方法,那么它们的优先级从高到低是 4-3-2-1。)      
61,Q:自动显示网页的最后更新日期:
     A:将以下代码放入网页中,会根据网页文件的存盘时间自动显示网页的更新日期:
      <script>document.write(document.lastModified)</script>      

62,Q:仿 Outlook2000 导航菜单
     A:请参看示例……
63,Q:用 css 和 javascript 定制按钮
     A:请参看示例……     
64,Q:样式表单图片动画效果示范
     A:请参看示例……      
65,Q:数字时钟(示例一)
     A:请参看示例……      
66,Q::数字时钟(示例二)
     A:请参看示例……      
67,Q:网页中仿制“每日一贴”(Tip of day)示例
     A:请参看本网站首页底部“$帮助”的制作方法   &Auml;下载原始代码      
68,Q:网页中的滚动菜单示例:
     A:请参看示例网页……      
69,Q:用 Jsp 调用 oracle 的存储过程
     A:假定存储过程名字为 sp_yourprocedurename,有两个参数
      CallableStatement cstmt = con.prepareCall("{call sp_yourprocedurename(?,?}");
      cstmt.registerOutparameter(2,java.sql.Types.FLOAT);
      cstmt.setint(1,parameter1);
      cstmt.execute();
      out.println("Procedure output is :"+cstmt.getFloat(2));      
70,Q:用 PHP 获得浏览器信息?
     A:
      GET /temp.php HTTP/1.1
      Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*
      Referer: http://199.199.199.5/index.php
      Accept-Language: zh-cn,zh-tw;q=0.5
      Accept-Encoding: gzip, deflate
      User-Agent: Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; DigExt)
      Host: www.bingdu.org
      Connection: Keep-Alive
      Cookie: PHPSESSID=46bb38ce8d7b870dd704bca7ad6071ca
      $var = getenv("$string");
      $string 就是以下一些值了:
      HTTP_ACCEPT //接收的数据类型。
      HTTP_REFERER //引用地址
      HTTP_USER_AGENT //流览器
      HTTP_ACCEPT_LANGUAGE //流览器语言HTTP_HOST //主机地址
      HTTP_CONNECTION //连接状态
      HTTP_COOKIE //COOKIE      

71,Q:如何将一个表单同时提交到两个地方处理(以 PHP 为例)?
     A:
      <script language=javascript>
       function dosubmit()
        {window.open('first.php?var1='+window.form1.var1.value+'&var2='+window.form1.var2.value);
         window.open('second.php?var1='+window.form1.var1.value+'&var2='+window.form1.var2.value);
         return false;
        }
      </script>
      <form name=form1>
       <input name=var1>
       <input name=var2>
       <input type=submit>
      </form>
      72,Q:IE5.x 快捷操作技法大放送
     A:
   (一)、打印操作技巧
  1、要打印文档,用户可以将 Internet 快捷方式拖动到桌面的打印机图标上;
  2、要迅速打印 Web 页的某个框架,可右单击该框架,然后单击“打印”选项;
  3、用户可以打印出与 Web 页相连的所有链接的列表。在“打印”对话框中,单击“打印链接列表”;
  4、用户可以打印指定 Web 页上所链接的所有文档。在“打印”对话框中,单击“打印所有链接的文档”;
  5、要打印当前页或活动框架,请按 Ctrl+ P组合键。
   (二)、地址栏操作技巧
  1、要显示用户在地址栏中键入过的 Internet 地址,请按 F4键;
  2、在地址栏中,按 Ctrl+ ← 组合键,就可以让光标以地址部分为单位迅速向后移动;
  3、在地址栏中,按 Ctrl+ → 组合键,就可以让光标以地址部分为单位迅速向前移动;
  4、用户可以在地址栏中键入收藏页的友好名称,然后在出现的自动完成列表中选择网页名称;
  5、要从地址栏中搜索,可在某单词或词语之前键入go, find,或?,然后按 Enter 键;
  6、按 Alt + D组合键,可以将光标移到地址栏中。
  7、 用户可以在地址栏中键入某个单词,然后按 Ctrl+ Enter 组合键,可在单词的两端自动添加 http://www. 和 .com。
   (三)、工具菜单操作技巧
  1、要将主页更改为用户当前打开的网页,可单击“工具”菜单,单击“Internet 选项”,然后单击“使用当前页”按钮;
  2、若要通过删除临时文件来释放硬盘空间,则单击“工具”菜单,单击“Internet选项”,然后单击“删除文件”按钮;
  3、要更改 Web 页上链接的颜色,请单击“工具”菜单,单击“Internet选项”,然后单击“颜色”按钮;
  4、单击“工具”菜单,然后单击“Windows Update”,可以安装其他 Internet Explorer 组件;
  5、要调整存放 Internet 临时文件的硬盘空间,请单击“工具”菜单,单击“Internet选项”,然后单击“设置”按钮。
   (四)、收藏夹操作技巧
 1、单击“收藏”菜单,然后单击“整理收藏夹”,可以将文件夹添加到收藏夹列表中;
  2、右键单击“收藏夹”或链接列表中的某快捷方式,然后单击“删除”,可以将其删除;
  3、要更改收藏站点的脱机属性,可右键单击收藏列表中的项目,然后单击“属性”;
  4、要筛选用户的计算机可以显示哪些 Web 站点,请单击“工具”菜单,单击“Internet 选项”,单击“内容”选项卡,然后单击“启用”。
   (五)、窗口操作技巧
  1、按 F11 可以在 Internet Explorer 常规大小窗口和全屏幕模式之间切换;
  2、按 Ctrl+W 可以关闭当前窗口;
  3、按 Ctrl+N 可以新建窗口。
   (六)、Web 操作技巧
  1、在某页上单击右键,然后单击“创建快捷方式”,就可以迅速创建该 Web 页的快捷方式并放在桌面上;
  2、要查看某 Web 页是如何编码的,可在该页上单击右键,然后单击“查看源文件”,即可获得某Web页的源编码;
  3、要放大或缩小 Web 页上的文字,单击“查看”菜单,然后单击“文字大小”。按 F5键刷新屏幕;
  4、要迅速将 Web 页保存到用户的收藏夹列表,请按 Ctrl+D组合键;
  5、单击“文件”菜单,指向“发送”,然后单击“电子邮件页面”,可以在电子邮件中发送 Web 页;
  6、Web 图片和背景可以做成美妙的桌面墙纸,只要右键单击用户想要的图片,然后单击“设置为墙纸;
  7、要保存网页或图片而不将其打开,请右键单击用户想要的链接,然后单击“目标另存为”;
  8、要迅速加载 Web 页,请单击“工具”菜单,单击“Internet选项”,再单击“高级”选项卡,然后关闭声音和图片;
  9、要查看会话过程中用户所键入的所有 Internet 地址链接,请单击地址栏右端的小向下箭头;
      10、用户可以为每个 Web 站点设置不同的安全级别,单击“工具”菜单,单击“Internet选项”,然后单击“安全”选项卡;
  11、要在 Web 页上搜索某单词或词组,请按 Ctrl+ F组合键,打开“查找”对话框;
  12、单击工具栏上的“历史”按钮,可以看到用户最近访问过的 Web 站点的列表;
  13、如果用户想了解如何使用 World Wide Web,请单击“帮助”菜单,然后单击“教程”;
  14、在某Web页上单击右键,然后单击“创建快捷方式”,就可以迅速创建该 Web 页的快捷方式并放在桌面上;
  15、按 F5 键刷新,可以保证用户正查看的 Web 页包含最新的内容;
  16、如果用户使用的电子邮件程序是 Microsoft Outlook 或 Outlook Express,那么用户就可以将 Internet 快捷方式拖动到电子邮件中;
  17、将指向 Web 页的快捷方式拖动到链接栏中,可以只单击一次就打开用户经常访问的 Web 页;
  18、要停止下载网页,请按 Esc 键;
  19、要取消 Web 页链接中的下划线,请单击“工具”菜单,单击“Internet选项”,然后单击“高级”选项卡。

      73,Q:制作网页的目录式导航菜单
     A:
(一)、把如下代码加入<head></head>区域中
<head>
<SCRIPT language=javascript>
<!--
function out()
{
if(window.event.toElement.id!="menu" && window.event.toElement.id!="link")
menu.style.visibility="hidden";
}
function out1()
{
if(window.event.toElement.id!="menu1" && window.event.toElement.id!="link")
menu1.style.visibility="hidden";
}
//-->
</SCRIPT>
</head>
(二)、把如下代码加入<body>区域中
<div id="back" style="position:absolute;top:180;left:310;width:160;height:40;z-index:1;visibility:visible;">
<span id="menubar">
<font color=red size=2>菜单
</span>
<div border=1 id="menu" style="position:absolute;top:15;left:0;width:50;height:10;z-index:2;visibility:hidden;">
<a id="link" href="rjxz.htm">软件下载</a>
<a id="link" href="yxxz.htm">有喜下载</a>
<a id="link" href="hjsj.htm">黄金书记</a>
<a id="link" href="mntk.htm">美女偷裤</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH</a>
</div>
</div>
<div id="back" style="position:absolute;top:180;left:370;width:160;height:40;z-index:3;visibility:visible;">
<span id="menubar">
<font color=red size=2>菜单
</span>
<div border=1 id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">
<a id="link" href="rjxz.htm">软件下载</a>
<a id="link" href="yxxz.htm">游戏下载</a>
<a id="link" href="hjsj.htm">黄金书籍</a>
<a id="link" href="mntk.htm">美女图库</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH动画欣赏</a>
</div>
</div>
   74,Q:网页文字颜色的搭配技巧
     A:对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但是,浏览一下大型的商业网站,你会发现他们更多运用的是白色、蓝色、黄色等,使得网页显得典雅,大方和温馨。更重要的是,这样可以大大加快浏览者打开网页的速度。
  一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅。而为了追求醒目的视觉效果,可以为标题使用较深的颜色。下面是我做网页和浏览别人的网页时,对网页背景色和文字色彩搭配积累的经验,这些颜色可以做正文的底色,也可以做标题的底色,再搭配不同的字体,一定会有不错的效果,希望对大家在制作网页时有用。
  Bgcolor:″#F1FAFA″——做正文的背景色好,淡雅
  Bgcolor:″#E8FFE8″——做标题的背景色较好,与上面的颜色搭配很协调
  Bgcolor:″#E8E8FF″——做正文的背景色较好,文字颜色配黑色
  Bgcolor:″#8080C0″——上配黄色白色文字较好
  Bgcolor:″#E8D098″——上配浅蓝色或蓝色文字较好
  Bgcolor:″#EFEFDA″——上配浅蓝色或红色文字较好
  Bgcolor:″#F2F1D7″——配黑色文字素雅,如果是红色则显得醒目
  Bgcolor:″#336699″——配白色文字好看些
Bgcolor:″#6699CC″——配白色文字好看些,可以做标题
  Bgcolor:″#66CCCC″——配白色文字好看些,可以做标题
  Bgcolor:″#B45B3E″——配白色文字好看些,可以做标题
  Bgcolor:″#479AC7″——配白色文字好看些,可以做标题
  Bgcolor:″#00B271″——配白色文字好看些,可以做标题
  Bgcolor:″#FBFBEA″——配黑色文字比较好看,一般作为正文
  Bgcolor:″#D5F3F4″——配黑色文字比较好看,一般作为正文
  Bgcolor:″#D7FFF0″——配黑色文字比较好看,一般作为正文
  Bgcolor:″#F0DAD2″——配黑色文字比较好看,一般作为正文
  Bgcolor:″#DDF3FF″——配黑色文字比较好看,一般作为正文
  浅绿色底配黑色文字,或白色底配蓝色文字都很醒目,但前者突出背景,后者突出文字。红色底配白色文字,比较深的底色配黄色文字显得非常有效果。
以上配色方案仅供参考。  

     75,Q:IFRAME 标签的属性参数
     A:
    <Iframe src="example.htm" width="300" heitht="100"></IFRAME>
     example.htm 是被嵌入的页面,标签 <IFRAME> 还有一些可用的参数设置如下:
     marginwidth:网页中内容在表格右侧的预留宽度;例如:marginwidth="20",单位是 pix,下同。
     marginheight:网页中内容在表格顶部预留的高度;
     hspace:网页右上角的的横坐标;
     vspace:网页右上角的纵坐标;
     frameborder:是否显示边缘;填"1"表示"是",填"0"表示"否"
     scrolling:是否出现滚动条;填"1"表示"是",填"0"表示"否"   
   76,Q:使用表格时应注意那些问题?
     A:1、整个表格不要都套在一个表格里,尽量拆分成多个表格,可以加快显示速度;
    2、表格的嵌套层次尽量要少,最好嵌套表格不超过 3 层,这样可以加快浏览器解释 html 脚本代码的时间;
    3、单一表格的结构尽量整齐;
    4、表格的 width=100% 可以使表格适应浏览器不同的分辨率;
    5、用表格进行版面布局比用层来得更好一些。
    6、同时设定表格背景图片和颜色。有一些版本的浏览器不显示表格背景图形,只显示缺省背景颜色,有的访问者关闭了多媒体图形选项来浏览,为了满足这部分来访者,最好同时设定表格背景图片和颜色;   
   77,Q:Javascript 文字特效一例
     A:
<script language="JavaScript">
text = "新世纪学园"; //显示的文字
color1 = "blue"; //文字的颜色
color2 = "red"; //转换的颜色
fontsize = "8"; //字体大小
speed = 200; //转换速度 (毫秒)
i = 0;
if (navigator.appName == "Netscape") {
document.write("<layer id=a visibility=show></layer><br><br><br>");
}
else {
document.write("<div id=a></div>");
}
function changeCharColor()
{if (navigator.appName == "Netscape") {
document.a.document.write("<center><font face=arial size =" + fontsize + "><font color=" + color1 + ">");
for (var j = 0; j < text.length; j++) {
if(j == i){document.a.document.write("<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>");}
else {document.a.document.write(text.charAt(j));}
}
document.a.document.write('</font></font></center>');
document.a.document.close();
}
if (navigator.appName == "Microsoft Internet Explorer") {
str = "<center><font face=arial size=" + fontsize + "><font color=" + color1 + ">";
for (var j = 0; j < text.length; j++) {
if( j == i) {
str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>";
}
else {
str += text.charAt(j);
}
}
str += "</font></font></center>";
a.innerHTML = str;
}
(i == text.length) ? i=0 : i++;
}
setInterval("changeCharColor()", speed);
</script>   
   78,Q:解决 DW4 普通文本的汉字输入问题
     A:这是 DW4 的一个大问题。即使把 coding 设成 gb, 输入中文时,用中文字体,也不能解决。在使用之中发现,全拼输入、紫光拼音等比较正常,但用五笔等输入法时就会出问题:无论你打多少字,它都会用后一个字覆盖前一个字,让你的页面始终只有一个字。另一种情况是,在某些光标位置可以输入,有些又不行。对这个问题,现在似乎还没有很完美的解决办法。笔者试推荐以下方法:
1、更换另一种输入法,即全拼输入、紫光拼音、拼音加加等;
    2、直接将中文文本信息拷贝进去;
    3、有时可输入,有时不可输入的情况,请点击一下 DW4 的标题和属性栏就可以输入了;
    4、系统采用中文的 Windows9x 或 Windows ME。  

     79,Q:解决 DW4 中 Flash 文字和按钮的汉字输入问题
     A:DW4 中加强了与 Flash 的直接交互,比如直接制作 Flash 的文字和按钮、直接浏览插入的 Flash 文件(按属性栏中的三角形播放键)等等。就算你不会使用 Flash 也可以在 Dreamweaver 中直接插入 Flash 动画格式的文字或按钮,只要简简单单输入文字就可以了。比起传统的点阵图文字或按钮,档案更小、更漂亮。但遗憾的是,其中输入的文字不支持中文!没办法,还是直接用 Flsah 软件制作,况且在 Flash5 中作一个类似 DW4 中的中文按钮并不难。
     80,Q:解决 DW4 表格的亮暗边问题
     A:原来的 DW3 可以做表格的阴影效果,可是 DW4 却不行了,因为属性板上没有了 borderlight 和borderdark 的输入框。可以用以下二种方法来变通解决:
  1、内外边框的颜色可以用鼠标来选择。从表格的上方或者左方选择表格,鼠标会变成一个向下或向左的箭头形状,这时你就可以选中表格单元的内边框了。这是再设定属性栏中“Border” 的颜色即可。这样可以设定表格单元的内边框为不同颜色了。把 cellspace 设的大一点,效果将更明显。
    2、直接编辑 html 源代码解决。
     81,Q:解决 DW4 的空格输入问题
     A:DW4 不能输入空格,这是 DW3 就有的老问题了。这里提供三种解决办法:
  1、输入全角空格。如果你用的是“智能ABC”的拼音输入的话,请按 SHIFT+空格,这时输入法的属性栏上的半月形就变成了圆形了,然后再敲空格键,空格就出来了。
    2、你也可以在输入的时候直接按 CTRL+SHIFT+空格,连按 4 次,就可以得到两个汉字大小的空格。
    3、将属性栏中的 FORMAT 设定为 Preformatted 后,就可直接输入空格。
      82,Q:解决 DW4 字体设定不能保存的问题
     A:DW4 里面的字体、文字大小设定(Edit-Preferences-Font/Encoding)不能保存,怎么解决? 只有修改注册表,方法是在注册表主键 HKEY_CURRENT_USER\Software\Macromedia\Dreamweaver 4\Font Preferences 下建立 "Number Encodings"=dword:0000000c 和 "Default Encoding"=dword:00000005。  
     83,Q:用 css 代码构造三维字
     A:
    <HTML>
     <HEAD>
     <STYLE type=text/css>
     .3dfont {COLOR:#0000ff; FILTER:glow(color=ffffff,strength=1) shadow(color=dedede,direction:100); POSITION:relative; WIDTH:100%}
     </STYLE>
     </head>
     <body>
      <font size=24 class=3dfont>这是三维字体</font>
      <font size=24>这不是三维字体</font>
     </body>
      84,Q:IE 的 HTC-behavior 文件
     A:HTML 组件是 Internet Explore 5.5 主要的、革命性的新特征之一。Microsoft 的目的是用它取代 ActiveX 控件。HTML 组件是封装的对象,也像 ActiveX 控件一样是“自包含”的,可以在开发完后发布给任何人。使用 HTML 组件有很多好处。
  ActiveX 控件的一个缺点是:在使用前必须在客户机上安装注册。而 HTML 控件是和主文档一样随时由用户下载到客户机的。对于 DHTML 作者来说,HTML 控件更有吸引力,因为他们可以使用已经很熟悉的语言 DHTML 来开发自己的控件和组件。
  HTC 提供了一种简单的机制在脚本中实现 DHTML 行为。一个 HTC 文件就是一个以 .htc 为扩展名存储的 HTML 文件,它包含脚本和一组 HTC 特有的自定义元素。这些元素描述了 HTML 组件定义的属性、方法和事件。在脚本中可以通过它们各自的 ID 属性访问所有 HTC 元素。这样,可以通过脚本动态操纵 HTC 元素的所有属性和方法。
我们能用 HTC 实现以下行为:
  描述属性和方法:通过 PROPERTY 和 METHOD 元素定义属性和方法;
  描述自定义事件:通过 EVENT 元素定义,使用元素的 fire() 方法在它们所在的页面里引发这些事件。事件的环境可以通过 createEventObject() 方法设置;
  在它们所在的页面里访问 DHTML 对象模型:HTC 中的 object 元素返回它所附属的元素,通过这个对象,HTC 能访问他所在的文档及其对象模型(属性、方法和事件)。
  接受通报:当使用 ATTACH 元素时,浏览器向 HTC 通报标准 DHTML 事件和两个 HTC 专有 事件,oncontentready 和 ondocumentready。
  HTC 封装了行为的定义,Internet Explorer 5.0 首先提出了行为这个概念。在 Internet Explorer 5.0 概览中介绍了行为这个概念。在 HTC 中使用行为封装的好处是不能从它们的元素标记中将它们删掉。在 IE 5.0 里,可以通过脚本从元素中除去行为。在 IE 5.5 里,元素始终存在,并且不能将它们和原来的行为分开。
      85,Q:当刷新或关闭 IE 时打开一个窗口
     A:
    <head>
     <script>
      function openwin()
      { window.open('apage.htm')}</script>
    </head>
    <body>  

     86,Q:网页中应用 open 函数打开窗口的一个技巧
     A:window.open 函数应用在链接中可以有 2 种形式,即 <a href="javascript:window.open('page.htm','','')">…</a>
和 <a href=#>…</a>
    但当该链接所在的网页在帧中时,就只能使用第二种,第一种会多产生 1 个包含无用信息的窗口。此外,第二种方法对于用图片做超链接也很方便,形式为 <img src="图片文件">
     87,Q:把滚动条放在浏览器窗口的左边
     A:在 <body> 中加 dir=RTL,即 <body dir=RTL>。注意对于已经排好版的网页,会使网页左右产生镜像颠倒。实际上 RTL 即 Right to Left 的意思,它规定了网页中的文字方向。正常的网页文字方向默认为 LTR。
      88,Q:怎样把 PHP 的一个数组传递给 javascript 的一个数组?
     A:用 javascript 定义一个数组比如 list=new array(),在 php 中有一个数组 $a[],如果要把数组 $a[]的值传递给 list 怎么办呢?
    <?php
    echo "<script language=javascript>";
    echo "list=new Array();";
    for(i=0;i<count($a);i++)
    { echo "list=" . $a[$i];}
    echo "</script>";
    ?>
    以上代码只是表述一个思想,其实在 Asp、Jsp 中也同样可以借鉴使用。
      89,Q:网页上传后为什么看不到更新效果?
     A:如果上传真的没有问题的话,请删掉本地机器中的网页临时缓冲文件试试。同时,有些网站(如 China.com)要在更新几十分钟到几小时之后才能看到更新结果。
      90,Q:在 IE 子窗口能调用父窗口的函数(function)吗?
     A:可以。例如,父窗口这样写:
    ……
        <head>
     <script> function F() { alert("父窗口函数"); } </script>
    </head>
    <body>
     <input type=hidden id=F1>
    在子窗口中这样写:
     <input type=button value="执行父窗口函数">
    或者干脆这样写:<input type=button value="执行父窗口函数2">
     91,Q:在 Windows 桌面上建立网站链接的快捷方式
     A:
    <script language="Javascript">
     var WshShell = new ActiveXObject("WScript.Shell");
     strDesktop = WshShell.SpecialFolders("Desktop");
     var oUrlLink = WshShell.CreateShortcut(strDesktop + "\新世纪学园.url");
     oUrlLink.TargetPath = "http://www.QQet.net";
     oUrlLink.Save();
    </script>
     92,Q:在桌面上建立应用程序的快捷方式
     A:以在桌面上建立 Notepad.exe 的快捷方式为例:
    <Script language="Javascript">
     var WSHShell = WScript.CreateObject("WScript.Shell");
     //Read desktop path using WshSpecialFolders object
     var DesktopPath = WSHShell.SpecialFolders("Desktop");
     //Create a shortcut object on the desktop
     var MyShortcut = WSHShell.CreateShortcut(DesktopPath + "\notepad 的快捷方式.lnk");
     //Set shortcut object properties and save it
     MyShortcut.TargetPath = WSHShell.ExpandEnvironmentStrings("%windir%\notepad.exe");
     MyShortcut.WorkingDirectory = WSHShell.ExpandEnvironmentStrings("%windir%");
     MyShortcut.WindowStyle = 1;
     MyShortcut.Description = "Shortcut Script 脚本";
     MyShortcut.Hotkey = "CTRL+Alt+F";
     MyShortcut.IconLocation = WSHShell.ExpandEnvironmentStrings("%windir%\notepad.exe, 0");
     MyShortcut.Save();
     WScript.Echo("成功建立桌面上 Notepad 的快捷方式");</Script>

      93,Q:在收藏夹中加入 Url 的快捷方式
     A:
    <Script language="Javascript">
     var WshShell = new ActiveXObject("WScript.Shell");
     strFav = WshShell.ExpandEnvironmentStrings("%windir%\Favorites");
     var MyFav = WshShell.CreateShortcut(strFav + "\新世纪学园.url");
     MyFav.TargetPath = "http://www.QQet.net";
     MyFav.Save();
    </Script>
     94,Q:屏蔽网页中的错误提示信息
     A:在网页的<Body>中加脚本:<Script> window.onerror="return true";</Script>
     95,Q:控制网页表格的边框显示
     A:(1)、控制表格的边框:
     表格标签 <Table> 有一个 Frame 属性,可以控制表格的边框:
      frame=box 显示所有边框
      frame=void 不显示所有边框
      frame=above 只显示上边框
      frame=below 只显示下边框
      frame=hsides 只显示上下边框
      frame=vsides 只显示左右边框
      frame=lhs 只显示左边框
      frame=rhs 只显示右边框
    (2)、控制表格行与列的分隔线:
     表格标签 <Table> 有一个 Rules 属性,可以控制表格的分隔线:
      Rules=all 显示所有分隔线
      Rules=none 不显示任何分隔线
      Rules=rows 只显示行与行之间的分隔线
      Rules=cols 只显示列与列之间的分隔线
    (3)、用表格制作线条:
     以下代码可以实现一条线段:
      <table width=80% border=1 cellpadding=0 cellspacing=0 bordercolor=#e8e8ff frame=below>
       <tr><td>&nbsp;</td></tr>
      </table>
     96,Q:关于表格中的 <thead>、<tbody>、<tfoot> 标签以及表格的列分组
     A: <thead> 是“头”标签,<tbody> 是“体”标签,<tfoot> 是“脚注”标签。用它们可以把表格的标头、表格体、脚注进行分组(行分组),便于分别控制它们的外观。表格的列分组标签是 <colgroup>,它有 span、align 等属性,举例如下:
    <table border=1 width=60%>
     <colgroup span=3 align=center>
     <colgroup align=left>
     <colgroup align=right>
     <tr><td>aaa</td><td>I'm aaa</td><td>男</td><td>100.20</td><td>1500.00</td></tr>
     <tr><td>bbb</td><td>I'm bbb</td><td>女</td><td>32.50</td><td>32000.90</td></tr>
     <tr><td>ccc</td><td>I'm ccc</td><td>女</td><td>66.00</td><td>10000.50</td></tr>
    </table>
     97,Q:保护自己的网页文本和图片:
     A:
    (1)、自己辛苦创作或收集的文章被别人“^C^V”偷了去,谁心里都不会舒服的。我们可以在自己的网页<Body>标签中加入 语句,使鼠标不能选择文本;
    (2)、在网页 <Body> 标签中加入 语句,使单击鼠标右键时不能弹出右键选单,也就不能执行“图片另存为”命令选项;
    (3)、禁止右键菜单:把下列代码加入到<head> 与 </head> 之间
     <SCRIPT language=javascript>
    function click()
      {
     if (event.button==2)
       {alert('欢迎访问本站!')}
     }
     document.onmousedown=click
     </SCRIPT>
     (该方法可以被人轻易破解)
    (4)、禁止右键菜单:弹出“添加至收藏夹”窗口
     <SCRIPT language=JavaScript>
     <!--
     function click()
     {
     if (event.button==2){window.external.addFavorite(this.location,this.document.title)}
     }
     document.onmousedown=click
     //-->
    </SCRIPT>
     (该方法也可以破解)
    (5)、自己定制右键菜单,这是最聪明、最科学的方法。具体方法请参考本站的有关条目。      
98,Q:使用 css 让网页中的图片居于页面正中:
     A:
    一般情况下,想让你的 LOGO 居中是一件非常痛苦的事情。除非你作一个足够大的底图,但是页面下载的速度可就… 现在 CSS 可以帮我们作到这一点,你只要将下面的代码 COPY 到 <head></head> 之间就可以了。不必再考虑页面的大小和分辨率了。
    <STYLE TYPE="text/css">
    <!--
     BODY {background-image: URL(logo.gif);
     background-position: center;
     background-repeat: no-repeat;
     background-attachment: fixed;}
     -->
    </STYLE>
    logo.gif 是你的图片,如果与页面文件不在同一个路径下,需要指明路径;background-position 代表位置,center 表示居中。background-repeat 表示是否平铺,可取 no-repeat、repeat-x、repeat-y 等值。 background-attachment 为 fixed 时可以使页面滚动时背景图固定不动(锁定)。     
  99,Q:浏览器全屏显示:
     A:把如下代码加入 <body> 区域中:
     <form>
      <input type=BUTTON name=FullScreen value=全屏显示>
     </form>

       背景透明功能     GIF89a有     无     动画     GIF89a有     无   
       结论是:比较大或颜色较多的图形就用 .JPG 的格式, 比较小或颜色较少, 而且需要有特殊功能的图,就用 .GIF 格式。注意:.GIF 还分为 GIF87a 和比较新的 GIF89a 两种格式,一些特殊的功能(像透明背景) 则是 GIF89a 才有的。当你真的无从选择的时候,就干脆分别储存成两种图形格式,看看那个文件比较小,就用那一个。
    将 Gif 文件保存成“隔行”方式:在 Photoshop 中,保存时选择“Interlaced”。
    将 jpg 文件保存成“逐级”方式:在 Photoshop 中,保存时选择“Progressive”。这样,图形显示时将由模糊逐渐变得清晰起来。     
  
 100,Q:在网页中用代码调用打印机打印当前页面:
     A:代码加入 HTML 的〈BODY〉区的任意位置:
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
     if (window.print)
      {document.write('<form>'+ '<input type=button name=print value="打印页面" '+'onClick="javascript:window.print()"></form>');}
    //-->
    </script>
    (说明:document.write 一句请写在一行,不要回车断行。)
发表于 2014-4-4 10:36:29 | 显示全部楼层
沙发!沙发!沙发!
发表于 2014-4-11 10:27:34 | 显示全部楼层
路过,支持一下啦
发表于 2014-4-23 06:31:16 | 显示全部楼层
这是什么东东啊
发表于 2014-5-22 12:03:21 | 显示全部楼层
路过,支持一下啦
发表于 2014-5-31 22:35:42 | 显示全部楼层
不错不错,楼主您辛苦了。。。
发表于 2014-6-21 22:39:17 | 显示全部楼层
不知该说些什么。。。。。。就是谢谢
发表于 2014-6-29 12:34:57 | 显示全部楼层
有道理。。。
发表于 2014-7-27 09:05:57 | 显示全部楼层
学习了,不错,讲的太有道理了
发表于 2016-4-7 13:37:08 | 显示全部楼层
不错不错,楼主您辛苦了。。。
您需要登录后才可以回帖 登录 | 会员注册 微信登录

本版积分规则

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

GMT+8, 2024-6-2 18:31 , Processed in 0.044073 second(s), 17 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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