<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title><![CDATA[古道风 - 工作+资源]]></title>
<link>http://www.cffzhh.com/</link>
<description><![CDATA[古道西风瘦马,夕阳西下～,健康问答]]></description>
<language>zh-cn</language>
<copyright><![CDATA[Copyright 2005 PBlog2 v2.4]]></copyright>
<webMaster><![CDATA[teixie_127@163.com(道风)]]></webMaster>
<generator>PBlog2 v2.4</generator> 
<image>
	<title>古道风</title> 
	<url>http://www.cffzhh.com/images/logos.gif</url> 
	<link>http://www.cffzhh.com/</link> 
	<description>古道风</description> 
</image>

			<item>
			<link>http://www.cffzhh.com/default.asp?id=2042</link>
			<title><![CDATA[有效解决DEDE CMS 在升级时MYSQL数据库出现乱码的问题]]></title>
			<author>teixie_127@163.com(古道风)</author>
			<category><![CDATA[工作+资源]]></category>
			<pubDate>Sat,15 Sep 2007 12:40:47 +0800</pubDate>
			<guid>http://www.cffzhh.com/default.asp?id=2042</guid>	
		<description><![CDATA[MYSQL版本不同。从低版本升级到高版本，必然会出现乱码。基本呈现类似“??????”问号的情况。这种情况是字体编码而导致的，何解决呢？只需要使用正确的编码就行，看了网上好多类似解决方法，有的或许可行，有的刚不然，之前我也遇到过这个问题。现以DEDE&nbsp;CMS管理系统为例来大致说一下解决方法：<br/><span style="color:White">www.cffzhh.com</span><br/>原先用MYSQL版本为3.X.现在数据库升到5.0。出现乱码了。只要涉及程序的地方全部乱码。出现“??????”问号，然后根据网上大多数网友提供的设置数据库编码试了多次都没成功，可能是DEDE管理系统与其它MYSQL乱码问题不一样吧。这样下去挺麻烦，而且网站还有大量数据要供网友浏览使用。没办法，只能自己一步步检查。（花了一天的时间哦）终于发现问题：<br/><span style="color:White">www.cffzhh.com</span><br/>进入DEDE后台管理----辅助插件----文件管理器----找到include文件夹，点击进入----然后找到:pub_db_mysql.php此文件----编辑进入<br/><br/>大约在82行左右找到：@mysql_query(&#34;SET&nbsp;NAMES&nbsp;&#39;&#34;.$GLOBALS[&#39;cfg_db_language&#39;].&#34;&#39;;&#34;,$this-&gt;linkID);<br/>这一段代码，把它禁止掉就OK了。回来刷新一下。??????是不是全部变成汉字了？<br/><br/>只要把“<span style="color:Red">@mysql_query(&#34;SET&nbsp;NAMES&nbsp;&#39;&#34;.$GLOBALS[&#39;cfg_db_language&#39;].&#34;&#39;;&#34;,$this-&gt;linkID);</span>&nbsp;”替换成&nbsp;“<span style="color:Red">//ysql_query(&#34;SET&nbsp;NAMES&nbsp;&#39;&#34;.$GLOBALS[&#39;cfg_db_language&#39;].&#34;&#39;;&#34;,$this-&gt;linkID);</span><br/>”即可.<br/>希望能帮助正在例用DEDE系统出现乱码的朋友。]]></description>
		</item>
		
			<item>
			<link>http://www.cffzhh.com/default.asp?id=1880</link>
			<title><![CDATA[为什么两个层中间有间隙]]></title>
			<author>teixie_127@163.com(古道风)</author>
			<category><![CDATA[工作+资源]]></category>
			<pubDate>Fri,24 Aug 2007 11:44:16 +0800</pubDate>
			<guid>http://www.cffzhh.com/default.asp?id=1880</guid>	
		<description><![CDATA[<div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp2195">
<!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Strict//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>&#34;>
<html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&#34; xml:lang=&#34;zh&#34; lang=&#34;zh&#34;>
<head profile=&#34;<a href="http://www.w3.org/2000/08/w3c-synd/" target="_blank">http://www.w3.org/2000/08/w3c-synd/</a>#&#34;>
<meta http-equiv=&#34;content-language&#34; content=&#34;zh-cn&#34; />
<meta http-equiv=&#34;content-type&#34; content=&#34;text/html;charset=gb2312&#34; />
<title>blueidea</title>
<style type=&#34;text/css&#34;>
/*<![CDATA[*/
.left {
	float:left;
	width:100px;
	height:100px;
	background:red
	}
.right {
	width:100px;
	height:100px;
	background:orange;
	overflow:hidden;
	}
/*]]>*/
</style>
</head>
<body>
<div class=&#34;left&#34;>aaaaaa</div>
<div class=&#34;right&#34;>aaaaaa</div>
</body>
</html>
</TEXTAREA><br/><INPUT onclick="runEx('temp2195')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp2195')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div><br/><strong>解决办法：</strong><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>这个IE的3PX&nbsp;BUG也是经常出现的，解决的办法是给.right也同样浮动&nbsp;float:left&nbsp;或者相对IE6定义.left&nbsp;margin-right:-3px;<br/></div></div>]]></description>
		</item>
		
			<item>
			<link>http://www.cffzhh.com/default.asp?id=1879</link>
			<title><![CDATA[DIV+CSS排版,IE6下为什么图片下方有空隙产生]]></title>
			<author>teixie_127@163.com(古道风)</author>
			<category><![CDATA[工作+资源]]></category>
			<pubDate>Fri,24 Aug 2007 11:40:47 +0800</pubDate>
			<guid>http://www.cffzhh.com/default.asp?id=1879</guid>	
		<description><![CDATA[<div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp6372">
<!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Strict//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>&#34;>
<html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&#34; xml:lang=&#34;zh&#34; lang=&#34;zh&#34;>
<head profile=&#34;<a href="http://www.w3.org/2000/08/w3c-synd/" target="_blank">http://www.w3.org/2000/08/w3c-synd/</a>#&#34;>
<meta http-equiv=&#34;content-language&#34; content=&#34;zh-cn&#34; />
<meta http-equiv=&#34;content-type&#34; content=&#34;text/html;charset=gb2312&#34; />
<title>blueidea</title>
<style type=&#34;text/css&#34;>
/*<![CDATA[*/
div {
	border:1px solid red;
	background:orange;
	}
img {
	width:276px;
	height:110px;
	}
/*]]>*/
</style>
</head>
<body>
<div>
<img src=&#34;<a href="http://www.google.com/intl/en_ALL/images/logo.gif" target="_blank">http://www.google.com/intl/en_ALL/images/logo.gif</a>&#34; alt=&#34;google&#34; />
</div>
</body>
</html>
</TEXTAREA><br/><INPUT onclick="runEx('temp6372')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp6372')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div><br/><strong>解决办法：</strong><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>解决这个BUG的方法也有很多，可以是改变html的排版，或者定义img&nbsp;为display:block<br/>或者定义vertical-align属性值为vertical-align:top&nbsp;|&nbsp;bottom&nbsp;|middle&nbsp;|text-bottom<br/>还可以设置父容器的字体大小为零，font-size:0<br/></div></div>]]></description>
		</item>
		
			<item>
			<link>http://www.cffzhh.com/default.asp?id=1878</link>
			<title><![CDATA[选项卡效果，类似淘宝导航条]]></title>
			<author>teixie_127@163.com(古道风)</author>
			<category><![CDATA[工作+资源]]></category>
			<pubDate>Fri,24 Aug 2007 11:32:41 +0800</pubDate>
			<guid>http://www.cffzhh.com/default.asp?id=1878</guid>	
		<description><![CDATA[一些大型门户网站常见的选项卡效果：<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp46663">
<!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34;>
<html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&#34;>
<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=gb2312&#34; />
<title>无标题文档</title>
<style type=&#34;text/css&#34;>
<!--
* {
       margin: 0; padding:0
}
body {
       margin-top: 10px;
       margin-right: auto;
       margin-bottom: 10px;
       margin-left: auto;
       text-align: center;
       height: auto;
       width: auto;
       background-color: #666666;
       font-size: 12px;
       color: #000000;
}
#container {
       text-align: left;
       width: 760px;
       height: 400px;
       background-color: #FFFFFF;
       padding: 20px;
}
#container #title {
       height: 28px;
}
#container #title li {
       float: left;
       list-style-type: none;
       height: 28px;
       line-height: 28px;
       text-align: center;
       margin-right: 1px;
}
#container #title ul {
       background-color: #FFFFFF;
       height: 28px;
}
#container #title a {
       text-decoration: none;
       color: #000000;
       display: block;
       width: auto;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_left_bk2.gif) no-repeat left -29px;
}
#container #title a span{
       display: block;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_right_bk2.gif) no-repeat right -29px;
       padding: 0 15px 0 15px;
}
#container #title #tag1 a:hover {
       text-decoration: none;
       color: #ffffff;
       display: block;
       width: auto;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_left_bk2.gif) no-repeat left -87px;
}
#container #title #tag1 a:hover span{
       display: block;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_right_bk2.gif) no-repeat right -87px;
       padding: 0 15px 0 15px;
}
#container #title #tag2 a:hover {
       text-decoration: none;
       color: #ffffff;
       display: block;
       width: auto;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_left_bk2.gif) no-repeat left 0px;
}
#container #title #tag2 a:hover span{
       display: block;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_right_bk2.gif) no-repeat right 0px;
       padding: 0 15px 0 15px;       
}
#container #title #tag3 a:hover {
       text-decoration: none;
       color: #ffffff;
       display: block;
       width: auto;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_left_bk2.gif) no-repeat left -58px;
}
#container #title #tag3 a:hover span{
       display: block;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_right_bk2.gif) no-repeat right -58px;
       padding: 0 15px 0 15px;       
}
#container #title #tag4 a:hover {
       text-decoration: none;
       color: #ffffff;
       display: block;
       width: auto;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_left_bk2.gif) no-repeat left -145px;
}
#container #title #tag4 a:hover span{
       display: block;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_right_bk2.gif) no-repeat right -145px;
       padding: 0 15px 0 15px;
}
#container #title #tag5 a:hover {
       text-decoration: none;
       color: #ffffff;
       display: block;
       width: auto;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_left_bk2.gif) no-repeat left -174px;
}
#container #title #tag5 a:hover span{
       display: block; 
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_right_bk2.gif) no-repeat right -174px;
       padding: 0 15px 0 15px;
}
#container #title .sel&#101;ctli1 {
       text-decoration: none;
       color: #ffffff;
       display: block;
       width: auto;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_left_bk2.gif) no-repeat left -87px;
}
#container #title a .sel&#101;ctspan1 {
       display: block;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_right_bk2.gif) no-repeat right -87px; 
       padding: 0 15px 0 15px;
}
#container #title .sel&#101;ctli2 {
       text-decoration: none;
       color: #ffffff;
       display: block;
       width: auto;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_left_bk2.gif) no-repeat left 0px;
}
#container #title a .sel&#101;ctspan2 {
       display: block; 
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_right_bk2.gif) no-repeat right 0px; 
       padding: 0 15px 0 15px;
}
#container #title .sel&#101;ctli3 {
       text-decoration: none;
       color: #ffffff;
       display: block;
       width: auto;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_left_bk2.gif) no-repeat left -58px;
}
#container #title a .sel&#101;ctspan3 {
       display: block; 
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_right_bk2.gif) no-repeat right -58px; 
       padding: 0 15px 0 15px;
}
#container #title .sel&#101;ctli4 {
       text-decoration: none;
       color: #ffffff;
       display: block;
       width: auto;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_left_bk2.gif) no-repeat left -145px;
}
#container #title a .sel&#101;ctspan4 {
       display: block; 
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_right_bk2.gif) no-repeat right -145px; 
       padding: 0 15px 0 15px;
}
#container #title .sel&#101;ctli5 {
       text-decoration: none;
       color: #ffffff;
       display: block;
       width: auto;
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_left_bk2.gif) no-repeat left -174px;
}
#container #title a .sel&#101;ctspan5 {
       display: block; 
       background: url(<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_right_bk2.gif) no-repeat right -174px; 
       padding: 0 15px 0 15px;
}
#container #content ul {margin: 10px;}
#container #content li {margin: 5px; }
#container #content li img {margin: 5px;display:block;}
#container #content {
       height: 300px;
       padding: 10px;
}
.content1 {
       border-top-width: 3px;
       border-right-width: 1px;
       border-bottom-width: 1px;
       border-left-width: 1px;
       border-top-style: solid;
       border-right-style: solid;
       border-bottom-style: solid;
       border-left-style: solid;
       border-top-color: #3A81C8;
       border-right-color: #3A81C8;
       border-bottom-color: #3A81C8;
       border-left-color: #3A81C8;
       background-color: #DFEBF7;
}
.content2 {
       border-top-width: 3px;
       border-right-width: 1px;
       border-bottom-width: 1px;
       border-left-width: 1px;
       border-top-style: solid;
       border-right-style: solid;
       border-bottom-style: solid;
       border-left-style: solid;
       border-top-color: #ff950b;
       border-right-color: #ff950b;
       border-bottom-color: #ff950b;
       border-left-color: #ff950b;
       background-color: #FFECD2;
}
.content3 {
       height: 300px;
       padding: 10px;
       border-top-width: 3px;
       border-right-width: 1px;
       border-bottom-width: 1px;
       border-left-width: 1px;
       border-top-style: solid;
       border-right-style: solid;
       border-bottom-style: solid;
       border-left-style: solid;
       border-top-color: #FE74B8;
       border-right-color: #FE74B8;
       border-bottom-color: #FE74B8;
       border-left-color: #FE74B8;
       background-color: #FFECF5;
}
.content4 {
       height: 300px;
       padding: 10px;
       border-top-width: 3px;
       border-right-width: 1px;
       border-bottom-width: 1px;
       border-left-width: 1px;
       border-top-style: solid;
       border-right-style: solid;
       border-bottom-style: solid;
       border-left-style: solid;
       border-top-color: #00988B;
       border-right-color: #00988B;
       border-bottom-color: #00988B;
       border-left-color: #00988B;
       background-color: #E8FFFD;
}
.content5 {
       height: 300px;
       padding: 10px;
       border-top-width: 3px;
       border-right-width: 1px;
       border-bottom-width: 1px;
       border-left-width: 1px;
       border-top-style: solid;
       border-right-style: solid;
       border-bottom-style: solid;
       border-left-style: solid;
       border-top-color: #A8BC1F;
       border-right-color: #A8BC1F;
       border-bottom-color: #A8BC1F;
       border-left-color: #A8BC1F;
       background-color: #F7FAE2;
}
.hidecontent {display:none;}
-->
</style>
<script language=&#34;javascript&#34;>
function switchTag(tag,content)
{
//       alert(tag);
//       alert(content);
       for(i=1; i <6; i++)
       {
              if (&#34;tag&#34;+i==tag)
              {
                     document.getElementById(tag).getElementsByTagName(&#34;a&#34;)[0].className=&#34;sel&#101;ctli&#34;+i;
                     document.getElementById(tag).getElementsByTagName(&#34;a&#34;)[0].getElementsByTagName(&#34;span&#34;)[0].className=&#34;sel&#101;ctspan&#34;+i;
              }else{
                     document.getElementById(&#34;tag&#34;+i).getElementsByTagName(&#34;a&#34;)[0].className=&#34;&#34;;
                     document.getElementById(&#34;tag&#34;+i).getElementsByTagName(&#34;a&#34;)[0].getElementsByTagName(&#34;span&#34;)[0].className=&#34;&#34;;
              }
              if (&#34;content&#34;+i==content)
              {
                     document.getElementById(content).className=&#34;&#34;;
              }else{
                     document.getElementById(&#34;content&#34;+i).className=&#34;hidecontent&#34;;
              }
              document.getElementById(&#34;content&#34;).className=content;
       }
}
</script>
</head>
<body>
<div id=&#34;container&#34;>
  <div id=&#34;title&#34;>
    <ul>
      <li id=&#34;tag1&#34;><a href=&#34;#&#34; onclick=&#34;switchTag('tag1','content1');this.blur();&#34; class=&#34;sel&#101;ctli1&#34;><span class=&#34;sel&#101;ctspan1&#34;>首页</span></a></li>
      <li id=&#34;tag2&#34;><a href=&#34;#&#34; onclick=&#34;switchTag('tag2','content2');this.blur();&#34;><span>下载中心</span></a></li>
      <li id=&#34;tag3&#34;><a href=&#34;#&#34; onclick=&#34;switchTag('tag3','content3');this.blur();&#34;><span>产品介绍</span></a></li>
      <li id=&#34;tag4&#34;><a href=&#34;#&#34; onclick=&#34;switchTag('tag4','content4');this.blur();&#34;><span>会员注册与登录</span></a></li>
      <li id=&#34;tag5&#34;><a href=&#34;#&#34; onclick=&#34;switchTag('tag5','content5');this.blur();&#34;><span>联系我们</span></a></li>
    </ul>
  </div>
<div id=&#34;content&#34; class=&#34;content1&#34;>
  <div id=&#34;content1&#34;><p>仿淘宝网站的导航效果。此方法有几个优点：</p>1、根据字数自适应项目长度</div>       
  <div id=&#34;content2&#34; class=&#34;hidecontent&#34;>2、不同的项目使用不同的颜色来区分</div>
  <div id=&#34;content3&#34; class=&#34;hidecontent&#34;>3、这回需要使用到js了，呵呵</div>
  <div id=&#34;content4&#34; class=&#34;hidecontent&#34;>4、背景图片只需要两个图片文件就足够，减少服务器负担</div>
  <div id=&#34;content5&#34; class=&#34;hidecontent&#34;>5、这是使用到的两个图片：
         <table width=&#34;58%&#34; border=&#34;1&#34; cellspacing=&#34;2&#34; cellpadding=&#34;0&#34;>
           <tr>
             <td width=&#34;70%&#34; align=&#34;center&#34;><img src=&#34;<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_left_bk2.gif&#34; width=&#34;250&#34; height=&#34;290&#34; /></td>
             <td width=&#34;30%&#34; align=&#34;center&#34;><img src=&#34;<a href="http://pics.taobao.com/2k5/sys/component/tab_sel" target="_blank">http://pics.taobao.com/2k5/sys/component/tab_sel</a>&#101;cted_right_bk2.gif&#34; width=&#34;15&#34; height=&#34;290&#34; /></td>
           </tr>
         </table>
  </div>
</div>  
</div>
</body>
</html>
</TEXTAREA><br/><INPUT onclick="runEx('temp46663')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp46663')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div><br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp86184">
<!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01 Transitional//EN&#34;>
<html>
<head>
<title>Test</title>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=gb2312&#34;>
<!--<link href=&#34;1.css&#34; rel=&#34;stylesheet&#34; type=&#34;text/css&#34;>-->
<script language=&#34;JavaScript&#34;>
function tabit(id,cid) {
tabwoman.className=&#34;taboff&#34;;tabman.className=&#34;taboff&#34;;tabsport.className=&#34;taboff&#34;;tableisure.className=&#34;taboff&#34;;tabshoes.className=&#34;taboff&#34;;tabdecor.className=&#34;taboff&#34;;id.className=&#34;tabon&#34;;
cwoman.style.display=&#34;none&#34;;cman.style.display=&#34;none&#34;;csport.style.display=&#34;none&#34;;cleisure.style.display=&#34;none&#34;;cshoes.style.display=&#34;none&#34;;cdecor.style.display=&#34;none&#34;;cid.style.display=&#34;block&#34;;
//winname=cid;
}
function showall() {
tabwoman.className=&#34;tabon&#34;;tabman.className=&#34;tabon&#34;;tabsport.className=&#34;tabon&#34;;tableisure.className=&#34;tabon&#34;;tabshoes.className=&#34;tabon&#34;;tabdecor.className=&#34;tabon&#34;;
cwoman.style.display=&#34;block&#34;;cman.style.display=&#34;block&#34;;csport.style.display=&#34;block&#34;;cleisure.style.display=&#34;block&#34;;cshoes.style.display=&#34;block&#34;;cdecor.style.display=&#34;block&#34;;
}
</script>
<style>
td {
	font-family: &#34;Verdana&#34;;
	font-size: 9pt;
	padding:3px;
}
.tabon {
	background-color: #ffffff;
	border-top: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;
	color: #DB5B6F;
	font-weight: bold;
}
.taboff {
	background-color: #f5f5f5;
	border-top: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;
	color: #666666;
	font-weight: bold;
}
.tdbody {
	border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;
	line-height:50px;
	background-color: #ffffff;
}
.tdbody2 {
	border-right: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;
	line-height:50px;
	background-color: #ffffff;
}
</style>
</head>
<body onLoad=&#34;tabit(tabwoman,cwoman)&#34;>
<table border=&#34;0&#34; cellpadding=&#34;0&#34; cellspacing=&#34;0&#34; width=&#34;340&#34;>
  <tr> 
    <td class=&#34;taboff&#34; id=&#34;tabwoman&#34; style=&#34;cursor:hand&#34; onClick=&#34;tabit(tabwoman,cwoman)&#34; align=&#34;center&#34;>女装</td>
    <td class=&#34;taboff&#34; id=&#34;tabman&#34; style=&#34;cursor:hand&#34; onClick=&#34;tabit(tabman,cman)&#34; align=&#34;center&#34;>男装</td>
    <td class=&#34;taboff&#34; id=&#34;tabsport&#34; style=&#34;cursor:hand&#34; onClick=&#34;tabit(tabsport,csport)&#34; align=&#34;center&#34;>运动</td>
    <td class=&#34;taboff&#34; id=&#34;tableisure&#34; style=&#34;cursor:hand&#34; onClick=&#34;tabit(tableisure,cleisure)&#34; align=&#34;center&#34;>休闲</td>
    <td class=&#34;taboff&#34; id=&#34;tabshoes&#34; style=&#34;cursor:hand&#34; onClick=&#34;tabit(tabshoes,cshoes)&#34; align=&#34;center&#34;>鞋类</td>
    <td class=&#34;taboff&#34; id=&#34;tabdecor&#34; style=&#34;cursor:hand&#34; onClick=&#34;tabit(tabdecor,cdecor)&#34; align=&#34;center&#34; style=&#34;border-right: 1px solid #E3E3E3&#34;>配饰</td>
  </tr>
  <tr id=&#34;cwoman&#34; style=&#34;display:none&#34;> 
    <td colspan=&#34;6&#34; class=&#34;tdbody&#34;><a href=&#34;#&#34;>女装</a></td>
  </tr>
  <tr id=&#34;cman&#34; style=&#34;display:none&#34;>
    <td colspan=&#34;6&#34; class=&#34;tdbody&#34;><a href=&#34;#&#34;>男装</a></td>
  </tr>
  <tr id=&#34;csport&#34; style=&#34;display:none&#34;> 
    <td colspan=&#34;6&#34; class=&#34;tdbody&#34;><a href=&#34;#&#34;>运动</a></td>
  </tr>
  <tr id=&#34;cleisure&#34; style=&#34;display:none&#34;> 
    <td colspan=&#34;6&#34; class=&#34;tdbody&#34;><a href=&#34;#&#34;>休闲</a></td>
  </tr>
  <tr id=&#34;cshoes&#34; style=&#34;display:none&#34;> 
    <td colspan=&#34;6&#34; class=&#34;tdbody&#34;><a href=&#34;#&#34;>鞋类</a></td>
  </tr>
  <tr id=&#34;cdecor&#34; style=&#34;display:none&#34;> 
    <td colspan=&#34;6&#34; class=&#34;tdbody&#34;><a href=&#34;#&#34;>配饰</a></td>
  </tr>
</table>
</TEXTAREA><br/><INPUT onclick="runEx('temp86184')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp86184')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div><br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp67621">
<html>
<head>
<title>test</title>
<style>
td,a,body{font-size:9pt;}
.DivAround_focus{cursor:pointer;background-color:#A1ACDB;border-right:solid 1px #A1ACDB;border-bottom:solid 1px #333333; border-left:solid 1px #C8CEEA;  border-top:solid 1px #C8CEEA;color:#000000}
.DivAround_blur{cursor:pointer;background:#4D5C9F;border-right:solid 1px #eeeeee;border-bottom:solid 1px #333333; border-left:solid 1px #798ACC;  border-top:solid 1px #A1ACDB;color:#FFFFFF}
.DivAround_content{background-color:#A1ACDB;border-right:solid 1px #888888;border-bottom:solid 1px #555555; border-left:0px; border-top:solid 1px #C8CEEA;}
</style>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=gb2312&#34;>
</head>
<body bgcolor=&#34;#FFFFFF&#34; leftmargin=&#34;0&#34; topmargin=&#34;0&#34; marginwidth=&#34;0&#34; marginheight=&#34;0&#34;>
<script language=&#34;javascript&#34;>
var AroundInfoArray=new Array();
AroundInfoArray[0]=&#34;咖啡厅的内容&#34;;
AroundInfoArray[1]=&#34;学校的内容&#34;;
AroundInfoArray[2]=&#34;酒店的内容&#34;;
function ChangeFocus(obj)
{
for(i=0;i<document.getElementById(&#34;leftButtonTAble&#34;).rows.length;i++)
{
	if(document.getElementById(&#34;leftButtonTAble&#34;).rows[i].cells[0]==obj)
	{
		document.getElementById(&#34;leftButtonTAble&#34;).rows[i].cells[0].className=&#34;DivAround_focus&#34;;
		document.getElementById(&#34;DivAroundContent&#34;).innerHTML=AroundInfoArray[i];
	}else{
		document.getElementById(&#34;leftButtonTAble&#34;).rows[i].cells[0].className=&#34;DivAround_blur&#34;;
	}
}
}
</script>
<table cellpadding=&#34;0&#34; cellspacing=&#34;0&#34; border=&#34;0&#34; align=&#34;center&#34; bgcolor=&#34;#6271B1&#34;><tr><td width=&#34;84&#34; valign=&#34;top&#34;>
			<table cellpadding=&#34;0&#34; cellspacing=&#34;0&#34; border=&#34;0&#34; height=&#34;407&#34; width=&#34;84&#34; id=&#34;leftButtonTAble&#34;>
				<tr><td height=&#34;25&#34; align=&#34;center&#34; class=&#34;DivAround_focus&#34; onClick=&#34;ChangeFocus(this)&#34;>咖啡厅</td></tr>
				<tr><td height=&#34;25&#34; align=&#34;center&#34; class=&#34;DivAround_blur&#34; onClick=&#34;ChangeFocus(this)&#34;>学校</td></tr>
				<tr><td height=&#34;25&#34; align=&#34;center&#34; class=&#34;DivAround_blur&#34; onClick=&#34;ChangeFocus(this)&#34;>酒店</td></tr>
				<tr><td style=&#34;border-right:solid 1px #eeeeee&#34;> </td></tr>
			</table>
		</td><td width=&#34;360&#34;>
			<table cellpadding=&#34;0&#34; cellspacing=&#34;0&#34; border=&#34;0&#34; width=&#34;100%&#34; class=&#34;DivAround_content&#34;>
				<tr><td height=&#34;406&#34; valign=&#34;top&#34; style=&#34;padding:4px&#34; id=&#34;DivAroundContent&#34;>内容</td></tr>
			</table>
		</td></tr>
		</table>
		<script language=&#34;javascript&#34;>ChangeFocus(document.getElementById(&#34;leftButtonTAble&#34;).rows[0].cells[0]);</script>
</body></html>
</TEXTAREA><br/><INPUT onclick="runEx('temp67621')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp67621')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div><br/><br/>]]></description>
		</item>
		
			<item>
			<link>http://www.cffzhh.com/default.asp?id=1877</link>
			<title><![CDATA[非常实用的有缓动效果的二级DIV+CSS导航菜单]]></title>
			<author>teixie_127@163.com(古道风)</author>
			<category><![CDATA[工作+资源]]></category>
			<pubDate>Fri,24 Aug 2007 11:21:22 +0800</pubDate>
			<guid>http://www.cffzhh.com/default.asp?id=1877</guid>	
		<description><![CDATA[在做网页二级分类时有可能用到，而且带有缓动效果。二级菜单<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp74794">
<style type=&#34;text/css&#34;>
<!--
*{margin:0;padding:0;border:0;}
body {
 font-family: arial, 宋体, serif;
 font-size:12px;
}
#nav {
 width:180px;
    line-height: 24px; 
 list-style-type: none;
 text-align:left;
    /*定义整个ul菜单的行高和背景色*/
}
/*==================一级目录===================*/
#nav a {
 width: 160px; 
 display: block;
 padding-left:20px;
 /*Width(一定要)，否则下面的Li会变形*/
}
#nav li {
 background:#CCC; /*一级目录的背景色*/
 border-bottom:#FFF 1px solid; /*下面的一条白边*/
 float:left;
 /*float：left,本不应该设置，但由于在Firefox不能正常显示
 继承Nav的width,限制宽度，li自动向下延伸*/
}
#nav li a:hover{
 background:#CC0000; /*一级目录onMouseOver显示的背景色*/
}
#nav a:link  {
 color:#666; text-decoration:none;
}
#nav a:visited  {
 color:#666;text-decoration:none;
}
#nav a:hover  {
 color:#FFF;text-decoration:none;font-weight:bold;
}
/*==================二级目录===================*/
#nav li ul {
 list-style:none;
 text-align:left;
}
#nav li ul li{ 
 background: #EBEBEB; /*二级目录的背景色*/
}
#nav li ul a{
         padding-left:20px;
         width:160px;
 /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/
#nav li ul a:link  {
 color:#666; text-decoration:none;
}
#nav li ul a:visited  {
 color:#666;text-decoration:none;
}
#nav li ul a:hover {
 color:#F3F3F3;
 text-decoration:none;
 font-weight:normal;
 background:#CC0000;
 /* 二级onmou<a href="http://www.cffzhh.com/default.asp?CateID=3&amp;page=3" target="_blank">seo</a>ver的字体颜色、背景色*/
}
/*==============================*/
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
#content {
 clear: left; 
}
#nav ul.collapsed {
 display: none;
}
-->
#PARENT{
 width:300px;
 padding-left:20px;
}
</style>
<div id=&#34;PARENT&#34;>
<ul id=&#34;nav&#34;>
<li><a href=&#34;#Menu=ChildMenu1&#34;  onclick=&#34;DoMenu('ChildMenu1')&#34;>我的网站</a>
 <ul id=&#34;ChildMenu1&#34; class=&#34;collapsed&#34;>
 <li><a href=&#34;#&#34;>网页教学网</a></li>
 <li><a href=&#34;#&#34;>管理</a></li>
 <li><a href=&#34;#&#34;>网页教学网</a></li>
 <li><a href=&#34;#&#34;>管理</a></li>
 <li><a href=&#34;#&#34;>网页教学网</a></li>
 <li><a href=&#34;#&#34;>管理</a></li>
 </ul>
</li>
<li><a href=&#34;#Menu=ChildMenu2&#34; onclick=&#34;DoMenu('ChildMenu2')&#34;>我的帐务</a>
 <ul id=&#34;ChildMenu2&#34; class=&#34;collapsed&#34;>
 <a href=&#34;#&#34;>支付</a></li>
 <li><a href=&#34;#&#34;>管理</a></li>
 <li><a href=&#34;#&#34;>网上支付</a></li>
 <li><a href=&#34;#&#34;>登记汇款</a></li>
 <li><a href=&#34;#&#34;>在线招领</a></li>
 <li><a href=&#34;#&#34;>历史帐务</a></li>
 </ul>
</li>
<li><a href=&#34;#Menu=ChildMenu3&#34; onclick=&#34;DoMenu('ChildMenu3')&#34;>网站管理</a>
 <ul id=&#34;ChildMenu3&#34; class=&#34;collapsed&#34;>
 <li><a href=&#34;#&#34;>登录</a></li>
 <a href=&#34;#&#34;>管理</a></li>
 <li><a href=&#34;#&#34;>管理</a></li>
 <li><a href=&#34;#&#34;>管理</a></li>
 </ul>
</li>
<li><a href=&#34;#Menu=ChildMenu4&#34; onclick=&#34;DoMenu('ChildMenu4')&#34;>网站管理</a>
 <ul id=&#34;ChildMenu4&#34; class=&#34;collapsed&#34;>
 <li><a href=&#34;#&#34;>登录</a></li>
 <a href=&#34;#&#34;>管理</a></li>
 <li><a href=&#34;#&#34;>管理</a></li>
 <li><a href=&#34;#&#34;>管理</a></li>
 <li><a href=&#34;#&#34;>管理</a></li>
 </ul>
</li>
</ul>
</div>
<script type=text/javascript><!--
var LastLeftID = &#34;&#34;;
function menuFix() {
 var obj = document.getElementById(&#34;nav&#34;).getElementsByTagName(&#34;li&#34;);
 
 for (var i=0; i<obj.length; i++) {
  obj[i].onmou<a href="http://www.cffzhh.com/default.asp?CateID=3&amp;page=3" target="_blank">seo</a>ver=function() {
   this.className+=(this.className.length>0? &#34; &#34;: &#34;&#34;) + &#34;sfhover&#34;;
  }
  obj[i].onMouseDown=function() {
   this.className+=(this.className.length>0? &#34; &#34;: &#34;&#34;) + &#34;sfhover&#34;;
  }
  obj[i].onMouseUp=function() {
   this.className+=(this.className.length>0? &#34; &#34;: &#34;&#34;) + &#34;sfhover&#34;;
  }
  obj[i].onmou<a href="http://www.cffzhh.com/default.asp?CateID=3&amp;page=3" target="_blank">seo</a>ut=function() {
   this.className=this.className.replace(new RegExp(&#34;( ?|^)sfhover\\b&#34;), &#34;&#34;);
  }
 }
}
function DoMenu(emid)
{
 var obj = document.getElementById(emid); 
 obj.className = (obj.className.toLowerCase() == &#34;expanded&#34;?&#34;collapsed&#34;:&#34;expanded&#34;);
 if((LastLeftID!=&#34;&#34;)&amp;&amp;(emid!=LastLeftID)) //关闭上一个Menu
 {
  document.getElementById(LastLeftID).className = &#34;collapsed&#34;;
 }
 LastLeftID = emid;
}
function GetMenuID()
{
 var MenuID=&#34;&#34;;
 var _paramStr = new String(window.location.href);
 var _sharpPos = _paramStr.indexOf(&#34;#&#34;);
 
 if (_sharpPos >= 0 &amp;&amp; _sharpPos < _paramStr.length - 1)
 {
  _paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);
 }
 else
 {
  _paramStr = &#34;&#34;;
 }
 
 if (_paramStr.length > 0)
 {
  var _paramArr = _paramStr.split(&#34;&amp;&#34;);
  if (_paramArr.length>0)
  {
   var _paramKeyVal = _paramArr[0].split(&#34;=&#34;);
   if (_paramKeyVal.length>0)
   {
    MenuID = _paramKeyVal[1];
   }
  }
  /*
  if (_paramArr.length>0)
  {
   var _arr = new Array(_paramArr.length);
  }
  
  //取所有#后面的，菜单只需用到Menu
  //for (var i = 0; i < _paramArr.length; i++)
  {
   var _paramKeyVal = _paramArr[i].split('=');
   
   if (_paramKeyVal.length>0)
   {
    _arr[_paramKeyVal[0]] = _paramKeyVal[1];
   }  
  }
  */
 }
 
 if(MenuID!=&#34;&#34;)
 {
  DoMenu(MenuID)
 }
}
GetMenuID(); //*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果
menuFix();
--></script>
</TEXTAREA><br/><INPUT onclick="runEx('temp74794')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp74794')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div>]]></description>
		</item>
		
			<item>
			<link>http://www.cffzhh.com/default.asp?id=1799</link>
			<title><![CDATA[FLASH右键菜单]]></title>
			<author>teixie_127@163.com(古道风)</author>
			<category><![CDATA[工作+资源]]></category>
			<pubDate>Sun,19 Aug 2007 20:51:25 +0800</pubDate>
			<guid>http://www.cffzhh.com/default.asp?id=1799</guid>	
		<description><![CDATA[和HTML网页中的右链菜单一样，也可以在FLASH动画中自己定义右链菜单。效果很棒，比如作者。留言本等<br/><br/>直接加在当前帧中即可：<br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>//设置右键菜单<br/>var&nbsp;rightMenu&nbsp;=&nbsp;new&nbsp;ContextMenu();<br/>rightMenu.hideBuiltInItems();<br/>//删除原始菜单状态<br/>rightMenu.customItems.push(new&nbsp;ContextMenuItem(&#34;返回首页&#34;,&nbsp;M_home));<br/>rightMenu.customItems.push(new&nbsp;ContextMenuItem(&#34;关于我&#34;,&nbsp;M_about));<br/>rightMenu.customItems.push(new&nbsp;ContextMenuItem(&#34;作品展示&#34;,&nbsp;M_show));<br/>rightMenu.customItems.push(new&nbsp;ContextMenuItem(&#34;<a href="http://www.cffzhh.com/art.asp?id=77" target="_blank">博客</a>&#34;,&nbsp;M_blog));<br/>rightMenu.customItems.push(new&nbsp;ContextMenuItem(&#34;留言本&#34;,&nbsp;M_gb));<br/>rightMenu.customItems.push(new&nbsp;ContextMenuItem(&#34;友情链接&#34;,&nbsp;M_links));<br/>function&nbsp;M_home()&nbsp;{<br/>&nbsp;&nbsp;_root.gotoAndPlay(1);<br/>}<br/>function&nbsp;M_about()&nbsp;{<br/>&nbsp;&nbsp;_root.gotoAndPlay(2);<br/>}<br/>function&nbsp;M_show()&nbsp;{<br/>&nbsp;&nbsp;_root.gotoAndPlay(3);<br/>}<br/>function&nbsp;M_blog()&nbsp;{<br/>&nbsp;&nbsp;getURL(&#34;index.asp&#34;,&nbsp;&#34;_blank&#34;);<br/>}<br/>function&nbsp;M_links()&nbsp;{<br/>&nbsp;&nbsp;getURL(&#34;gbook.asp&#34;,&nbsp;&#34;_blank&#34;);<br/>}<br/>function&nbsp;M_gb()&nbsp;{<br/>&nbsp;&nbsp;getURL(&#34;gbook.asp&#34;,&nbsp;&#34;_blank&#34;);<br/>}<br/>_root.menu&nbsp;=&nbsp;rightMenu;<br/>//设置右键菜单为rightMenu<br/></div></div>]]></description>
		</item>
		
			<item>
			<link>http://www.cffzhh.com/default.asp?id=1798</link>
			<title><![CDATA[FLASH中一种鼠标感应效果]]></title>
			<author>teixie_127@163.com(古道风)</author>
			<category><![CDATA[工作+资源]]></category>
			<pubDate>Sun,19 Aug 2007 20:48:08 +0800</pubDate>
			<guid>http://www.cffzhh.com/default.asp?id=1798</guid>	
		<description><![CDATA[一种鼠标感应效果，类似鼠标左移影片右移，右移影片左移。FLASH8&nbsp;AS2.0版本。<br/><br/>说明和代码看这里：<br/>--------------------------------------------------<br/><br/>主场景中，zz_mc为遮罩影片剪辑实例名称，t_mc为内容影片剪辑实例名称，内容可以是按钮、图片、文字等。<br/><br/>主场景当前帧加动作：<br/>--------------------------------------------------<br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>stop();<br/>t_mc.setMask(zz_mc);//遮罩<br/>x1=zz_mc._x;//遮罩影片的x坐标<br/>x2=zz_mc._x+zz_mc._width;<br/>y0=zz_mc._y;<br/>y1=zz_mc._y+zz_mc._height/2;<br/>y2=zz_mc._y+zz_mc._height;<br/>th&nbsp;=&nbsp;t_mc._height;<br/>this.onEnterFrame&nbsp;=&nbsp;function()&nbsp;{<br/>sx=this._xmouse;//鼠标x坐标<br/>sy=this._ymouse;<br/>if&nbsp;(sx&lt;x2&nbsp;&amp;&amp;&nbsp;sy&lt;y1&nbsp;&amp;&amp;&nbsp;sx&gt;x1&nbsp;&amp;&amp;&nbsp;sy&gt;y0)&nbsp;{<br/>t_mc._y&nbsp;+=&nbsp;(y1-sy)/10;//运动公式，内容影片的y坐标，运动速度可以更改10的数值实现<br/>ty&nbsp;=&nbsp;t_mc._y;<br/>if&nbsp;((y0-ty)&lt;1)&nbsp;{<br/>t_mc._y&nbsp;=&nbsp;y0;//运动到末端时<br/>}<br/>}&nbsp;else&nbsp;if&nbsp;(sx&lt;x2&nbsp;&amp;&amp;&nbsp;sy&lt;y2&nbsp;&amp;&amp;&nbsp;sx&gt;x1&nbsp;&amp;&amp;&nbsp;sy&gt;y1)&nbsp;{<br/>t_mc._y&nbsp;+=&nbsp;(y1-sy)/10;//运动公式，内容影片的y坐标，运动速度可以更改10的数值实现<br/>ty&nbsp;=&nbsp;t_mc._y;<br/>if&nbsp;((th-y2)+ty&lt;1)&nbsp;{<br/>t_mc._y&nbsp;=&nbsp;y2-th;<br/>}<br/>}<br/>}&nbsp;<br/></div></div>]]></description>
		</item>
		
			<item>
			<link>http://www.cffzhh.com/default.asp?id=1763</link>
			<title><![CDATA[漂亮的下拉菜单效果]]></title>
			<author>teixie_127@163.com(古道风)</author>
			<category><![CDATA[工作+资源]]></category>
			<pubDate>Sat,18 Aug 2007 20:49:37 +0800</pubDate>
			<guid>http://www.cffzhh.com/default.asp?id=1763</guid>	
		<description><![CDATA[CSS下拉菜单,<a href="http://www.cffzhh.com/art.asp?id=49" target="_blank">DIV+CSS</a>制作的下拉菜单,二级下拉菜单<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp26424">
<!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;<a href=&#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34; target=&#34;_blank&#34;><a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a></a>&#34;>
<html xmlns=&#34;<a href=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&#34; target=&#34;_blank&#34;><a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a></a>&#34;>
<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=gb2312&#34; />
<title>CSS菜单－－下拉菜单</title>
<style>
/*Author:5key.net*/
body{
background-color:white;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
color:white;
}
ul,li{
margin:0px;
padding:0px;
}
li{
display:inline;
list-style:none;
list-style-position:outside;
text-align:center;
font-weight:bold;
float:left;
}
a:link{
color:#336601;
text-decoration:none;
float:left;
width:100px;
padding:3px 5px 0px 5px;
}
a:visited{
color:#336601;
text-decoration:none;
float:left;
padding:3px 5px 0px 5px;
width:100px;
}
a:hover{
color:white;
float:left;
padding:3px 3px 0px 20px;
width:88px;
text-decoration:none;
background-color:#539D26;
}
a:active{
color:white;
float:left;
padding:3px 3px 0px 20px;
width:88px;
text-decoration:none;
background-color:#BD06B4;
}
#nav{
width:600px;
height:30px;
border-bottom:0px;
padding:0px 5px;
position:absolute;
z-index:1;
}
.list{
line-height:20px;
text-align:left;
padding:4px;
font-weight:normal;
}
.menu1{
width:120px;
height:auto;
margin:6px 4px 0px 0px;
border:1px solid #9CDD75;
background-color:#F1FBEC;
color:#336601;
padding:6px 0px 0px 0px;
cursor:hand;
overflow-y:hidden;
filter:Alpha(opacity=70);
-moz-opacity:0.7;
}
.menu2{
width:120px;
height:18px;
margin:6px 4px 0px 0px;
background-color:#F5F5F5;
color:#999999;
border:1px solid #EEE8DD;
padding:6px 0px 0px 0px;
overflow-y:hidden;
cursor:hand;
}
</style>
</head>
<body>
<div id=&#34;nav&#34;>
	<ul>
	<li class=&#34;menu2&#34; onMouseOver=&#34;this.className='menu1'&#34; onMouseOut=&#34;this.className='menu2'&#34;>我的首页	
	<div class=&#34;list&#34;>
		<a href=&#34;#&#34;>我的CHINAY</a><br />
        <a href=&#34;#&#34;>我的首页</a><br />
        <a href=&#34;#&#34;>我的日志</a><br />
		<a href=&#34;#&#34;>我的日志</a><br />
        <a href=&#34;#&#34;>我的相册</a><br />
        <a href=&#34;#&#34;>我的收藏</a><br />
	</div>
	</li>
	<li class=&#34;menu2&#34; onMouseOver=&#34;this.className='menu1'&#34; onMouseOut=&#34;this.className='menu2'&#34;>社区圈子
	<div class=&#34;list&#34;>
		<a href=&#34;#&#34;>我的CHINAY</a><br />
        <a href=&#34;#&#34;>我的首页</a><br />
        <a href=&#34;#&#34;>我的日志</a><br />
        <a href=&#34;#&#34;>我的相册</a><br />
        <a href=&#34;#&#34;>我的收藏</a><br />
	</div>
	</li>
	<li class=&#34;menu2&#34; onMouseOver=&#34;this.className='menu1'&#34; onMouseOut=&#34;this.className='menu2'&#34;>我的短信	
	<div class=&#34;list&#34;>
		<a href=&#34;#&#34;>我的CHINAY</a><br />
        <a href=&#34;#&#34;>我的相册</a><br />
        <a href=&#34;#&#34;>我的收藏</a><br />
	</div>
	</li>
	<li class=&#34;menu2&#34; onMouseOver=&#34;this.className='menu1'&#34; onMouseOut=&#34;this.className='menu2'&#34;>账户管理	
	<div class=&#34;list&#34;>
		<a href=&#34;#&#34;>我的CHINAY</a><br />
        <a href=&#34;#&#34;>我的首页</a><br />
        <a href=&#34;#&#34;>我的日志</a><br />
        <a href=&#34;#&#34;>我的相册</a><br />
        <a href=&#34;#&#34;>我的收藏</a><br />
		<a href=&#34;#&#34;>我的日志</a><br />
        <a href=&#34;#&#34;>我的相册</a><br />
        <a href=&#34;#&#34;>我的收藏</a><br />
	</div>
	</li>
	</ul>
</div>
</body>
</html></TEXTAREA><br/><INPUT onclick="runEx('temp26424')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp26424')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div>]]></description>
		</item>
		
			<item>
			<link>http://www.cffzhh.com/default.asp?id=814</link>
			<title><![CDATA[纯DIV+CSS制作的下拉菜单，二级下拉菜单，三级下拉菜单]]></title>
			<author>teixie_127@163.com(古道风)</author>
			<category><![CDATA[工作+资源]]></category>
			<pubDate>Thu,02 Aug 2007 21:19:47 +0800</pubDate>
			<guid>http://www.cffzhh.com/default.asp?id=814</guid>	
		<description><![CDATA[<div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp94410"><html>
<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=gb2312&#34; />
<title>css菜单</title>
<style>
body{
background-color:#B8B8A0;
}
#fbtn{
display:none;
overflow:hidden;
border-style:solid;
border-width:1px;
border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56;
padding:1 1 1 1;
width:115px;
height:30px;
}
#fbtn_txt{
position:relative;
}
#fbtn_txt div{
height:30px;
padding-top:11px;
font-size:12px;
color:#800080;
text-align:center;
cursor:hand;
}
#fbtn_mask{
background-color:#ffffff;
position:relative;
width:100%;
height:100%;
}
</style>
</head>
<body>
<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>G1</div>
<div>good morning</div>
</div>
</div>
<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>G2</div>
<div>good evening</div>
</div>
</div>
<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>M1</div>
<div>my name is fireyy</div>
</div>
</div>
<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>M2</div>
<div>mm mm i love u</div>
</div>
</div>
<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>G1</div>
<div>good morning</div>
</div>
</div>
<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>G2</div>
<div>good evening</div>
</div>
</div>
<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>M1</div>
<div>my name is fireyy</div>
</div>
</div>
<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>M2</div>
<div>mm mm i love u</div>
</div>
</div>
<script>
var current=null;
var t=null;
for(var i=0;i<fbtn.length;i++){
fbtn_txt[i].style.posTop=-30;
fbtn_mask[i].style.posTop=-30;
fbtn[i].index=i;
fbtn[i].style.display=&#34;block&#34;;
fbtn[i].onmou<a href="http://www.cffzhh.com/default.asp?CateID=3&amp;page=3" target="_blank">seo</a>ver=function(){
if(!current){
current=this;
domove(this.index);
}
else 
if(current!=this){
domove(current.index);
domove(this.index);
current=this;
}
}
fbtn[i].onmou<a href="http://www.cffzhh.com/default.asp?CateID=3&amp;page=3" target="_blank">seo</a>ut=function(){
if(event.toElement==this.parentElement&amp;t==this){
domove(this.index);
current=null;
}
}
}
function domove(num){
var o=fbtn_txt[num];
var m=fbtn_mask[num];
if(o.style.posTop<-60){
o.style.display=&#34;none&#34;;
var t=o.children[1].innerHTML;
o.children[1].innerHTML=o.children[0].innerHTML;
o.children[0].innerHTML=t;
o.style.posTop=-30;
o.style.display=&#34;block&#34;;
if(m.style.posTop>30)
m.style.posTop=-30;
else
m.style.posTop=0;
}
else{
m.style.posTop+=3;
o.style.posTop-=3;
setTimeout('domove('+num+')',15);
}
}
</script>
</body>
</html></TEXTAREA><br/><INPUT onclick="runEx('temp94410')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp94410')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div><br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp61298"><!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34;>
<html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&#34;>
<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; />
<title>二级dro&#112;down弹出菜单--A CROSS BROWSER Dro&#112; DOWN CASCADING VALIDATING MENU</title>
<style type=&#34;text/css&#34;>
/* common styling */
/* set up the overall width of the menu div, the font and the margins */
.menu {
font-family: arial, sans-serif; 
width:750px; 
margin:0; 
margin:50px 0;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the dro&#112; down list will appear in the right place underneath each list item */
.menu ul li {
float:left; 
position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:104px; 
height:30px; 
color:#000; 
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#c9c9a7; 
line-height:30px; 
font-size:11px;
}
/* make the dro&#112;down ul invisible */
.menu ul li ul {
display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff; 
background:#b3ab79;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:31px; 
left:0; 
width:105px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; 
background:#faeec7; 
color:#000;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background:#dfc184; 
color:#000;
}
</style>
<!--[if lte IE 6]>
<style type=&#34;text/css&#34;>
/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover */
/* Get rid of any default table style */
table {
border-collapse:collapse;
margin:0; 
padding:0;
}
/* ignore the link used by 'other browsers' */
.menu ul li a.hide, .menu ul li a:visited.hide {
display:none;
}
/* set the background and foreground color of the main menu link on hover */
.menu ul li a:hover {
color:#fff; 
background:#b3ab79;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:32px; 
left:0; 
width:105px;
}
/* style the background and foreground color of the submenu links */
.menu ul li a:hover ul li a {
background:#faeec7; 
color:#000;
}
/* style the background and forground colors of the links on hover */
.menu ul li a:hover ul li a:hover {
background:#dfc184; 
color:#000;
}
</style>
<![endif]-->
</head>
<body>
<div class=&#34;menu&#34;>
<ul>
<li><a class=&#34;hide&#34; href=&#34;../menu/index.html&#34;>DEMOS</a>
<!--[if lte IE 6]>
<a href=&#34;../menu/index.html&#34;>DEMOS
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../menu/zero_dollars.html&#34; title=&#34;The zero dollar ads page&#34;>zero dollars</a></li>
    <li><a href=&#34;../menu/embed.html&#34; title=&#34;Wrapping text around images&#34;>wrapping text</a></li>
    <li><a href=&#34;../menu/form.html&#34; title=&#34;Styling forms&#34;>styled form</a></li>
    <li><a href=&#34;../menu/nodots.html&#34; title=&#34;Removing active/focus borders&#34;>active focus</a></li>
    <li><a href=&#34;../menu/shadow_boxing.html&#34; title=&#34;Multi-position dro&#112; shadow&#34;>shadow boxing</a></li>
    <li><a href=&#34;../menu/old_master.html&#34; title=&#34;Image Map for detailed information&#34;>image map</a></li>
    <li><a href=&#34;../menu/bodies.html&#34; title=&#34;fun with background images&#34;>fun backgrounds</a></li>
    <li><a href=&#34;../menu/fade_scroll.html&#34; title=&#34;fade-out scrolling&#34;>fade scrolling</a></li>
    <li><a href=&#34;../menu/em_images.html&#34; title=&#34;em size images compared&#34;>em sized images</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;index.html&#34;>MENUS</a>
<!--[if lte IE 6]>
<a href=&#34;index.html&#34;>MENUS
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;spies.html&#34; title=&#34;a coded list of spies&#34;>spies menu</a></li>
    <li><a href=&#34;vertical.html&#34; title=&#34;a horizontal vertical menu&#34;>vertical menu</a></li>
    <li><a href=&#34;expand.html&#34; title=&#34;an enlarging unordered list&#34;>enlarging list</a></li>
    <li><a href=&#34;enlarge.html&#34; title=&#34;an unordered list with link images&#34;>link images</a></li>
    <li><a href=&#34;cross.html&#34; title=&#34;non-rectangular links&#34;>non-rectangular</a></li>
    <li><a href=&#34;jigsaw.html&#34; title=&#34;jigsaw links&#34;>jigsaw links</a></li>
    <li><a href=&#34;circles.html&#34; title=&#34;circular links&#34;>circular links</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../layouts/index.html&#34;>LAYOUTS</a>
<!--[if lte IE 6]>
<a href=&#34;../layouts/index.html&#34;>LAYOUTS
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../layouts/bodyfix.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 1</a></li>
    <li><a href=&#34;../layouts/body2.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 2</a></li>
    <li><a href=&#34;../layouts/body4.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 3</a></li>
    <li><a href=&#34;../layouts/body5.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 4</a></li>
    <li><a href=&#34;../layouts/minimum.html&#34; title=&#34;A simple minimum width layout&#34;>minimum width</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../boxes/index.html&#34;>BOXES</a>
<!--[if lte IE 6]>
<a href=&#34;../boxes/index.html&#34;>BOXES
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;spies.html&#34; title=&#34;a coded list of spies&#34;>spies menu</a></li>
    <li><a href=&#34;vertical.html&#34; title=&#34;a horizontal vertical menu&#34;>vertical menu</a></li>
    <li><a href=&#34;expand.html&#34; title=&#34;an enlarging unordered list&#34;>enlarging list</a></li>
    <li><a href=&#34;enlarge.html&#34; title=&#34;an unordered list with link images&#34;>link images</a></li>
    <li><a href=&#34;cross.html&#34; title=&#34;non-rectangular links&#34;>non-rectangular</a></li>
    <li><a href=&#34;jigsaw.html&#34; title=&#34;jigsaw links&#34;>jigsaw links</a></li>
    <li><a href=&#34;circles.html&#34; title=&#34;circular links&#34;>circular links</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../mozilla/index.html&#34;>MOZILLA</a>
<!--[if lte IE 6]>
<a href=&#34;../mozilla/index.html&#34;>MOZILLA
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../mozilla/dro&#112;down.html&#34; title=&#34;A dro&#112; down menu&#34;>dro&#112; down menu</a></li>
    <li><a href=&#34;../mozilla/cascade.html&#34; title=&#34;A cascading menu&#34;>cascading menu</a></li>
    <li><a href=&#34;../mozilla/content.html&#34; title=&#34;Using content:&#34;>content:</a></li>
    <li><a href=&#34;../mozilla/moxbox.html&#34; title=&#34;:hover applied to a div&#34;>mozzie box</a></li>
    <li><a href=&#34;../mozilla/rainbow.html&#34; title=&#34;I can build a rainbow&#34;>rainbow box</a></li>
    <li><a href=&#34;../mozilla/snooker.html&#34; title=&#34;Snooker cue&#34;>snooker cue</a></li>
    <li><a href=&#34;../mozilla/target.html&#34; title=&#34;Target Practise&#34;>target practise</a></li>
    <li><a href=&#34;../mozilla/splittext.html&#34; title=&#34;Two tone headings&#34;>two tone headings</a></li>
    <li><a href=&#34;../mozilla/shadow_text.html&#34; title=&#34;Shadow text&#34;>shadow text</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../ie/index.html&#34;>EXPLORER</a>
<!--[if lte IE 6]>
<a href=&#34;../ie/index.html&#34;>EXPLORER
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../ie/exampleone.html&#34; title=&#34;Example one&#34;>example one</a></li>
    <li><a href=&#34;../ie/weft.html&#34; title=&#34;Weft fonts&#34;>weft fonts</a></li>
    <li><a href=&#34;../ie/exampletwo.html&#34; title=&#34;Vertical align&#34;>vertical align</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../opacity/index.html&#34;>OPACITY</a>
<!--[if lte IE 6]>
<a href=&#34;../opacity/index.html&#34;>OPACITY
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../opacity/colours.html&#34; title=&#34;colour wheel&#34;>opaque colours</a></li>
    <li><a href=&#34;../opacity/picturemenu.html&#34; title=&#34;a menu using opacity&#34;>opaque menu</a></li>
    <li><a href=&#34;../opacity/png.html&#34; title=&#34;partial opacity&#34;>partial opacity</a></li>
    <li><a href=&#34;../opacity/png2.html&#34; title=&#34;partial opacity II&#34;>partial opacity II</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
</ul>
<!-- clear the floats if required -->
<div class=&#34;clear&#34;>&amp;nbsp;</div>
</div>
</body>
</html></TEXTAREA><br/><INPUT onclick="runEx('temp61298')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp61298')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div><br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp60634"><!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34;>
<html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&#34;>
<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; />
<title>三级dro&#112;down弹出菜单</title>
<style type=&#34;text/css&#34;>
/* common styling */
.menu {font-family: arial, sans-serif; width:750px; position:relative; margin:0; font-size:11px; margin:50px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
</style>
<!--[if lte IE 6]>
<style type=&#34;text/css&#34;>
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}
.menu ul li a:hover {color:#fff; background:#36f;}
.menu ul li a:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li a:hover ul li a.sub {background:#6a3; color:#fff;}
.menu ul li a:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:#000;}
.menu ul li a:hover ul li a:hover ul.left {left:-105px;}
</style>
<![endif]-->
</head>
<body>
<div class=&#34;menu&#34;>
<ul>
<li><a class=&#34;hide&#34; href=&#34;../menu/index.html&#34;>DEMOS</a>
<!--[if lte IE 6]>
<a href=&#34;../menu/index.html&#34;>DEMOS
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../menu/zero_dollars.html&#34; title=&#34;The zero dollar ads page&#34;>zero dollars</a></li>
    <li><a href=&#34;../menu/embed.html&#34; title=&#34;Wrapping text around images&#34;>wrapping text</a></li>
    <li><a href=&#34;../menu/form.html&#34; title=&#34;Styling forms&#34;>styled form</a></li>
    <li><a href=&#34;../menu/nodots.html&#34; title=&#34;Removing active/focus borders&#34;>active focus</a></li>
    <li><a class=&#34;hide&#34; href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>HOVER/CLICK &amp;gt;</a>
  <!--[if lte IE 6]>
  <a class=&#34;sub&#34; href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>HOVER/CLICK &amp;gt;
  <table><tr><td>
  <![endif]-->
        <ul>
            <li><a href=&#34;../menu/form.html&#34; title=&#34;Styling forms&#34;>styled form</a></li>
            <li><a href=&#34;../menu/nodots.html&#34; title=&#34;Removing active/focus borders&#34;>active focus</a></li>
            <li><a href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>hover/click</a></li>
        </ul>
    <!--[if lte IE 6]>
    </td></tr></table>
  </a>
  <![endif]-->
    </li>
    <li><a href=&#34;../menu/shadow_boxing.html&#34; title=&#34;Multi-position dro&#112; shadow&#34;>shadow boxing</a></li>
    <li><a href=&#34;../menu/old_master.html&#34; title=&#34;Image Map for detailed information&#34;>image map</a></li>
    <li><a href=&#34;../menu/bodies.html&#34; title=&#34;fun with background images&#34;>fun backgrounds</a></li>
    <li><a href=&#34;../menu/fade_scroll.html&#34; title=&#34;fade-out scrolling&#34;>fade scrolling</a></li>
    <li><a href=&#34;../menu/em_images.html&#34; title=&#34;em size images compared&#34;>em sized images</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;index.html&#34;>MENUS</a>
<!--[if lte IE 6]>
<a href=&#34;index.html&#34;>MENUS
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;spies.html&#34; title=&#34;a coded list of spies&#34;>spies menu</a></li>
    <li><a href=&#34;vertical.html&#34; title=&#34;a horizontal vertical menu&#34;>vertical menu</a></li>
    <li><a href=&#34;expand.html&#34; title=&#34;an enlarging unordered list&#34;>enlarging list</a></li>
    <li><a href=&#34;enlarge.html&#34; title=&#34;an unordered list with link images&#34;>link images</a></li>
    <li><a href=&#34;cross.html&#34; title=&#34;non-rectangular links&#34;>non-rectangular</a></li>
    <li><a href=&#34;jigsaw.html&#34; title=&#34;jigsaw links&#34;>jigsaw links</a></li>
    <li><a href=&#34;circles.html&#34; title=&#34;circular links&#34;>circular links</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../layouts/index.html&#34;>LAYOUTS</a>
<!--[if lte IE 6]>
<a href=&#34;../layouts/index.html&#34;>LAYOUTS
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../layouts/bodyfix.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 1</a></li>
    <li><a href=&#34;../layouts/body2.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 2</a></li>
    <li><a href=&#34;../layouts/body4.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 3</a></li>
    <li><a href=&#34;../layouts/body5.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 4</a></li>
    <li><a href=&#34;../layouts/minimum.html&#34; title=&#34;A simple minimum width layout&#34;>minimum width</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../boxes/index.html&#34;>BOXES</a>
<!--[if lte IE 6]>
<a href=&#34;../boxes/index.html&#34;>BOXES
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;spies.html&#34; title=&#34;a coded list of spies&#34;>spies menu</a></li>
    <li><a href=&#34;vertical.html&#34; title=&#34;a horizontal vertical menu&#34;>vertical menu</a></li>
    <li><a href=&#34;expand.html&#34; title=&#34;an enlarging unordered list&#34;>enlarging list</a></li>
    <li><a href=&#34;enlarge.html&#34; title=&#34;an unordered list with link images&#34;>link images</a></li>
    <li><a href=&#34;cross.html&#34; title=&#34;non-rectangular links&#34;>non-rectangular</a></li>
    <li><a href=&#34;jigsaw.html&#34; title=&#34;jigsaw links&#34;>jigsaw links</a></li>
    <li><a href=&#34;circles.html&#34; title=&#34;circular links&#34;>circular links</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../mozilla/index.html&#34;>MOZILLA</a>
<!--[if lte IE 6]>
<a href=&#34;../mozilla/index.html&#34;>MOZILLA
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../mozilla/dro&#112;down.html&#34; title=&#34;A dro&#112; down menu&#34;>dro&#112; down menu</a></li>
    <li><a href=&#34;../mozilla/cascade.html&#34; title=&#34;A cascading menu&#34;>cascading menu</a></li>
    <li><a href=&#34;../mozilla/content.html&#34; title=&#34;Using content:&#34;>content:</a></li>
    <li><a href=&#34;../mozilla/moxbox.html&#34; title=&#34;:hover applied to a div&#34;>mozzie box</a></li>
    <li><a href=&#34;../mozilla/rainbow.html&#34; title=&#34;I can build a rainbow&#34;>rainbow box</a></li>
    <li><a href=&#34;../mozilla/snooker.html&#34; title=&#34;Snooker cue&#34;>snooker cue</a></li>
    <li><a href=&#34;../mozilla/target.html&#34; title=&#34;Target Practise&#34;>target practise</a></li>
    <li><a href=&#34;../mozilla/splittext.html&#34; title=&#34;Two tone headings&#34;>two tone headings</a></li>
    <li><a href=&#34;../mozilla/shadow_text.html&#34; title=&#34;Shadow text&#34;>shadow text</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../ie/index.html&#34;>EXPLORER</a>
<!--[if lte IE 6]>
<a href=&#34;../ie/index.html&#34;>EXPLORER
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../ie/exampleone.html&#34; title=&#34;Example one&#34;>example one</a></li>
    <li><a href=&#34;../ie/weft.html&#34; title=&#34;Weft fonts&#34;>weft fonts</a></li>
    <li><a href=&#34;../ie/exampletwo.html&#34; title=&#34;Vertical align&#34;>vertical align</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../opacity/index.html&#34;>OPACITY</a>
<!--[if lte IE 6]>
<a href=&#34;../opacity/index.html&#34;>OPACITY
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../opacity/colours.html&#34; title=&#34;colour wheel&#34;>opaque colours</a></li>
    <li><a href=&#34;../opacity/picturemenu.html&#34; title=&#34;a menu using opacity&#34;>opaque menu</a></li>
    <li><a href=&#34;../opacity/png.html&#34; title=&#34;partial opacity&#34;>partial opacity</a></li>
    <li><a href=&#34;../opacity/png2.html&#34; title=&#34;partial opacity II&#34;>partial opacity II</a></li>
    <li><a class=&#34;hide&#34; href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>&amp;lt; HOVER/CLICK</a>
  <!--[if lte IE 6]>
  <a class=&#34;sub&#34; href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>&amp;lt; HOVER/CLICK
  <table><tr><td>
  <![endif]-->
        <ul class=&#34;left&#34;>
            <li><a href=&#34;../menu/form.html&#34; title=&#34;Styling forms&#34;>styled form</a></li>
            <li><a href=&#34;../menu/nodots.html&#34; title=&#34;Removing active/focus borders&#34;>active focus</a></li>
            <li><a href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>hover/click</a></li>
        </ul>
    <!--[if lte IE 6]>
    </td></tr></table>
  </a>
  <![endif]-->
    </li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
</ul>
</div>
</body>
</html></TEXTAREA><br/><INPUT onclick="runEx('temp60634')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp60634')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div><br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp36067"><!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34;>
<html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&#34;>
<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; />
<title>flyout-竖向三级弹出菜单</title>
<style type=&#34;text/css&#34;>
/* common styling */
.menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #aaa; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#eee; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
</style>
<!--[if lte IE 6]>
<style type=&#34;text/css&#34;>
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}
.menu ul li a:hover {color:#fff; background:#36f;}
.menu ul li a:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li a:hover ul li a.sub {background:#6a3; color:#fff;}
.menu ul li a:hover ul li a {display:block; background:#eee; color:#000;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:#000;}
</style>
<![endif]-->
</head>
<body>
<div class=&#34;menu&#34;>
 <ul>
 <li><a class=&#34;hide&#34; href=&#34;../menu/index.html&#34;>DEMOS</a>
 <!--[if lte IE 6]>
 <a href=&#34;../menu/index.html&#34;>DEMOS
 <table><tr><td>
 <![endif]-->
  <ul>
  <li><a href=&#34;../menu/zero_dollars.html&#34; title=&#34;The zero dollar ads page&#34;>zero dollars</a></li>
  <li><a href=&#34;../menu/embed.html&#34; title=&#34;Wrapping text around images&#34;>wrapping text</a></li>
  <li><a href=&#34;../menu/form.html&#34; title=&#34;Styling forms&#34;>styled form</a></li>
  <li><a href=&#34;../menu/nodots.html&#34; title=&#34;Removing active/focus borders&#34;>active focus</a></li>
  <li><a class=&#34;hide&#34; href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>HOVER/CLICK &amp;gt;</a>
  <!--[if lte IE 6]>
  <a class=&#34;sub&#34; href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>HOVER/CLICK &amp;gt;
  <table><tr><td>
  <![endif]-->
   <ul>
   <li><a href=&#34;../menu/form.html&#34; title=&#34;Styling forms&#34;>styled form</a></li>
   <li><a href=&#34;../menu/nodots.html&#34; title=&#34;Removing active/focus borders&#34;>active focus</a></li>
   <li><a href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>hover/click</a></li>
   </ul>
  <!--[if lte IE 6]>
  </td></tr></table>
  </a>
  <![endif]-->
  </li>
  <li><a href=&#34;../menu/shadow_boxing.html&#34; title=&#34;Multi-position dro&#112; shadow&#34;>shadow boxing</a></li>
  <li><a href=&#34;../menu/old_master.html&#34; title=&#34;Image Map for detailed information&#34;>image map</a></li>
  <li><a href=&#34;../menu/bodies.html&#34; title=&#34;fun with background images&#34;>fun backgrounds</a></li>
  <li><a href=&#34;../menu/fade_scroll.html&#34; title=&#34;fade-out scrolling&#34;>fade scrolling</a></li>
  <li><a href=&#34;../menu/em_images.html&#34; title=&#34;em size images compared&#34;>em sized images</a></li>
  </ul>
  <!--[if lte IE 6]>
  </td></tr></table>
  </a>
  <![endif]-->
 </li>
 <li><a class=&#34;hide&#34; href=&#34;index.html&#34;>MENUS</a>
 <!--[if lte IE 6]>
 <a href=&#34;index.html&#34;>MENUS
 <table><tr><td>
 <![endif]-->
  <ul>
  <li><a href=&#34;spies.html&#34; title=&#34;a coded list of spies&#34;>spies menu</a></li>
  <li><a href=&#34;vertical.html&#34; title=&#34;a horizontal vertical menu&#34;>vertical menu</a></li>
  <li><a href=&#34;expand.html&#34; title=&#34;an enlarging unordered list&#34;>enlarging list</a></li>
  <li><a href=&#34;enlarge.html&#34; title=&#34;an unordered list with link images&#34;>link images</a></li>
  <li><a href=&#34;cross.html&#34; title=&#34;non-rectangular links&#34;>non-rectangular</a></li>
  <li><a href=&#34;jigsaw.html&#34; title=&#34;jigsaw links&#34;>jigsaw links</a></li>
  <li><a href=&#34;circles.html&#34; title=&#34;circular links&#34;>circular links</a></li>
  </ul>
 <!--[if lte IE 6]>
 </td></tr></table>
 </a>
 <![endif]-->
 </li>
 <li><a class=&#34;hide&#34; href=&#34;../layouts/index.html&#34;>LAYOUTS</a>
 <!--[if lte IE 6]>
 <a href=&#34;../layouts/index.html&#34;>LAYOUTS
 <table><tr><td>
 <![endif]-->
  <ul>
  <li><a href=&#34;../layouts/bodyfix.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 1</a></li>
  <li><a href=&#34;../layouts/body2.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 2</a></li>
  <li><a href=&#34;../layouts/body4.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 3</a></li>
  <li><a href=&#34;../layouts/body5.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 4</a></li>
  <li><a href=&#34;../layouts/minimum.html&#34; title=&#34;A simple minimum width layout&#34;>minimum width</a></li>
  </ul>
 <!--[if lte IE 6]>
 </td></tr></table>
 </a>
 <![endif]-->
 </li>
 <li><a class=&#34;hide&#34; href=&#34;../boxes/index.html&#34;>BOXES</a>
 <!--[if lte IE 6]>
 <a href=&#34;../boxes/index.html&#34;>BOXES
 <table><tr><td>
 <![endif]-->
  <ul>
  <li><a href=&#34;spies.html&#34; title=&#34;a coded list of spies&#34;>spies menu</a></li>
  <li><a href=&#34;vertical.html&#34; title=&#34;a horizontal vertical menu&#34;>vertical menu</a></li>
  <li><a href=&#34;expand.html&#34; title=&#34;an enlarging unordered list&#34;>enlarging list</a></li>
  <li><a href=&#34;enlarge.html&#34; title=&#34;an unordered list with link images&#34;>link images</a></li>
  <li><a href=&#34;cross.html&#34; title=&#34;non-rectangular links&#34;>non-rectangular</a></li>
  <li><a href=&#34;jigsaw.html&#34; title=&#34;jigsaw links&#34;>jigsaw links</a></li>
  <li><a href=&#34;circles.html&#34; title=&#34;circular links&#34;>circular links</a></li>
  </ul>
 <!--[if lte IE 6]>
 </td></tr></table>
 </a>
 <![endif]-->
 </li>
 <li><a class=&#34;hide&#34; href=&#34;../mozilla/index.html&#34;>MOZILLA</a>
 <!--[if lte IE 6]>
 <a href=&#34;../mozilla/index.html&#34;>MOZILLA
 <table><tr><td>
 <![endif]-->
  <ul>
  <li><a href=&#34;../mozilla/dro&#112;down.html&#34; title=&#34;A dro&#112; down menu&#34;>dro&#112; down menu</a></li>
  <li><a href=&#34;../mozilla/cascade.html&#34; title=&#34;A cascading menu&#34;>cascading menu</a></li>
  <li><a href=&#34;../mozilla/content.html&#34; title=&#34;Using content:&#34;>content:</a></li>
  <li><a href=&#34;../mozilla/moxbox.html&#34; title=&#34;:hover applied to a div&#34;>mozzie box</a></li>
  <li><a href=&#34;../mozilla/rainbow.html&#34; title=&#34;I can build a rainbow&#34;>rainbow box</a></li>
  <li><a href=&#34;../mozilla/snooker.html&#34; title=&#34;Snooker cue&#34;>snooker cue</a></li>
  <li><a href=&#34;../mozilla/target.html&#34; title=&#34;Target Practise&#34;>target practise</a></li>
  <li><a href=&#34;../mozilla/splittext.html&#34; title=&#34;Two tone headings&#34;>two tone headings</a></li>
  <li><a href=&#34;../mozilla/shadow_text.html&#34; title=&#34;Shadow text&#34;>shadow text</a></li>
  </ul>
 <!--[if lte IE 6]>
 </td></tr></table>
 </a>
 <![endif]-->
 </li>
 <li><a class=&#34;hide&#34; href=&#34;../ie/index.html&#34;>EXPLORER</a>
 <!--[if lte IE 6]>
 <a href=&#34;../ie/index.html&#34;>EXPLORER
 <table><tr><td>
 <![endif]-->
  <ul>
  <li><a href=&#34;../ie/exampleone.html&#34; title=&#34;Example one&#34;>example one</a></li>
  <li><a href=&#34;../ie/weft.html&#34; title=&#34;Weft fonts&#34;>weft fonts</a></li>
  <li><a href=&#34;../ie/exampletwo.html&#34; title=&#34;Vertical align&#34;>vertical align</a></li>
 </ul>
 <!--[if lte IE 6]>
 </td></tr></table>
 </a>
 <![endif]-->
 </li>
 <li><a class=&#34;hide&#34; href=&#34;../opacity/index.html&#34;>OPACITY</a>
 <!--[if lte IE 6]>
 <a href=&#34;../opacity/index.html&#34;>OPACITY
 <table><tr><td>
 <![endif]-->
 <ul>
 <li><a href=&#34;../opacity/colours.html&#34; title=&#34;colour wheel&#34;>opaque colours</a></li>
 <li><a href=&#34;../opacity/picturemenu.html&#34; title=&#34;a menu using opacity&#34;>opaque menu</a></li>
 <li><a href=&#34;../opacity/png.html&#34; title=&#34;partial opacity&#34;>partial opacity</a></li>
 <li><a href=&#34;../opacity/png2.html&#34; title=&#34;partial opacity II&#34;>partial opacity II</a></li>
 </ul>
 <!--[if lte IE 6]>
 </td></tr></table>
 </a>
 <![endif]-->
 </li>
 </ul>
</div>
</body>
</html></TEXTAREA><br/><INPUT onclick="runEx('temp36067')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp36067')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div><br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp9768"><!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34;>
<html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&#34;>
<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; />
<title>dro&#112;line-水平三级横向弹出菜单</title>
<style type=&#34;text/css&#34;>
/* common styling */
.menu {font-family: arial, sans-serif; width:749px; height:30px; position:relative; margin:0; font-size:11px; margin:50px 0; background:#fff; position:relative;}
.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left; border-left:1px solid #eee; width:106px;}
.menu ul li a, .menu ul li a:visited {display:block; float:left; width:101px; text-decoration:none; padding:0 0 0 5px; height:30px; line-height:30px; color:#000; background:#c9c9a7 url(../../graphics/dro&#112;.gif) bottom right no-repeat;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#b3ab79;}
.menu ul li:hover ul {display:block; position:absolute; width:749px; top:30px; left:0; background:#b3ab79; color:#fff;}
.menu ul li:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;}
.menu ul li:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;}
.menu ul li:hover ul li a.hide {background:#bd8d5e url(../../graphics/dro&#112;2.gif) bottom right no-repeat; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#b3ab79; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:##b3ab79; color:#fff;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:30px; color:#000; background:#dfc184;}
.menu ul li:hover ul.right li {float:right;}
.menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}
</style>
<!--[if lte IE 6]>
<style type=&#34;text/css&#34;>
table {border-collapse:collapse; margin:0; padding:0;}
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}
.menu ul li a, .menu ul li a:visited {background:#c9c9a7 url(../../graphics/dro&#112;.gif) 20px right no-repeat;}
.menu ul li a:hover {color:#fff; background:#b3ab79;}
.menu ul li a:hover ul {display:block; position:absolute; width:749px; top:30px; left:0; background:#b3ab79; color:#fff;}
.menu ul li a:hover ul.right_side li {float:right; border-width:0 1px 0 0 0;}
.menu ul li a:hover ul.left_side li {float:left;}
.menu ul li a:hover ul li a.sub {background:#bd8d5e url(../../graphics/dro&#112;2.gif) 20px right no-repeat; color:#fff;}
.menu ul li a:hover ul li a {display:block; background:#b3ab79; color:#fff;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:0; top:30px; color:#000; background:#dfc184;}
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}
.menu ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;}
</style>
<![endif]-->
</head>
<body>
<div class=&#34;menu&#34;>
<ul>
<li><a class=&#34;hide&#34; href=&#34;../menu/index.html&#34;>DEMOS</a>
<!--[if lte IE 6]>
<a href=&#34;../menu/index.html&#34;>DEMOS
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../menu/zero_dollars.html&#34; title=&#34;The zero dollar ads page&#34;>zero dollars</a></li>
    <li><a href=&#34;../menu/embed.html&#34; title=&#34;Wrapping text around images&#34;>wrapping text</a></li>
    <li><a href=&#34;../menu/form.html&#34; title=&#34;Styling forms&#34;>styled form</a></li>
    <li><a href=&#34;../menu/nodots.html&#34; title=&#34;Removing active/focus borders&#34;>active focus</a></li>
    <li><a class=&#34;hide&#34; href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>HOVER/CLICK</a>
  <!--[if lte IE 6]>
  <a class=&#34;sub&#34; href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>HOVER/CLICK
  <table><tr><td>
  <![endif]-->
        <ul class=&#34;right_side&#34;>
            <li><a href=&#34;../menu/form.html&#34; title=&#34;Styling forms&#34;>styled form</a></li>
            <li><a href=&#34;../menu/nodots.html&#34; title=&#34;Removing active/focus borders&#34;>active focus</a></li>
            <li><a href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>hover/click</a></li>
        </ul>
    <!--[if lte IE 6]>
    </td></tr></table>
  </a>
  <![endif]-->
    </li>
    <li><a href=&#34;../menu/shadow_boxing.html&#34; title=&#34;Multi-position dro&#112; shadow&#34;>shadow boxing</a></li>
    <li><a href=&#34;../menu/old_master.html&#34; title=&#34;Image Map for detailed information&#34;>image map</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;index.html&#34;>MENUS</a>
<!--[if lte IE 6]>
<a href=&#34;index.html&#34;>MENUS
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;spies.html&#34; title=&#34;a coded list of spies&#34;>spies menu</a></li>
    <li><a href=&#34;vertical.html&#34; title=&#34;a horizontal vertical menu&#34;>vertical menu</a></li>
    <li><a href=&#34;expand.html&#34; title=&#34;an enlarging unordered list&#34;>enlarging list</a></li>
    <li><a href=&#34;enlarge.html&#34; title=&#34;an unordered list with link images&#34;>link images</a></li>
    <li><a href=&#34;cross.html&#34; title=&#34;non-rectangular links&#34;>non-rectangular</a></li>
    <li><a href=&#34;jigsaw.html&#34; title=&#34;jigsaw links&#34;>jigsaw links</a></li>
    <li><a href=&#34;circles.html&#34; title=&#34;circular links&#34;>circular links</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../layouts/index.html&#34;>LAYOUTS</a>
<!--[if lte IE 6]>
<a href=&#34;../layouts/index.html&#34;>LAYOUTS
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../layouts/bodyfix.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 1</a></li>
    <li><a href=&#34;../layouts/body2.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 2</a></li>
    <li><a href=&#34;../layouts/body4.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 3</a></li>
    <li><a href=&#34;../layouts/body5.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 4</a></li>
    <li><a href=&#34;../layouts/minimum.html&#34; title=&#34;A simple minimum width layout&#34;>minimum width</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../boxes/index.html&#34;>BOXES</a>
<!--[if lte IE 6]>
<a href=&#34;../boxes/index.html&#34;>BOXES
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;spies.html&#34; title=&#34;a coded list of spies&#34;>spies menu</a></li>
    <li><a href=&#34;vertical.html&#34; title=&#34;a horizontal vertical menu&#34;>vertical menu</a></li>
    <li><a href=&#34;expand.html&#34; title=&#34;an enlarging unordered list&#34;>enlarging list</a></li>
    <li><a href=&#34;enlarge.html&#34; title=&#34;an unordered list with link images&#34;>link images</a></li>
    <li><a href=&#34;cross.html&#34; title=&#34;non-rectangular links&#34;>non-rectangular</a></li>
    <li><a href=&#34;jigsaw.html&#34; title=&#34;jigsaw links&#34;>jigsaw links</a></li>
    <li><a href=&#34;circles.html&#34; title=&#34;circular links&#34;>circular links</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../mozilla/index.html&#34;>MOZILLA</a>
<!--[if lte IE 6]>
<a href=&#34;../mozilla/index.html&#34;>MOZILLA
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../mozilla/dro&#112;down.html&#34; title=&#34;A dro&#112; down menu&#34;>dro&#112; down menu</a></li>
    <li><a href=&#34;../mozilla/cascade.html&#34; title=&#34;A cascading menu&#34;>cascading menu</a></li>
    <li><a href=&#34;../mozilla/content.html&#34; title=&#34;Using content:&#34;>content:</a></li>
    <li><a href=&#34;../mozilla/moxbox.html&#34; title=&#34;:hover applied to a div&#34;>mozzie box</a></li>
    <li><a href=&#34;../mozilla/rainbow.html&#34; title=&#34;I can build a rainbow&#34;>rainbow box</a></li>
    <li><a href=&#34;../mozilla/snooker.html&#34; title=&#34;Snooker cue&#34;>snooker cue</a></li>
    <li><a href=&#34;../mozilla/target.html&#34; title=&#34;Target Practise&#34;>target practise</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../ie/index.html&#34;>EXPLORER</a>
<!--[if lte IE 6]>
<a href=&#34;../ie/index.html&#34;>EXPLORER
<table><tr><td>
<![endif]-->
    <ul class=&#34;right_side&#34;>
    <li><a href=&#34;../ie/exampleone.html&#34; title=&#34;Example one&#34;>example one</a></li>
    <li><a href=&#34;../ie/weft.html&#34; title=&#34;Weft fonts&#34;>weft fonts</a></li>
    <li><a href=&#34;../ie/exampletwo.html&#34; title=&#34;Vertical align&#34;>vertical align</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../opacity/index.html&#34;>OPACITY</a>
<!--[if lte IE 6]>
<a href=&#34;../opacity/index.html&#34;>OPACITY
<table><tr><td>
<![endif]-->
    <ul class=&#34;right_side&#34;>
    <li><a href=&#34;../opacity/colours.html&#34; title=&#34;colour wheel&#34;>opaque colours</a></li>
    <li><a href=&#34;../opacity/picturemenu.html&#34; title=&#34;a menu using opacity&#34;>opaque menu</a></li>
    <li><a href=&#34;../opacity/png.html&#34; title=&#34;partial opacity&#34;>partial opacity</a></li>
    <li><a href=&#34;../opacity/png2.html&#34; title=&#34;partial opacity II&#34;>partial opacity II</a></li>
    <li><a class=&#34;hide&#34; href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>HOVER/CLICK</a>
  <!--[if lte IE 6]>
  <a class=&#34;sub&#34; href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>HOVER/CLICK
  <table><tr><td>
  <![endif]-->
        <ul class=&#34;left_side&#34;>
            <li><a href=&#34;../menu/form.html&#34; title=&#34;Styling forms&#34;>styled form</a></li>
            <li><a href=&#34;../menu/nodots.html&#34; title=&#34;Removing active/focus borders&#34;>active focus</a></li>
            <li><a href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>hover/click</a></li>
        </ul>
    <!--[if lte IE 6]>
    </td></tr></table>
  </a>
  <![endif]-->
    </li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
</ul>
</div>
</body>
</html></TEXTAREA><br/><INPUT onclick="runEx('temp9768')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp9768')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div><br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.cffzhh.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp62107"><!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34;>
<html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&#34;>
<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; />
<title>upmenu-水平竖弹向上三级弹出菜单</title>
<style type=&#34;text/css&#34;>
/* common styling */
.menu {font-family: verdana, arial, sans-serif; width:735px; position:relative; font-size:11px; margin:50px auto;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:94px; height:25px; text-align:left; color:#000; padding-left:10px; border:1px solid #fff; border-width:0 1px 1px 0; background:#c9c9a7; line-height:25px; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background:#e9e9c7;}
.menu ul li:hover ul {display:block; position:absolute; bottom:26px; left:0;}
.menu ul li:hover ul li a.hide {background:#a7c9c9; color:#000;}
.menu ul li:hover ul li {display:block; background:#fff; color:#000;width:199px; clear:both;}
.menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#c9a7c9; color:#000; width:100%; padding-left:10px;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:210px; bottom:0;}
.menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#c9c9a7; color:#000;}
.menu ul li:hover ul.left {left:-105px;}
.menu ul li:hover ul li:hover ul.left {left:-210px; width:209px;}
</style>
<!--[if lte IE 6]>
<style type=&#34;text/css&#34;>
table {border-collapse:collapse; margin:0; padding:0;}
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}
.menu ul li a:hover {color:#000; background:#e9e9c7;}
.menu ul li a:hover ul {display:block; position:absolute; bottom:26px; left:0;}
.menu ul li a:hover ul li {display:block; background:#fff; color:#000; width:199px;}
.menu ul li a:hover ul li a.sub {background:#a7c9c9; color:#000;}
.menu ul li a:hover ul li a {display:block; background:#c9a7c9; color:#000; width:100%; padding-left:10px;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:210px; bottom:0;}
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}
.menu ul li a:hover ul li a:hover ul li a:hover {background:#c9c9a7; color:#000;}
.menu ul li a:hover ul.left {left:-105px;}
.menu ul li a:hover ul li a:hover ul.left {left:-210px;}
</style>
<![endif]-->
</head>
<body>
<p>&amp;nbsp;</p>
<p>&amp;nbsp;</p>
<p>&amp;nbsp;</p>
<p>&amp;nbsp;</p>
<p>&amp;nbsp;</p>
<p>&amp;nbsp;</p>
<p>&amp;nbsp;</p>
<p>&amp;nbsp;</p>
<p>&amp;nbsp;</p>
<div class=&#34;menu&#34;>
<ul>
<li><a class=&#34;hide&#34; href=&#34;../menu/index.html&#34;>DEMOS</a>
<!--[if lte IE 6]>
<a href=&#34;../menu/index.html&#34;>DEMOS
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../menu/zero_dollars.html&#34; title=&#34;The zero dollar ads page&#34;>zero dollars</a></li>
    <li><a href=&#34;../menu/embed.html&#34; title=&#34;Wrapping text around images&#34;>wrapping text</a></li>
    <li><a href=&#34;../menu/form.html&#34; title=&#34;Styling forms&#34;>styled form</a></li>
    <li><a href=&#34;../menu/nodots.html&#34; title=&#34;Removing active/focus borders&#34;>active focus</a></li>
    <li><a class=&#34;hide&#34; href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>HOVER/CLICK &amp;gt;</a>
  <!--[if lte IE 6]>
  <a class=&#34;sub&#34; href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>HOVER/CLICK &amp;gt;
  <table><tr><td>
  <![endif]-->
        <ul>
            <li><a href=&#34;../menu/form.html&#34; title=&#34;Styling forms&#34;>styled form</a></li>
            <li><a href=&#34;../menu/nodots.html&#34; title=&#34;Removing active/focus borders&#34;>active focus</a></li>
            <li><a href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>hover/click</a></li>
        </ul>
    <!--[if lte IE 6]>
    </td></tr></table>
  </a>
  <![endif]-->
    </li>
    <li><a href=&#34;../menu/shadow_boxing.html&#34; title=&#34;Multi-position dro&#112; shadow&#34;>shadow boxing</a></li>
    <li><a href=&#34;../menu/old_master.html&#34; title=&#34;Image Map for detailed information&#34;>image map</a></li>
    <li><a href=&#34;../menu/bodies.html&#34; title=&#34;fun with background images&#34;>fun backgrounds</a></li>
    <li><a href=&#34;../menu/fade_scroll.html&#34; title=&#34;fade-out scrolling&#34;>fade scrolling</a></li>
    <li><a href=&#34;../menu/em_images.html&#34; title=&#34;em size images compared&#34;>em sized images</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;index.html&#34;>MENUS</a>
<!--[if lte IE 6]>
<a href=&#34;index.html&#34;>MENUS
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;spies.html&#34; title=&#34;a coded list of spies&#34;>spies menu</a></li>
    <li><a href=&#34;vertical.html&#34; title=&#34;a horizontal vertical menu&#34;>vertical menu</a></li>
    <li><a href=&#34;expand.html&#34; title=&#34;an enlarging unordered list&#34;>enlarging list</a></li>
    <li><a href=&#34;enlarge.html&#34; title=&#34;an unordered list with link images&#34;>link images</a></li>
    <li><a href=&#34;cross.html&#34; title=&#34;non-rectangular links&#34;>non-rectangular</a></li>
    <li><a href=&#34;jigsaw.html&#34; title=&#34;jigsaw links&#34;>jigsaw links</a></li>
    <li><a href=&#34;circles.html&#34; title=&#34;circular links&#34;>circular links</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../layouts/index.html&#34;>LAYOUTS</a>
<!--[if lte IE 6]>
<a href=&#34;../layouts/index.html&#34;>LAYOUTS
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../layouts/bodyfix.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 1</a></li>
    <li><a href=&#34;../layouts/body2.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 2</a></li>
    <li><a href=&#34;../layouts/body4.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 3</a></li>
    <li><a href=&#34;../layouts/body5.html&#34; title=&#34;Cross browser fixed layout&#34;>Fixed 4</a></li>
    <li><a href=&#34;../layouts/minimum.html&#34; title=&#34;A simple minimum width layout&#34;>minimum width</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../boxes/index.html&#34;>BOXES</a>
<!--[if lte IE 6]>
<a href=&#34;../boxes/index.html&#34;>BOXES
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;spies.html&#34; title=&#34;a coded list of spies&#34;>spies menu</a></li>
    <li><a href=&#34;vertical.html&#34; title=&#34;a horizontal vertical menu&#34;>vertical menu</a></li>
    <li><a href=&#34;expand.html&#34; title=&#34;an enlarging unordered list&#34;>enlarging list</a></li>
    <li><a href=&#34;enlarge.html&#34; title=&#34;an unordered list with link images&#34;>link images</a></li>
    <li><a href=&#34;cross.html&#34; title=&#34;non-rectangular links&#34;>non-rectangular</a></li>
    <li><a href=&#34;jigsaw.html&#34; title=&#34;jigsaw links&#34;>jigsaw links</a></li>
    <li><a href=&#34;circles.html&#34; title=&#34;circular links&#34;>circular links</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../mozilla/index.html&#34;>MOZILLA</a>
<!--[if lte IE 6]>
<a href=&#34;../mozilla/index.html&#34;>MOZILLA
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../mozilla/dro&#112;down.html&#34; title=&#34;A dro&#112; down menu&#34;>dro&#112; down menu</a></li>
    <li><a href=&#34;../mozilla/cascade.html&#34; title=&#34;A cascading menu&#34;>cascading menu</a></li>
    <li><a href=&#34;../mozilla/content.html&#34; title=&#34;Using content:&#34;>content:</a></li>
    <li><a href=&#34;../mozilla/moxbox.html&#34; title=&#34;:hover applied to a div&#34;>mozzie box</a></li>
    <li><a href=&#34;../mozilla/rainbow.html&#34; title=&#34;I can build a rainbow&#34;>rainbow box</a></li>
    <li><a href=&#34;../mozilla/snooker.html&#34; title=&#34;Snooker cue&#34;>snooker cue</a></li>
    <li><a href=&#34;../mozilla/target.html&#34; title=&#34;Target Practise&#34;>target practise</a></li>
    <li><a href=&#34;../mozilla/splittext.html&#34; title=&#34;Two tone headings&#34;>two tone headings</a></li>
    <li><a href=&#34;../mozilla/shadow_text.html&#34; title=&#34;Shadow text&#34;>shadow text</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../ie/index.html&#34;>EXPLORER</a>
<!--[if lte IE 6]>
<a href=&#34;../ie/index.html&#34;>EXPLORER
<table><tr><td>
<![endif]-->
    <ul>
    <li><a href=&#34;../ie/exampleone.html&#34; title=&#34;Example one&#34;>example one</a></li>
    <li><a href=&#34;../ie/weft.html&#34; title=&#34;Weft fonts&#34;>weft fonts</a></li>
    <li><a href=&#34;../ie/exampletwo.html&#34; title=&#34;Vertical align&#34;>vertical align</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class=&#34;hide&#34; href=&#34;../opacity/index.html&#34;>OPACITY</a>
<!--[if lte IE 6]>
<a href=&#34;../opacity/index.html&#34;>OPACITY
<table><tr><td>
<![endif]-->
    <ul class=&#34;left&#34;>
    <li><a class=&#34;hide&#34; href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>&amp;lt; HOVER/CLICK</a>
  <!--[if lte IE 6]>
  <a class=&#34;sub&#34; href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>&amp;lt; HOVER/CLICK
  <table><tr><td>
  <![endif]-->
        <ul class=&#34;left&#34;>
            <li><a href=&#34;../menu/form.html&#34; title=&#34;Styling forms&#34;>styled form</a></li>
            <li><a href=&#34;../menu/nodots.html&#34; title=&#34;Removing active/focus borders&#34;>active focus</a></li>
            <li><a href=&#34;../menu/hover_click.html&#34; title=&#34;Hover/click with no active/focus borders&#34;>hover/click</a></li>
        </ul>
    <!--[if lte IE 6]>
    </td></tr></table>
  </a>
  <![endif]-->
    </li>
    <li><a href=&#34;../opacity/colours.html&#34; title=&#34;colour wheel&#34;>opaque colours</a></li>
    <li><a href=&#34;../opacity/picturemenu.html&#34; title=&#34;a menu using opacity&#34;>opaque menu</a></li>
    <li><a href=&#34;../opacity/png.html&#34; title=&#34;partial opacity&#34;>partial opacity</a></li>
    <li><a href=&#34;../opacity/png2.html&#34; title=&#34;partial opacity II&#34;>partial opacity II</a></li>
    </ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
</ul>
</div>
</body>
</html></TEXTAREA><br/><INPUT onclick="runEx('temp62107')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp62107')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div><br/>]]></description>
		</item>
		
			<item>
			<link>http://www.cffzhh.com/default.asp?id=216</link>
			<title><![CDATA[55种网页常用小技巧]]></title>
			<author>teixie_127@163.com(古道风)</author>
			<category><![CDATA[工作+资源]]></category>
			<pubDate>Sun,22 Jul 2007 17:05:11 +0800</pubDate>
			<guid>http://www.cffzhh.com/default.asp?id=216</guid>	
		<description><![CDATA[1.&nbsp;oncontextmenu=&#34;window.event.returnValue=false&#34;&nbsp;将彻底屏蔽鼠标右键&nbsp;<br/>&lt;table&nbsp;border&nbsp;oncontextmenu=return(false)&gt;&lt;td&gt;no&lt;/table&gt;&nbsp;可用于Table&nbsp;<br/><br/>2.&nbsp;&lt;body&nbsp;onsel&#101;ctstart=&#34;return&nbsp;false&#34;&gt;&nbsp;取消选取、防止复制&nbsp;<br/><br/>3.&nbsp;onpaste=&#34;return&nbsp;false&#34;&nbsp;不准粘贴&nbsp;<br/><br/>4.&nbsp;oncopy=&#34;return&nbsp;false;&#34;&nbsp;oncut=&#34;return&nbsp;false;&#34;&nbsp;防止复制&nbsp;<br/><br/>5.&nbsp;&lt;link&nbsp;rel=&#34;Shortcut&nbsp;Icon&#34;&nbsp;href=&#34;favicon.ico&#34;&gt;&nbsp;IE地址栏前换成自己的图标&nbsp;<br/><br/>6.&nbsp;&lt;link&nbsp;rel=&#34;Bookmark&#34;&nbsp;href=&#34;favicon.ico&#34;&gt;&nbsp;可以在收藏夹中显示出你的图标&nbsp;<br/><br/>7.&nbsp;&lt;input&nbsp;style=&#34;ime-mode:disabled&#34;&gt;&nbsp;关闭输入法&nbsp;<br/><br/>8.&nbsp;永远都会带着框架&nbsp;<br/>&lt;script&nbsp;language=&#34;Javascript&#34;&gt;&lt;!--&nbsp;<br/>if&nbsp;(window&nbsp;==&nbsp;top)top.location.href&nbsp;=&nbsp;&#34;frames.htm&#34;;&nbsp;//frames.htm为框架网页&nbsp;<br/>//&nbsp;--&gt;&lt;/script&gt;&nbsp;<br/><br/>9.&nbsp;防止被人frame&nbsp;<br/>&lt;script&nbsp;LANGUAGE=JAVAscript&gt;&lt;!--&nbsp;<br/>if&nbsp;(top.location&nbsp;!=&nbsp;self.location)top.location=self.location;&nbsp;<br/>//&nbsp;--&gt;&lt;/script&gt;&nbsp;<br/><br/>10.&nbsp;网页将不能被另存为&nbsp;<br/>&lt;noscript&gt;&lt;iframe&nbsp;src=*.html&gt;&lt;/iframe&gt;&lt;/noscript&gt;&nbsp;<br/><br/>11.&nbsp;&lt;input&nbsp;type=button&nbsp;value=查看网页源代码&nbsp;<br/>onclick=&#34;window.location&nbsp;=&nbsp;&#34;view-source:&#34;+&nbsp;&#34;<a href="http://www.cffzhh.com" target="_blank">http://www.cffzhh.com</a>&#34;&#34;&gt;&nbsp;<br/><br/>12.删除时确认&nbsp;<br/>&lt;a&nbsp;href=&#34;javascript:if(confirm(&#34;确实要删除吗?&#34;))location=&#34;boos.asp?&amp;areyou=删除&amp;page=1&#34;&#34;&gt;删除&lt;/a&gt;&nbsp;<br/><br/>13.&nbsp;取得控件的绝对位置&nbsp;<br/>//Javascript&nbsp;<br/>&lt;script&nbsp;language=&#34;Javascript&#34;&gt;&nbsp;<br/>function&nbsp;getIE(e){&nbsp;<br/>var&nbsp;t=e.offsetTop;&nbsp;<br/>var&nbsp;l=e.offsetLeft;&nbsp;<br/>while(e=e.offsetParent){&nbsp;<br/>t+=e.offsetTop;&nbsp;<br/>l+=e.offsetLeft;&nbsp;<br/>}&nbsp;<br/>alert(&#34;top=&#34;+t+&#34;/nleft=&#34;+l);&nbsp;<br/>}&nbsp;<br/>&lt;/script&gt;&nbsp;<br/>//VBscript&nbsp;<br/>&lt;script&nbsp;language=&#34;VBscript&#34;&gt;&lt;!--&nbsp;<br/>function&nbsp;getIE()&nbsp;<br/>dim&nbsp;t,l,a,b&nbsp;<br/>set&nbsp;a=document.all.img1&nbsp;<br/>t=document.all.img1.offsetTop&nbsp;<br/>l=document.all.img1.offsetLeft&nbsp;<br/>while&nbsp;a.tagName&lt;&gt;&#34;BODY&#34;&nbsp;<br/>set&nbsp;a&nbsp;=&nbsp;a.offsetParent&nbsp;<br/>t=t+a.offsetTop&nbsp;<br/>l=l+a.offsetLeft&nbsp;<br/>wend&nbsp;<br/>msgbox&nbsp;&#34;top=&#34;&amp;t&amp;chr(13)&amp;&#34;left=&#34;&amp;l,64,&#34;得到控件的位置&#34;&nbsp;<br/>end&nbsp;function&nbsp;<br/>--&gt;&lt;/script&gt;&nbsp;<br/><br/>14.&nbsp;光标是停在文本框文字的最后&nbsp;<br/>&lt;script&nbsp;language=&#34;javascript&#34;&gt;&nbsp;<br/>function&nbsp;cc()&nbsp;<br/>{&nbsp;<br/>var&nbsp;e&nbsp;=&nbsp;event.srcElement;&nbsp;<br/>var&nbsp;r&nbsp;=e.cr&#101;ateTextRange();&nbsp;<br/>r.moveStart(&#34;character&#34;,e.value.length);&nbsp;<br/>r.collapse(true);&nbsp;<br/>r.sel&#101;ct();&nbsp;<br/>}&nbsp;<br/>&lt;/script&gt;&nbsp;<br/>&lt;input&nbsp;type=text&nbsp;name=text1&nbsp;value=&#34;123&#34;&nbsp;onfocus=&#34;cc()&#34;&gt;&nbsp;<br/><br/>15.&nbsp;判断上一页的来源&nbsp;<br/>javascript:&nbsp;<br/>document.referrer&nbsp;<br/><br/>16.&nbsp;最小化、最大化、关闭窗口&nbsp;<br/>&lt;object&nbsp;id=hh1&nbsp;classid=&#34;clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11&#34;&gt;&nbsp;<br/>&lt;param&nbsp;name=&#34;Command&#34;&nbsp;value=&#34;Minimize&#34;&gt;&lt;/object&gt;&nbsp;<br/>&lt;object&nbsp;id=hh2&nbsp;classid=&#34;clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11&#34;&gt;&nbsp;<br/>&lt;param&nbsp;name=&#34;Command&#34;&nbsp;value=&#34;Maximize&#34;&gt;&lt;/object&gt;&nbsp;<br/>&lt;OBJECT&nbsp;id=hh3&nbsp;classid=&#34;clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11&#34;&gt;&nbsp;<br/>&lt;PARAM&nbsp;NAME=&#34;Command&#34;&nbsp;VALUE=&#34;Close&#34;&gt;&lt;/OBJECT&gt;&nbsp;<br/>&lt;input&nbsp;type=button&nbsp;value=最小化&nbsp;onclick=hh1.Click()&gt;&nbsp;<br/>&lt;input&nbsp;type=button&nbsp;value=最大化&nbsp;onclick=hh2.Click()&gt;&nbsp;<br/>&lt;input&nbsp;type=button&nbsp;value=关闭&nbsp;onclick=hh3.Click()&gt;&nbsp;<br/>本例适用于IE&nbsp;<br/><br/>17.屏蔽功能键Shift,Alt,Ctrl&nbsp;<br/>&lt;script&gt;&nbsp;<br/>function&nbsp;look(){&nbsp;<br/>if(event.shiftKey)&nbsp;<br/>alert(&#34;禁止按Shift键!&#34;);&nbsp;//可以换成ALT　CTRL&nbsp;<br/>}&nbsp;<br/>document.onkeydown=look;&nbsp;<br/>&lt;/script&gt;&nbsp;<br/><br/>18.&nbsp;网页不会被缓存&nbsp;<br/>&lt;META&nbsp;HTTP-EQUIV=&#34;pragma&#34;&nbsp;CONTENT=&#34;no-cache&#34;&gt;&nbsp;<br/>&lt;META&nbsp;HTTP-EQUIV=&#34;Cache-Control&#34;&nbsp;CONTENT=&#34;no-cache,&nbsp;must-revalidate&#34;&gt;&nbsp;<br/>&lt;META&nbsp;HTTP-EQUIV=&#34;expires&#34;&nbsp;CONTENT=&#34;Wed,&nbsp;26&nbsp;Feb&nbsp;1997&nbsp;08:21:57&nbsp;GMT&#34;&gt;&nbsp;<br/>或者&lt;META&nbsp;HTTP-EQUIV=&#34;expires&#34;&nbsp;CONTENT=&#34;0&#34;&gt;&nbsp;<br/><br/>19.怎样让表单没有凹凸感？&nbsp;<br/>&lt;input&nbsp;type=text&nbsp;style=&#34;border:1&nbsp;solid&nbsp;#000000&#34;&gt;&nbsp;<br/>或&nbsp;<br/>&lt;input&nbsp;type=text&nbsp;style=&#34;border-left:none;&nbsp;border-right:none;&nbsp;border-top:none;&nbsp;border-bottom:&nbsp;<br/>1&nbsp;solid&nbsp;#000000&#34;&gt;&lt;/textarea&gt;&nbsp;<br/><br/>20.&lt;div&gt;&lt;span&gt;&amp;&lt;layer&gt;的区别？&nbsp;<br/>&lt;div&gt;(division)用来定义大段的页面元素，会产生转行&nbsp;<br/>&lt;span&gt;用来定义同一行内的元素，跟&lt;div&gt;的唯一区别是不产生转行&nbsp;<br/>&lt;layer&gt;是ns的标记，ie不支持，相当于&lt;div&gt;&nbsp;<br/><br/>21.让弹出窗口总是在最上面:&nbsp;<br/>&lt;body&nbsp;onblur=&#34;this.focus();&#34;&gt;&nbsp;<br/><br/>22.不要滚动条?&nbsp;<br/>让竖条没有:&nbsp;<br/>&lt;body&nbsp;style=&#34;overflow:scroll;overflow-y:hidden&#34;&gt;&nbsp;<br/>&lt;/body&gt;&nbsp;<br/>让横条没有:&nbsp;<br/>&lt;body&nbsp;style=&#34;overflow:scroll;overflow-x:hidden&#34;&gt;&nbsp;<br/>&lt;/body&gt;&nbsp;<br/>两个都去掉？更简单了&nbsp;<br/>&lt;body&nbsp;scroll=&#34;no&#34;&gt;&nbsp;<br/>&lt;/body&gt;&nbsp;<br/><br/>23.怎样去掉图片链接点击后，图片周围的虚线？&nbsp;<br/>&lt;a&nbsp;href=&#34;#&#34;&nbsp;onFocus=&#34;this.blur()&#34;&gt;&lt;img&nbsp;src=&#34;logo.jpg&#34;&nbsp;border=0&gt;&lt;/a&gt;&nbsp;<br/><br/>24.电子邮件处理提交表单&nbsp;<br/>&lt;form&nbsp;name=&#34;form1&#34;&nbsp;method=&#34;post&#34;&nbsp;action=&#34;mailto:****@***.com&#34;&nbsp;enctype=&#34;text/plain&#34;&gt;&nbsp;<br/>&lt;input&nbsp;type=submit&gt;&nbsp;<br/>&lt;/form&gt;&nbsp;<br/><br/>25.在打开的子窗口刷新父窗口的代码里如何写？&nbsp;<br/>window.opener.location.reload()&nbsp;<br/><br/>26.如何设定打开页面的大小&nbsp;<br/>&lt;body&nbsp;onload=&#34;top.resizeTo(300,200);&#34;&gt;&nbsp;<br/>打开页面的位置&lt;body&nbsp;onload=&#34;top.moveBy(300,200);&#34;&gt;&nbsp;<br/><br/>27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动&nbsp;<br/>&lt;STYLE&gt;&nbsp;<br/>body&nbsp;<br/>{background-image:url(logo.gif);&nbsp;background-repeat:no-repeat;&nbsp;<br/>background-position:center;background-attachment:&nbsp;fixed}&nbsp;<br/>&lt;/STYLE&gt;&nbsp;<br/><br/>28.&nbsp;检查一段字符串是否全由数字组成&nbsp;<br/>&lt;script&nbsp;language=&#34;Javascript&#34;&gt;&lt;!--&nbsp;<br/>function&nbsp;checkNum(str){return&nbsp;str.match(//D/)==null}&nbsp;<br/>alert(checkNum(&#34;1232142141&#34;))&nbsp;<br/>alert(checkNum(&#34;123214214a1&#34;))&nbsp;<br/>//&nbsp;--&gt;&lt;/script&gt;&nbsp;<br/><br/>29.&nbsp;获得一个窗口的大小&nbsp;<br/>document.body.clientWidth;&nbsp;document.body.clientHeight&nbsp;<br/><br/>30.&nbsp;怎么判断是否是字符&nbsp;<br/>if&nbsp;(/[^/x00-/xff]/g.test(s))&nbsp;alert(&#34;含有汉字&#34;);&nbsp;<br/>else&nbsp;alert(&#34;全是字符&#34;);&nbsp;<br/><br/>31.TEXTAREA自适应文字行数的多少&nbsp;<br/>&lt;textarea&nbsp;rows=1&nbsp;name=s1&nbsp;cols=27&nbsp;onpropertychange=&#34;this.style.posHeight=this.scrollHeight&#34;&gt;&nbsp;<br/>&lt;/textarea&gt;&nbsp;<br/><br/>32.&nbsp;日期减去天数等于第二个日期&nbsp;<br/>&lt;script&nbsp;language=Javascript&gt;&nbsp;<br/>function&nbsp;cc(dd,dadd)&nbsp;<br/>{&nbsp;<br/>//可以加上错误处理&nbsp;<br/>var&nbsp;a&nbsp;=&nbsp;new&nbsp;Date(dd)&nbsp;<br/>a&nbsp;=&nbsp;a.valueOf()&nbsp;<br/>a&nbsp;=&nbsp;a&nbsp;-&nbsp;dadd&nbsp;*&nbsp;24&nbsp;*&nbsp;60&nbsp;*&nbsp;60&nbsp;*&nbsp;1000&nbsp;<br/>a&nbsp;=&nbsp;new&nbsp;Date(a)&nbsp;<br/>alert(a.getFullYear()&nbsp;+&nbsp;&#34;年&#34;&nbsp;+&nbsp;(a.getMonth()&nbsp;+&nbsp;1)&nbsp;+&nbsp;&#34;月&#34;&nbsp;+&nbsp;a.getDate()&nbsp;+&nbsp;&#34;日&#34;)&nbsp;<br/>}&nbsp;<br/>cc(&#34;12/23/2002&#34;,2)&nbsp;<br/>&lt;/script&gt;&nbsp;<br/><br/>33.&nbsp;选择了哪一个Radio&nbsp;<br/>&lt;HTML&gt;&lt;script&nbsp;language=&#34;vbscript&#34;&gt;&nbsp;<br/>function&nbsp;checkme()&nbsp;<br/>for&nbsp;each&nbsp;ob&nbsp;in&nbsp;radio1&nbsp;<br/>if&nbsp;ob.checked&nbsp;then&nbsp;<br/>window.alert&nbsp;ob.value&nbsp;<br/>next&nbsp;<br/>end&nbsp;function&nbsp;<br/>&lt;/script&gt;&lt;BODY&gt;&nbsp;<br/>&lt;INPUT&nbsp;name=&#34;radio1&#34;&nbsp;type=&#34;radio&#34;&nbsp;value=&#34;style&#34;&nbsp;checked&gt;Style&nbsp;<br/>&lt;INPUT&nbsp;name=&#34;radio1&#34;&nbsp;type=&#34;radio&#34;&nbsp;value=&#34;barcode&#34;&gt;Barcode&nbsp;<br/>&lt;INPUT&nbsp;type=&#34;button&#34;&nbsp;value=&#34;check&#34;&nbsp;onclick=&#34;checkme()&#34;&gt;&nbsp;<br/>&lt;/BODY&gt;&lt;/HTML&gt;&nbsp;<br/><br/>34.脚本永不出错&nbsp;<br/>&lt;script&nbsp;LANGUAGE=&#34;Javascript&#34;&gt;&nbsp;<br/>&lt;!--&nbsp;Hide&nbsp;<br/>function&nbsp;killErrors()&nbsp;{&nbsp;<br/>return&nbsp;true;&nbsp;<br/>}&nbsp;<br/>window.onerror&nbsp;=&nbsp;killErrors;&nbsp;<br/>//&nbsp;--&gt;&nbsp;<br/>&lt;/script&gt;&nbsp;<br/><br/>35.ENTER键可以让光标移到下一个输入框&nbsp;<br/>&lt;input&nbsp;onkeydown=&#34;if(event.keyCode==13)event.keyCode=9&#34;&gt;&nbsp;<br/><br/>36.&nbsp;检测某个网站的链接速度：&nbsp;<br/>把如下代码加入&lt;body&gt;区域中:&nbsp;<br/>&lt;script&nbsp;language=Javascript&gt;&nbsp;<br/>tim=1&nbsp;<br/>setInterval(&#34;tim++&#34;,100)&nbsp;<br/>b=1&nbsp;<br/>var&nbsp;autourl=new&nbsp;Array()&nbsp;<br/>autourl[1]=&#34;www.njcatv.net&#34;&nbsp;<br/>autourl[2]=&#34;javacool.3322.net&#34;&nbsp;<br/>autourl[3]=&#34;www.sina.com.cn&#34;&nbsp;<br/>autourl[4]=&#34;www.nuaa.edu.cn&#34;&nbsp;<br/>autourl[5]=&#34;www.cctv.com&#34;&nbsp;<br/>function&nbsp;butt(){&nbsp;<br/>document.write(&#34;&lt;form&nbsp;name=autof&gt;&#34;)&nbsp;<br/>for(var&nbsp;i=1;i&lt;autourl.length;i++)&nbsp;<br/>document.write(&#34;&lt;input&nbsp;type=text&nbsp;name=txt&#34;+i+&#34;&nbsp;size=10&nbsp;value=测试中……&gt;&nbsp;=》&lt;input&nbsp;type=text&nbsp;<br/>name=url&#34;+i+&#34;&nbsp;size=40&gt;&nbsp;=》&lt;input&nbsp;type=button&nbsp;value=GO&nbsp;<br/>onclick=window.open(this.form.url&#34;+i+&#34;.value)&gt;&lt;br&gt;&#34;)&nbsp;<br/>document.write(&#34;&lt;input&nbsp;type=submit&nbsp;value=刷新&gt;&lt;/form&gt;&#34;)&nbsp;<br/>}&nbsp;<br/>butt()&nbsp;<br/>function&nbsp;auto(url){&nbsp;<br/>document.forms[0][&#34;url&#34;+b].value=url&nbsp;<br/>if(tim&gt;200)&nbsp;<br/>{document.forms[0][&#34;txt&#34;+b].value=&#34;链接超时&#34;}&nbsp;<br/>else&nbsp;<br/>{document.forms[0][&#34;txt&#34;+b].value=&#34;时间&#34;+tim/10+&#34;秒&#34;}&nbsp;<br/>b++&nbsp;<br/>}&nbsp;<br/>function&nbsp;run(){for(var&nbsp;i=1;i&lt;autourl.length;i++)document.write(&#34;&lt;img&nbsp;src=http://&#34;+autourl+&#34;/&#34;+Math.random()+&#34;&nbsp;width=1&nbsp;height=1&nbsp;<br/>onerror=auto(&#34;<a href="http://" target="_blank">http://</a>&#34;+autourl+&#34;&#34;)&gt;&#34;)}&nbsp;<br/>run()&lt;/script&gt;&nbsp;<br/><br/>37.&nbsp;各种样式的光标&nbsp;<br/>auto&nbsp;：标准光标&nbsp;<br/>default&nbsp;：标准箭头&nbsp;<br/>hand&nbsp;：手形光标&nbsp;<br/>wait&nbsp;：等待光标&nbsp;<br/>text&nbsp;：I形光标&nbsp;<br/>vertical-text&nbsp;：水平I形光标&nbsp;<br/>no-dro&#112;&nbsp;：不可拖动光标&nbsp;<br/>not-allowed&nbsp;：无效光标&nbsp;<br/>help&nbsp;：?帮助光标&nbsp;<br/>all-scroll&nbsp;：三角方向标&nbsp;<br/>move&nbsp;：移动标&nbsp;<br/>crosshair&nbsp;：十字标&nbsp;<br/>e-resize&nbsp;<br/>n-resize&nbsp;<br/>nw-resize&nbsp;<br/>w-resize&nbsp;<br/>s-resize&nbsp;<br/>se-resize&nbsp;<br/>sw-resize&nbsp;<br/><br/>38.页面进入和退出的特效&nbsp;<br/>进入页面&lt;meta&nbsp;http-equiv=&#34;Page-Enter&#34;&nbsp;content=&#34;revealTrans(duration=x,&nbsp;transition=y)&#34;&gt;&nbsp;<br/>推出页面&lt;meta&nbsp;http-equiv=&#34;Page-Exit&#34;&nbsp;content=&#34;revealTrans(duration=x,&nbsp;transition=y)&#34;&gt;&nbsp;<br/>这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:&nbsp;<br/>　　0&nbsp;矩形缩小&nbsp;<br/>　　1&nbsp;矩形扩大&nbsp;<br/>　　2&nbsp;圆形缩小&nbsp;<br/>　　3&nbsp;圆形扩大&nbsp;<br/>　　4&nbsp;下到上刷新&nbsp;<br/>　　5&nbsp;上到下刷新&nbsp;<br/>　　6&nbsp;左到右刷新&nbsp;<br/>　　7&nbsp;右到左刷新&nbsp;<br/>　　8&nbsp;竖百叶窗&nbsp;<br/>　　9&nbsp;横百叶窗&nbsp;<br/>　　10&nbsp;错位横百叶窗&nbsp;<br/>　　11&nbsp;错位竖百叶窗&nbsp;<br/>　　12&nbsp;点扩散&nbsp;<br/>　　13&nbsp;左右到中间刷新&nbsp;<br/>　　14&nbsp;中间到左右刷新&nbsp;<br/>　　15&nbsp;中间到上下&nbsp;<br/>　　16&nbsp;上下到中间&nbsp;<br/>　　17&nbsp;右下到左上&nbsp;<br/>　　18&nbsp;右上到左下&nbsp;<br/>　　19&nbsp;左上到右下&nbsp;<br/>　　20&nbsp;左下到右上&nbsp;<br/>　　21&nbsp;横条&nbsp;<br/>　　22&nbsp;竖条&nbsp;<br/>　　23&nbsp;以上22种随机选择一种&nbsp;<br/><br/>39.在规定时间内跳转&nbsp;<br/>&lt;META&nbsp;http-equiv=V=&#34;REFRESH&#34;&nbsp;content=&#34;5;URL=http://www.cffzhh.com&#34;&gt;&nbsp;<br/><br/>40.网页是否被检索&nbsp;<br/>&lt;meta&nbsp;name=&#34;ROBOTS&#34;&nbsp;content=&#34;属性值&#34;&gt;&nbsp;<br/>　　其中属性值有以下一些:&nbsp;<br/>　　属性值为&#34;all&#34;:&nbsp;文件将被检索，且页上链接可被查询；&nbsp;<br/>　　属性值为&#34;none&#34;:&nbsp;文件不被检索，而且不查询页上的链接；&nbsp;<br/>　　属性值为&#34;index&#34;:&nbsp;文件将被检索；&nbsp;<br/>　　属性值为&#34;follow&#34;:&nbsp;查询页上的链接；&nbsp;<br/>　　属性值为&#34;noindex&#34;:&nbsp;文件不检索，但可被查询链接；&nbsp;<br/>　　属性值为&#34;nofollow&#34;:&nbsp;文件不被检索，但可查询页上的链接。&nbsp;<br/><br/>41、email地址的分割&nbsp;<br/>把如下代码加入&lt;body&gt;区域中&nbsp;<br/>&lt;a&nbsp;href=&#34;mailto:webmaster@sina.com&#34;&gt;webmaster@sina.com&lt;/a&gt;&nbsp;<br/><br/>42、流动边框效果的表格&nbsp;<br/>把如下代码加入&lt;body&gt;区域中&nbsp;<br/>&lt;script&gt;&nbsp;<br/>l=Array(6,7,8,9,&#39;a&#39;,&#39;b&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;,&#39;e&#39;,&#39;f&#39;)&nbsp;<br/>Nx=5;Ny=35&nbsp;<br/>t=&#34;&lt;table&nbsp;border=0&nbsp;cellspacing=0&nbsp;cellpadding=0&nbsp;height=&#34;+((Nx+2)*16)+&#34;&gt;&lt;tr&gt;&#34;&nbsp;<br/>for(x=Nx;x&lt;Nx+Ny;x++)&nbsp;<br/>t+=&#34;&lt;td&nbsp;width=16&nbsp;id=a_mo&#34;+x+&#34;&gt;　&lt;/td&gt;&#34;&nbsp;<br/>t+=&#34;&lt;/tr&gt;&lt;tr&gt;&lt;td&nbsp;width=10&nbsp;id=a_mo&#34;+(Nx-1)+&#34;&gt;　&lt;/td&gt;&lt;td&nbsp;colspan=&#34;+(Ny-2)+&#34;&nbsp;rowspan=&#34;+(Nx)+&#34;&gt;　&lt;/td&gt;&lt;td&nbsp;width=16&nbsp;id=a_mo&#34;+(Nx+Ny)+&#34;&gt;&lt;/td&gt;&lt;/tr&gt;&#34;&nbsp;<br/>for(x=2;x&lt;=Nx;x++)&nbsp;<br/>t+=&#34;&lt;tr&gt;&lt;td&nbsp;width=16&nbsp;id=a_mo&#34;+(Nx-x)+&#34;&gt;　&lt;/td&gt;&lt;td&nbsp;width=16&nbsp;id=a_mo&#34;+(Ny+Nx+x-1)+&#34;&gt;　&lt;/td&gt;&lt;/tr&gt;&#34;&nbsp;<br/>t+=&#34;&lt;tr&gt;&#34;&nbsp;<br/>for(x=Ny;x&gt;0;x--)&nbsp;<br/>t+=&#34;&lt;td&nbsp;width=16&nbsp;id=a_mo&#34;+(x+Nx*2+Ny-1)+&#34;&gt;　&lt;/td&gt;&#34;&nbsp;<br/>document.write(t+&#34;&lt;/tr&gt;&lt;/table&gt;&#34;)&nbsp;<br/>var&nbsp;N=Nx*2+Ny*2&nbsp;<br/>function&nbsp;f1(y){&nbsp;<br/>for(i=0;i&lt;N;i++){&nbsp;<br/>c=(i+y)%20;if(c&gt;10)c=20-c&nbsp;<br/>document.all[&#34;a_mo&#34;+(i)].bgColor=&#34;&#39;#0000&#34;+l[c]+l[c]+&#34;&#39;&#34;}&nbsp;<br/>y++&nbsp;<br/>setTimeout(&#39;f1(&#39;+y+&#39;)&#39;,&#39;1&#39;)}&nbsp;<br/>f1(1)&nbsp;<br/>&lt;/script&gt;&nbsp;<br/>43、Javascript主页弹出窗口技巧&nbsp;<br/>窗口中间弹出&nbsp;<br/>&lt;script&gt;&nbsp;<br/>window.open(&#34;<a href="http://" target="_blank">http://</a>www.cctv.com&#34;,&#34;&#34;,&#34;width=400,height=240,top=&#34;+(screen.availHeight-240)/2+&#34;,left=&#34;+(screen.availWidth-400)/2);&nbsp;<br/>&lt;/script&gt;&nbsp;<br/>============&nbsp;<br/>&lt;html&gt;&nbsp;<br/>&lt;head&gt;&nbsp;<br/>&lt;script&nbsp;language=&#34;Livescript&#34;&gt;&nbsp;<br/>function&nbsp;WinOpen()&nbsp;{&nbsp;<br/>msg=open(&#34;&#34;,&#34;DisplayWindow&#34;,&#34;toolbar=no,directories=no,menubar=no&#34;);&nbsp;<br/>msg.document.write(&#34;&lt;HEAD&gt;&lt;TITLE&gt;哈&nbsp;罗!&lt;/TITLE&gt;&lt;/HEAD&gt;&#34;);&nbsp;<br/>msg.document.write(&#34;&lt;CENTER&gt;&lt;H1&gt;酷&nbsp;毙&nbsp;了!&lt;/H1&gt;&lt;h2&gt;这&nbsp;是&lt;B&gt;Javascript&lt;/B&gt;所&nbsp;开&nbsp;的&nbsp;视&nbsp;窗!&lt;/h2&gt;&lt;/CENTER&gt;&#34;);&nbsp;<br/>}&nbsp;<br/>&lt;/script&gt;&nbsp;<br/>&lt;/head&gt;&nbsp;<br/>&lt;body&gt;&nbsp;<br/>&lt;form&gt;&nbsp;<br/>&lt;input&nbsp;type=&#34;button&#34;&nbsp;name=&#34;Button1&#34;&nbsp;value=&#34;Push&nbsp;me&#34;&nbsp;onclick=&#34;WinOpen()&#34;&gt;&nbsp;<br/>&lt;/form&gt;&nbsp;<br/>&lt;/body&gt;&nbsp;<br/>&lt;/html&gt;&nbsp;<br/>==============&nbsp;<br/>一、在下面的代码中，你只要单击打开一个窗口，即可链接到赛迪网。而当你想关闭时，只要单击一下即可关闭刚才打开的窗口。&nbsp;<br/>　　代码如下：&nbsp;<br/>　　&lt;script&nbsp;language=&#34;Javascript&#34;&gt;&nbsp;<br/>　　&lt;！--&nbsp;<br/>　　function&nbsp;openclk()&nbsp;{&nbsp;<br/>　　another=open(&#39;<a href="http://" target="_blank">http://</a>www.ccidnet.com&#39;，&#39;NewWindow&#39;);&nbsp;<br/>　　}&nbsp;<br/>　　function&nbsp;closeclk()&nbsp;{&nbsp;<br/>　　another.close();&nbsp;<br/>　　}&nbsp;<br/>　　//--&gt;&nbsp;<br/>　　&lt;/script&gt;&nbsp;<br/>　　&lt;FORM&gt;&nbsp;<br/>　　&lt;INPUT&nbsp;TYPE=&#34;BUTTON&#34;&nbsp;NAME=&#34;open&#34;&nbsp;value=&#34;打开一个窗口&#34;&nbsp;onClick=&#34;openclk()&#34;&gt;&nbsp;<br/>　　&lt;BR&gt;&nbsp;<br/>　　&lt;INPUT&nbsp;TYPE=&#34;BUTTON&#34;&nbsp;NAME=&#34;close&#34;&nbsp;value=&#34;关闭这个窗口&#34;&nbsp;onClick=&#34;closeclk()&#34;&gt;&nbsp;<br/>　　&lt;/FORM&gt;&nbsp;<br/>　　二、上面的代码也太静了，为何不来点动感呢？如果能给页面来个降落效果那该多好啊！&nbsp;<br/>　　代码如下：&nbsp;<br/>　　&lt;script&gt;&nbsp;<br/>　　function&nbsp;dro&#112;(n)&nbsp;{&nbsp;<br/>　　if(self.moveBy){&nbsp;<br/>　　self.moveBy&nbsp;(0，-900);&nbsp;<br/>　　for(i&nbsp;=&nbsp;n;&nbsp;i&nbsp;&gt;&nbsp;0;&nbsp;i--){&nbsp;<br/>　　self.moveBy(0，3);&nbsp;<br/>　　}&nbsp;<br/>　　for(j&nbsp;=&nbsp;8;&nbsp;j&nbsp;&gt;&nbsp;0;&nbsp;j--){&nbsp;<br/>　　self.moveBy(0，j);&nbsp;<br/>　　self.moveBy(j，0);&nbsp;<br/>　　self.moveBy(0，-j);&nbsp;<br/>　　self.moveBy(-j，0);&nbsp;<br/>　　}&nbsp;<br/>　　}&nbsp;<br/>　　}&nbsp;<br/>　　&lt;/script&gt;&nbsp;<br/>　　&lt;body&nbsp;onLoad=&#34;dro&#112;(300)&#34;&gt;&nbsp;<br/>　　三、讨厌很多网站总是按照默认窗口打开，如果你能随心所欲控制打开的窗口那该多好。&nbsp;<br/>　　代码如下:&nbsp;<br/>　　&lt;script&nbsp;LANGUAGE=&#34;Javascript&#34;&gt;&nbsp;<br/>　　&lt;！--&nbsp;Begin&nbsp;<br/>　　function&nbsp;popupPage(l，&nbsp;t，&nbsp;w，&nbsp;h)&nbsp;{&nbsp;<br/>　　var&nbsp;windowprops&nbsp;=&nbsp;&#34;location=no，scrollbars=no，menubars=no，toolbars=no，resizable=yes&#34;&nbsp;+&nbsp;<br/>　　&#34;，left=&#34;&nbsp;+&nbsp;l&nbsp;+&nbsp;&#34;，top=&#34;&nbsp;+&nbsp;t&nbsp;+&nbsp;&#34;，width=&#34;&nbsp;+&nbsp;w&nbsp;+&nbsp;&#34;，height=&#34;&nbsp;+&nbsp;h;&nbsp;<br/>　　var&nbsp;URL&nbsp;=&nbsp;&#34;<a href="http://" target="_blank">http://</a>www.80cn.com&#34;;&nbsp;<br/>　　popup&nbsp;=&nbsp;window.open(URL，&#34;MenuPopup&#34;，windowprops);&nbsp;<br/>　　}&nbsp;<br/>　　//&nbsp;End&nbsp;--&gt;&nbsp;<br/>　　&lt;/script&gt;&nbsp;<br/>　　&lt;table&gt;&nbsp;<br/>　　&lt;tr&gt;&nbsp;<br/>　　&lt;td&gt;&nbsp;<br/>　　&lt;form&nbsp;name=popupform&gt;&nbsp;<br/>　　&lt;pre&gt;&nbsp;<br/>　　打开页面的参数&lt;br&gt;&nbsp;<br/>　　离开左边的距离:&nbsp;&lt;input&nbsp;type=text&nbsp;name=left&nbsp;size=2&nbsp;maxlength=4&gt;&nbsp;pixels&nbsp;<br/>　　离开右边的距离:&nbsp;&lt;input&nbsp;type=text&nbsp;name=top&nbsp;size=2&nbsp;maxlength=4&gt;&nbsp;pixels&nbsp;<br/>　　窗口的宽度:&nbsp;&lt;input&nbsp;type=text&nbsp;name=width&nbsp;size=2&nbsp;maxlength=4&gt;&nbsp;pixels&nbsp;<br/>　　窗口的高度:&nbsp;&lt;input&nbsp;type=text&nbsp;name=height&nbsp;size=2&nbsp;maxlength=4&gt;&nbsp;pixels&nbsp;<br/>　　&lt;/pre&gt;&nbsp;<br/>　　&lt;center&gt;&nbsp;<br/>　　&lt;input&nbsp;type=button&nbsp;value=&#34;打开这个窗口！&#34;&nbsp;onClick=&#34;popupPage(this.form.left.value，&nbsp;this.form.top.value，&nbsp;this.form.width.value，&nbsp;this.form.height.value)&#34;&gt;&nbsp;<br/>　　&lt;/center&gt;&nbsp;<br/>　　&lt;/form&gt;&nbsp;<br/>　　&lt;/td&gt;&nbsp;<br/>　　&lt;/tr&gt;&nbsp;<br/>　　&lt;/table&gt;你只要在相对应的对话框中输入一个数值即可，将要打开的页面的窗口控制得很好。<br/>&nbsp;<br/>44、页面的打开移动&nbsp;<br/>把如下代码加入&lt;body&gt;区域中&nbsp;<br/>&lt;script&nbsp;LANGUAGE=&#34;Javascript&#34;&gt;&nbsp;<br/>&lt;!--&nbsp;Begin&nbsp;<br/>for&nbsp;(t&nbsp;=&nbsp;2;&nbsp;t&nbsp;&gt;&nbsp;0;&nbsp;t--)&nbsp;{&nbsp;<br/>for&nbsp;(x&nbsp;=&nbsp;20;&nbsp;x&nbsp;&gt;&nbsp;0;&nbsp;x--)&nbsp;{&nbsp;<br/>for&nbsp;(y&nbsp;=&nbsp;10;&nbsp;y&nbsp;&gt;&nbsp;0;&nbsp;y--)&nbsp;{&nbsp;<br/>parent.moveBy(0,-x);&nbsp;<br/>}&nbsp;<br/>}&nbsp;<br/>for&nbsp;(x&nbsp;=&nbsp;20;&nbsp;x&nbsp;&gt;&nbsp;0;&nbsp;x--)&nbsp;{&nbsp;<br/>for&nbsp;(y&nbsp;=&nbsp;10;&nbsp;y&nbsp;&gt;&nbsp;0;&nbsp;y--)&nbsp;{&nbsp;<br/>parent.moveBy(0,x);&nbsp;<br/>}&nbsp;<br/>}&nbsp;<br/>for&nbsp;(x&nbsp;=&nbsp;20;&nbsp;x&nbsp;&gt;&nbsp;0;&nbsp;x--)&nbsp;{&nbsp;<br/>for&nbsp;(y&nbsp;=&nbsp;10;&nbsp;y&nbsp;&gt;&nbsp;0;&nbsp;y--)&nbsp;{&nbsp;<br/>parent.moveBy(x,0);&nbsp;<br/>}&nbsp;<br/>}&nbsp;<br/>for&nbsp;(x&nbsp;=&nbsp;20;&nbsp;x&nbsp;&gt;&nbsp;0;&nbsp;x--)&nbsp;{&nbsp;<br/>for&nbsp;(y&nbsp;=&nbsp;10;&nbsp;y&nbsp;&gt;&nbsp;0;&nbsp;y--)&nbsp;{&nbsp;<br/>parent.moveBy(-x,0);&nbsp;<br/>}&nbsp;<br/>}&nbsp;<br/>}&nbsp;<br/>//--&gt;&nbsp;<br/>//&nbsp;End&nbsp;--&gt;&nbsp;<br/>&lt;/script&gt;&nbsp;<br/><br/>45、显示个人客户端机器的日期和时间&nbsp;<br/>&lt;script&nbsp;language=&#34;Livescript&#34;&gt;&nbsp;<br/>&lt;!--&nbsp;Hiding&nbsp;<br/>today&nbsp;=&nbsp;new&nbsp;Date()&nbsp;<br/>document.write(&#34;现&nbsp;在&nbsp;时&nbsp;间&nbsp;是：&nbsp;&#34;,today.getHours(),&#34;:&#34;,today.getMinutes())&nbsp;<br/>document.write(&#34;&lt;br&gt;今&nbsp;天&nbsp;日&nbsp;期&nbsp;为：&nbsp;&#34;,&nbsp;today.getMonth()+1,&#34;/&#34;,today.getDate(),&#34;/&#34;,today.getYear());&nbsp;<br/>//&nbsp;end&nbsp;hiding&nbsp;contents&nbsp;--&gt;&nbsp;<br/>&lt;/script&gt;&nbsp;<br/><br/>46、自动的为你每次产生最後修改的日期了：&nbsp;<br/>&lt;html&gt;&nbsp;<br/>&lt;body&gt;&nbsp;<br/>This&nbsp;is&nbsp;a&nbsp;simple&nbsp;HTML-&nbsp;page.&nbsp;<br/>&lt;br&gt;&nbsp;<br/>Last&nbsp;changes:&nbsp;<br/>&lt;script&nbsp;language=&#34;Livescript&#34;&gt;&nbsp;<br/>&lt;!--&nbsp;hide&nbsp;script&nbsp;from&nbsp;old&nbsp;browsers&nbsp;<br/>document.write(document.lastModified)&nbsp;<br/>//&nbsp;end&nbsp;hiding&nbsp;contents&nbsp;--&gt;&nbsp;<br/>&lt;/script&gt;&nbsp;<br/>&lt;/body&gt;&nbsp;<br/>&lt;/html&gt;&nbsp;<br/><br/>47、不能为空和邮件地址的约束：&nbsp;<br/>&lt;html&gt;&nbsp;<br/>&lt;head&gt;&nbsp;<br/>&lt;script&nbsp;language=&#34;Javascript&#34;&gt;&nbsp;<br/>&lt;!--&nbsp;Hide&nbsp;<br/>function&nbsp;test1(form)&nbsp;{&nbsp;<br/>if&nbsp;(form.text1.value&nbsp;==&nbsp;&#34;&#34;)&nbsp;<br/>alert(&#34;您&nbsp;没&nbsp;写&nbsp;上&nbsp;任&nbsp;何&nbsp;东&nbsp;西，&nbsp;请&nbsp;再&nbsp;输&nbsp;入&nbsp;一&nbsp;次&nbsp;!&#34;)&nbsp;<br/>else&nbsp;{&nbsp;<br/>alert(&#34;嗨&nbsp;&#34;+form.text1.value+&#34;!&nbsp;您&nbsp;已&nbsp;输&nbsp;入&nbsp;完&nbsp;成&nbsp;!&#34;);&nbsp;<br/>}&nbsp;<br/>}&nbsp;<br/>function&nbsp;test2(form)&nbsp;{&nbsp;<br/>if&nbsp;(form.text2.value&nbsp;==&nbsp;&#34;&#34;&nbsp;||&nbsp;<br/>form.text2.value.indexOf(&#39;@&#39;,&nbsp;0)&nbsp;==&nbsp;-1)&nbsp;<br/>alert(&#34;这&nbsp;不&nbsp;是&nbsp;正&nbsp;确&nbsp;的&nbsp;e-mail&nbsp;address!&nbsp;请&nbsp;再&nbsp;输&nbsp;入&nbsp;一&nbsp;次&nbsp;!&#34;);&nbsp;<br/>else&nbsp;alert(&#34;您&nbsp;已&nbsp;输&nbsp;入&nbsp;完&nbsp;成&nbsp;!&#34;);&nbsp;<br/>}&nbsp;<br/>//&nbsp;--&gt;&nbsp;<br/>&lt;/script&gt;&nbsp;<br/>&lt;/head&gt;&nbsp;<br/>&lt;body&gt;&nbsp;<br/>&lt;form&nbsp;name=&#34;first&#34;&gt;&nbsp;<br/>Enter&nbsp;your&nbsp;name:&lt;br&gt;&nbsp;<br/>&lt;input&nbsp;type=&#34;text&#34;&nbsp;name=&#34;text1&#34;&gt;&nbsp;<br/>&lt;input&nbsp;type=&#34;button&#34;&nbsp;name=&#34;button1&#34;&nbsp;value=&#34;输&nbsp;入&nbsp;测&nbsp;试&#34;&nbsp;onClick=&#34;test1(this.form)&#34;&gt;&nbsp;<br/>&lt;P&gt;&nbsp;<br/>Enter&nbsp;your&nbsp;e-mail&nbsp;address:&lt;br&gt;&nbsp;<br/>&lt;input&nbsp;type=&#34;text&#34;&nbsp;name=&#34;text2&#34;&gt;&nbsp;<br/>&lt;input&nbsp;type=&#34;button&#34;&nbsp;name=&#34;button2&#34;&nbsp;value=&#34;输&nbsp;入&nbsp;测&nbsp;试&#34;&nbsp;onClick=&#34;test2(this.form)&#34;&gt;&nbsp;<br/>&lt;/body&gt;&nbsp;<br/><br/>48、跑马灯&nbsp;<br/>&lt;html&gt;&nbsp;<br/>&lt;head&gt;&nbsp;<br/>&lt;script&nbsp;language=&#34;Javascript&#34;&gt;&nbsp;<br/>&lt;!--&nbsp;Hide&nbsp;<br/>var&nbsp;scrtxt=&#34;怎麽样&nbsp;!&nbsp;很酷吧&nbsp;!&nbsp;您也可以试试.&#34;+&#34;Here&nbsp;goes&nbsp;your&nbsp;message&nbsp;the&nbsp;visitors&nbsp;to&nbsp;your&nbsp;page&nbsp;will&nbsp;&#34;+&#34;look&nbsp;at&nbsp;for&nbsp;hours&nbsp;in&nbsp;pure&nbsp;fascination...&#34;;&nbsp;<br/>var&nbsp;lentxt=scrtxt.length;&nbsp;<br/>var&nbsp;width=100;&nbsp;<br/>var&nbsp;pos=1-width;&nbsp;<br/>function&nbsp;scroll()&nbsp;{&nbsp;<br/>pos++;&nbsp;<br/>var&nbsp;scroller=&#34;&#34;;&nbsp;<br/>if&nbsp;(pos==lentxt)&nbsp;{&nbsp;<br/>pos=1-width;&nbsp;<br/>}&nbsp;<br/>if&nbsp;(pos&lt;0)&nbsp;{&nbsp;<br/>for&nbsp;(var&nbsp;i=1;&nbsp;i&lt;=Math.abs(pos);&nbsp;i++)&nbsp;{&nbsp;<br/>scroller=scroller+&#34;&nbsp;&#34;;}&nbsp;<br/>scroller=scroller+scrtxt.substring(0,width-i+1);&nbsp;<br/>}&nbsp;<br/>else&nbsp;{&nbsp;<br/>scroller=scroller+scrtxt.substring(pos,width+pos);&nbsp;<br/>}&nbsp;<br/>window.status&nbsp;=&nbsp;scroller;&nbsp;<br/>setTimeout(&#34;scroll()&#34;,150);&nbsp;<br/>}&nbsp;<br/>//--&gt;&nbsp;<br/>&lt;/script&gt;&nbsp;<br/>&lt;/head&gt;&nbsp;<br/>&lt;body&nbsp;onLoad=&#34;scroll();return&nbsp;true;&#34;&gt;&nbsp;<br/>这里可显示您的网页&nbsp;!&nbsp;<br/>&lt;/body&gt;&nbsp;<br/>&lt;/html&gt;&nbsp;<br/><br/>49、在网页中用按钮来控制前页，后页和主页的显示。&nbsp;<br/>&lt;html&gt;&nbsp;<br/>&lt;body&gt;&nbsp;<br/>&lt;FORM&nbsp;NAME=&#34;buttonbar&#34;&gt;&nbsp;<br/>&lt;INPUT&nbsp;TYPE=&#34;button&#34;&nbsp;VALUE=&#34;Back&#34;&nbsp;onClick=&#34;history.back()&#34;&gt;&nbsp;<br/>&lt;INPUT&nbsp;TYPE=&#34;button&#34;&nbsp;VALUE=&#34;JS-&nbsp;Home&#34;&nbsp;onClick=&#34;location=&#39;script.html&#39;&#34;&gt;&nbsp;<br/>&lt;INPUT&nbsp;TYPE=&#34;button&#34;&nbsp;VALUE=&#34;Next&#34;&nbsp;onCLick=&#34;history.forward()&#34;&gt;&nbsp;<br/>&lt;/FORM&gt;&nbsp;<br/>&lt;/body&gt;&nbsp;<br/>&lt;/html&gt;&nbsp;<br/><br/>50、查看某网址的源代码&nbsp;<br/>把如下代码加入&lt;body&gt;区域中&nbsp;<br/>&lt;script&gt;&nbsp;<br/>function&nbsp;add()&nbsp;<br/>{&nbsp;<br/>var&nbsp;ress=document.forms[0].luxiaoqing.value&nbsp;<br/>window.location=&#34;view-source:&#34;+ress;&nbsp;<br/>}&nbsp;<br/>&lt;/script&gt;&nbsp;<br/>输入要查看源代码的URL地址:&nbsp;<br/>&lt;FORM&gt;&lt;input&nbsp;type=&#34;text&#34;&nbsp;name=&#34;luxiaoqing&#34;&nbsp;size=40&nbsp;value=&#34;<a href="http://" target="_blank">http://</a>&#34;&gt;&lt;/FORM&gt;&nbsp;<br/>&lt;FORM&gt;&lt;br&gt;&nbsp;<br/>&lt;INPUT&nbsp;type=&#34;button&#34;&nbsp;value=&#34;查看源代码&#34;&nbsp;onClick=add()&gt;&nbsp;<br/>&lt;/FORM&gt;&nbsp;<br/><br/>51、title显示日期&nbsp;<br/>把如下代码加入&lt;body&gt;区域中:&nbsp;<br/>&lt;script&nbsp;language=&#34;Javascript1.2&#34;&gt;&nbsp;<br/>&lt;!--hide&nbsp;<br/>var&nbsp;isnMonth&nbsp;=&nbsp;new&nbsp;<br/>Array(&#34;1月&#34;,&#34;2月&#34;,&#34;3月&#34;,&#34;4月&#34;,&#34;5月&#34;,&#34;6月&#34;,&#34;7月&#34;,&#34;8月&#34;,&#34;9月&#34;,&#34;10月&#34;,&#34;11月&#34;,&#34;12月&#34;);&nbsp;<br/>var&nbsp;isnDay&nbsp;=&nbsp;new&nbsp;<br/>Array(&#34;星期日&#34;,&#34;星期一&#34;,&#34;星期二&#34;,&#34;星期三&#34;,&#34;星期四&#34;,&#34;星期五&#34;,&#34;星期六&#34;,&#34;星期日&#34;);&nbsp;<br/>today&nbsp;=&nbsp;new&nbsp;Date&nbsp;()&nbsp;;&nbsp;<br/>Year=today.getYear();&nbsp;<br/>Date=today.getDate();&nbsp;<br/>if&nbsp;(document.all)&nbsp;<br/>document.title=&#34;今天是:&nbsp;&#34;+Year+&#34;年&#34;+isnMonth[today.getMonth()]+Date+&#34;日&#34;+isnDay[today.getDay()]&nbsp;<br/>//--hide--&gt;&nbsp;<br/>&lt;/script&gt;&nbsp;<br/><br/>52、显示所有链接&nbsp;<br/>把如下代码加入&lt;body&gt;区域中&nbsp;<br/>&lt;script&nbsp;language=&#34;Javascript1.2&#34;&gt;&nbsp;<br/>&lt;!--&nbsp;<br/>function&nbsp;extractlinks(){&nbsp;<br/>var&nbsp;links=document.all.tags(&#34;A&#34;)&nbsp;<br/>var&nbsp;total=links.length&nbsp;<br/>var&nbsp;win2=window.open(&#34;&#34;,&#34;&#34;,&#34;menubar,scrollbars,toolbar&#34;)&nbsp;<br/>win2.document.write(&#34;&lt;font&nbsp;size=&#39;2&#39;&gt;一共有&#34;+total+&#34;个连接&lt;/font&gt;&lt;br&gt;&#34;)&nbsp;<br/>for&nbsp;(i=0;i&lt;total;i++){&nbsp;<br/>win2.document.write(&#34;&lt;font&nbsp;size=&#39;2&#39;&gt;&#34;+links.outerHTML+&#34;&lt;/font&gt;&lt;br&gt;&#34;)&nbsp;<br/>}&nbsp;<br/>}&nbsp;<br/>//--&gt;&nbsp;<br/>&lt;/script&gt;&nbsp;<br/>&lt;input&nbsp;type=&#34;button&#34;&nbsp;onClick=&#34;extractlinks()&#34;&nbsp;value=&#34;显示所有的连接&#34;&gt;&nbsp;<br/><br/>53、回车键换行&nbsp;<br/>把如下代码加入&lt;body&gt;区域中&nbsp;<br/>&lt;script&nbsp;type=&#34;text/javascript&#34;&gt;&nbsp;<br/>function&nbsp;handleEnter&nbsp;(field,&nbsp;event)&nbsp;{&nbsp;<br/>var&nbsp;keyCode&nbsp;=&nbsp;event.keyCode&nbsp;?&nbsp;event.keyCode&nbsp;:&nbsp;event.which&nbsp;?&nbsp;event.which&nbsp;:&nbsp;event.charCode;&nbsp;<br/>if&nbsp;(keyCode&nbsp;==&nbsp;13)&nbsp;{&nbsp;<br/>var&nbsp;i;&nbsp;<br/>for&nbsp;(i&nbsp;=&nbsp;0;&nbsp;i&nbsp;&lt;&nbsp;field.form.elements.length;&nbsp;i++)&nbsp;<br/>if&nbsp;(field&nbsp;==&nbsp;field.form.elements)&nbsp;<br/>break;&nbsp;<br/>i&nbsp;=&nbsp;(i&nbsp;+&nbsp;1)&nbsp;%&nbsp;field.form.elements.length;&nbsp;<br/>field.form.elements.focus();&nbsp;<br/>return&nbsp;false;&nbsp;<br/>}&nbsp;<br/>else&nbsp;<br/>return&nbsp;true;&nbsp;<br/>}&nbsp;<br/>&lt;/script&gt;&nbsp;<br/>&lt;form&gt;&nbsp;<br/>&lt;input&nbsp;type=&#34;text&#34;&nbsp;onkeypress=&#34;return&nbsp;handleEnter(this,&nbsp;event)&#34;&gt;&lt;br&gt;&nbsp;<br/>&lt;input&nbsp;type=&#34;text&#34;&nbsp;onkeypress=&#34;return&nbsp;handleEnter(this,&nbsp;event)&#34;&gt;&lt;br&gt;&nbsp;<br/>&lt;textarea&gt;回车换行&nbsp;<br/><br/>54、确认后提交&nbsp;<br/>把如下代码加入&lt;body&gt;区域中&nbsp;<br/>&lt;script&nbsp;LANGUAGE=&#34;Javascript&#34;&gt;&nbsp;<br/>&lt;!--&nbsp;<br/>function&nbsp;msg(){&nbsp;<br/>if&nbsp;(confirm(&#34;你确认要提交嘛！&#34;))&nbsp;<br/>document.lnman.submit()&nbsp;<br/>}&nbsp;<br/>//--&gt;&nbsp;<br/>&lt;/script&gt;&nbsp;<br/>&lt;form&nbsp;name=&#34;lnman&#34;&nbsp;method=&#34;post&#34;&nbsp;action=&#34;&#34;&gt;&nbsp;<br/>&lt;p&gt;&nbsp;<br/>&lt;input&nbsp;type=&#34;text&#34;&nbsp;name=&#34;textfield&#34;&nbsp;value=&#34;确认后提交&#34;&gt;&nbsp;<br/>&lt;/p&gt;&nbsp;<br/>&lt;p&gt;&nbsp;<br/>&lt;input&nbsp;type=&#34;button&#34;&nbsp;name=&#34;Submit&#34;&nbsp;value=&#34;提交&#34;&nbsp;onclick=&#34;msg();&#34;&gt;&nbsp;<br/>&lt;/p&gt;&nbsp;<br/>&lt;/form&gt;&nbsp;<br/><br/>55、改变表格的内容&nbsp;<br/>把如下代码加入&lt;body&gt;区域中&nbsp;<br/>&lt;script&nbsp;language=javascript&gt;&nbsp;<br/>var&nbsp;arr=new&nbsp;Array()&nbsp;<br/>arr[0]=&#34;一一一一一&#34;;&nbsp;<br/>arr[1]=&#34;二二二二二&#34;;&nbsp;<br/>arr[2]=&#34;三三三三三&#34;;&nbsp;<br/>&lt;/script&gt;&nbsp;<br/>&lt;sel&#101;ct&nbsp;onchange=&#34;zz.cells[this.sel&#101;ctedIndex].innerHTML=arr[this.sel&#101;ctedIndex]&#34;&gt;&nbsp;<br/>&lt;option&nbsp;value=a&gt;改变第一格&lt;/option&gt;&nbsp;<br/>&lt;option&nbsp;value=a&gt;改变第二格&lt;/option&gt;&nbsp;<br/>&lt;option&nbsp;value=a&gt;改变第三格&lt;/option&gt;&nbsp;<br/>&lt;/sel&#101;ct&gt;&nbsp;<br/>&lt;table&nbsp;id=zz&nbsp;border=1&gt;&nbsp;<br/>&lt;tr&nbsp;height=20&gt;&nbsp;<br/>&lt;td&nbsp;width=150&gt;第一格&lt;/td&gt;&nbsp;<br/>&lt;td&nbsp;width=150&gt;第二格&lt;/td&gt;&nbsp;<br/>&lt;td&nbsp;width=150&gt;第三格&lt;/td&gt;&nbsp;<br/>&lt;/tr&gt;&nbsp;<br/>&lt;/table&gt;&nbsp;]]></description>
		</item>
		
</channel>
</rss>