Javascript – 第 6 页

Javascript2007年4月23日2015年9月27日

24点

[code] ?<html><head><title>24点</ti […]

Javascript2007年4月23日

链接转向

<%@LANGUAGE=”VBSCRIPT” CODEPAGE=”9 […]

Javascript2007年4月23日2011年10月18日

超链接提示特效渐隐

&lt;script type = "text/javascript" language = "JavaScript"&gt;
//IE专用
var sPop = null;
document.write("&lt;style type='text/css'&gt;");
document.write(".PopText { font-family: Tahoma, 宋体; color: #000000; background-color: #ffffff; border: 1px #000000 dashed; font-size: 11px; line-height: 14px; padding: 4px; visibility: hidden; filter: Alpha(Opacity=0)}");
document.write("&lt;/style&gt;");
document.write("&lt;div id='popLayer' style='position:absolute;z-index:1000;filter:revealtrans(duration=.5,transition=12) revealTrans(duration=1,transition=23) alpha(opacity=90,enabled=100)' class='PopText'&gt;&lt;/div&gt;");

function showPopupText() {
    var o = event.srcElement;
    MouseX = event.x;
    MouseY = event.y;
    if (o.alt != null &amp;&amp; o.alt != "") {
        o.pop = o.alt;
        o.alt = ""
    }
    if (o.title != null &amp;&amp; o.title != "") {
        o.pop = o.title;
        o.title = ""
    }
    if (o.pop) {
        o.pop = o.pop.replace("/n", "&lt;br&gt;");
        o.pop = o.pop.replace("/n", "&lt;br&gt;");
    }
    if (o.pop != sPop) {
        sPop = o.pop;
        if (sPop == null || sPop == "") {
            popLayer.filters[0].apply();
            popLayer.style.visibility = "hidden";
            popLayer.filters[0].play();
            popLayer.style.width = ""
        } else {
            if (o.dyclass != null) popStyle = o.dyclass
            else popStyle = "PopText";
            popLayer.filters[1].apply();
            popLayer.style.visibility = "visible";
            popLayer.filters[1].play();
            showIt();
            if (popLayer.offsetWidth&gt; 500) {
                popLayer.style.width = 500
            }
        }
    }
}
function showIt() {
    popLayer.className = popStyle;
    popLayer.innerHTML = sPop;
    popWidth = popLayer.clientWidth;
    popHeight = popLayer.clientHeight;
    if (event.clientX + 12 + popWidth&gt; document.body.clientWidth) popLeftAdjust = -popWidth - 24
    else popLeftAdjust = 0;
    if (event.clientY + 12 + popHeight&gt; document.body.clientHeight) popTopAdjust = -popHeight - 24
    else popTopAdjust = 0;
    popLayer.style.left = event.clientX + 12 + document.body.scrollLeft + popLeftAdjust;
    popLayer.style.top = event.clientY + 12 + document.body.scrollTop + popTopAdjust;
}
document.onmouseover = showPopupText; &lt;/script&gt;  
&lt;a href="#" title="Alexa 排名、流量、访问量、页面浏览量查询系统 Powered By Chinaz"&gt;我爱你啊&lt;/a&gt;

//IE专用

var sPop = null;

document.write("<style type='text/css'>");

document.write(".PopText { font-family: Tahoma, 宋体; color: #000000; background-color: #ffffff; border: 1px #000000 dashed; font-size: 11px; line-height: 14px; padding: 4px; visibility: hidden; filter: Alpha(Opacity=0)}");

document.write("</style>");

document.write("<div id='popLayer' style='position:absolute;z-index:1000;filter:revealtrans(duration=.5,transition=12) revealTrans(duration=1,transition=23) alpha(opacity=90,enabled=100)' class='PopText'></div>");

function showPopupText() {

var o = event.srcElement;

MouseX = event.x;

MouseY = event.y;

if (o.alt != null && o.alt != "") {

o.pop = o.alt;

o.alt = ""

}

if (o.title != null && o.title != "") {

o.pop = o.title;

o.title = ""

}

if (o.pop) {

o.pop = o.pop.replace("/n", "<br>");

}

if (o.pop != sPop) {

sPop = o.pop;

if (sPop == null || sPop == "") {

popLayer.filters[0].apply();

popLayer.style.visibility = "hidden";

popLayer.filters[0].play();

popLayer.style.width = ""

} else {

if (o.dyclass != null) popStyle = o.dyclass

else popStyle = "PopText";

popLayer.filters[1].apply();

popLayer.style.visibility = "visible";

popLayer.filters[1].play();

showIt();

if (popLayer.offsetWidth> 500) {

popLayer.style.width = 500

}

function showIt() {

popLayer.className = popStyle;

popLayer.innerHTML = sPop;

popWidth = popLayer.clientWidth;

popHeight = popLayer.clientHeight;

if (event.clientX + 12 + popWidth> document.body.clientWidth) popLeftAdjust = -popWidth - 24

else popLeftAdjust = 0;

if (event.clientY + 12 + popHeight> document.body.clientHeight) popTopAdjust = -popHeight - 24

else popTopAdjust = 0;

popLayer.style.left = event.clientX + 12 + document.body.scrollLeft + popLeftAdjust;

popLayer.style.top = event.clientY + 12 + document.body.scrollTop + popTopAdjust;

}

document.onmouseover = showPopupText; </script>

Javascript2007年4月23日2015年9月27日

链接抖动

[code] ?<script type=”text/javascript” l […]

Javascript2007年4月23日2011年10月18日

超链接提示特效

&lt;head&gt;
&lt;script type="text/javascript" language="JavaScript"&gt;
//IE专用
  var sPop = null;
  document.write("&lt;style type='text/css'&gt;");
  document.write(".PopText { font-family: Tahoma, 宋体; color: #000000; background-color: #ffffff; border: 1px #000000 dashed; font-size: 11px; line-height: 14px; padding: 4px; visibility: hidden; filter: Alpha(Opacity=0)}");
  document.write("&lt;/style&gt;");
  document.write("&lt;div id='popLayer' style='position:absolute;z-index:1000;filter:revealtrans(duration=.5,transition=12) revealTrans(duration=1,transition=23) alpha(opacity=90,enabled=100)' class='PopText'&gt;&lt;/div&gt;");

  function showPopupText() {
      var o = event.srcElement;
      MouseX = event.x;
      MouseY = event.y;
      if (o.alt != null &amp;&amp; o.alt != "") {
          o.pop = o.alt;
          o.alt = ""
      }
      if (o.title != null &amp;&amp; o.title != "") {
          o.pop = o.title;
          o.title = ""
      }
      if (o.pop) {
          o.pop = o.pop.replace("/n", "&lt;br&gt;");
          o.pop = o.pop.replace("/n", "&lt;br&gt;");
      }
      if (o.pop != sPop) {
          sPop = o.pop;
          if (sPop == null || sPop == "") {
              popLayer.filters[0].apply();
              popLayer.style.visibility = "hidden";
              popLayer.filters[0].play();
              popLayer.style.width = ""
          } else {
              if (o.dyclass != null) popStyle = o.dyclass
              else popStyle = "PopText";
              popLayer.filters[1].apply();
              popLayer.style.visibility = "visible";
              popLayer.filters[1].play();
              showIt();
              if (popLayer.offsetWidth &gt; 500) {
                  popLayer.style.width = 500
              }
          }
      }
  }
  function showIt() {
      popLayer.className = popStyle;
      popLayer.innerHTML = sPop;
      popWidth = popLayer.clientWidth;
      popHeight = popLayer.clientHeight;
      if (event.clientX + 12 + popWidth &gt; document.body.clientWidth) popLeftAdjust = -popWidth - 24
      else popLeftAdjust = 0;
      if (event.clientY + 12 + popHeight &gt; document.body.clientHeight) popTopAdjust = -popHeight - 24
      else popTopAdjust = 0;
      popLayer.style.left = event.clientX + 12 + document.body.scrollLeft + popLeftAdjust;
      popLayer.style.top = event.clientY + 12 + document.body.scrollTop + popTopAdjust;
  }
  document.onmouseover = showPopupText;
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;tr class="data"&gt;
	&lt;td&gt;
		 快捷访问方式:① &lt;a href="http://alexa.chinaz.com/Index.asp?Domain=fightfly.com" title="把查询地址加到收藏夹，以方便以后查询！" onclick="window.external.addFavorite('http://alexa.chinaz.com','网站ALEXA排名查询')"&gt;加入收藏夹&lt;/a&gt;
		 ② &lt;a href="alexa.reg" title="安装后在任意页面右键查看当前网站ALEXA信息。"&gt;IE右键菜单&lt;/a&gt;
		 ③ &lt;a href="alexa_plugin.rar" title="下载后放在Maxthon/Plugin目录下，内附使用说明。"&gt;Maxthon插件&lt;/a&gt; 
		 ④ &lt;a href="Show.asp" target="_blank" title="将下面代码嵌入要显示排名位置，即可显示当前站点排名信息。"&gt;嵌入页面代码&lt;/a&gt; 
		 ⑤ &lt;a href="javascript:clipboardData.setData('Text','http://alexa.chinaz.com/Index.asp?Domain=fightfly.com');alert('已将当前页面地址复制到剪切板，粘贴给需要查询的朋友即可。')" title="复制查询地址给其他人。"&gt;推荐给朋友&lt;/a&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;body&gt;

<head>

//IE专用

var sPop = null;

document.write("<style type='text/css'>");

document.write("</style>");

function showPopupText() {

var o = event.srcElement;

MouseX = event.x;

MouseY = event.y;

if (o.alt != null && o.alt != "") {

o.pop = o.alt;

o.alt = ""

}

if (o.title != null && o.title != "") {

o.pop = o.title;

o.title = ""

}

if (o.pop) {

o.pop = o.pop.replace("/n", "<br>");

}

if (o.pop != sPop) {

sPop = o.pop;

if (sPop == null || sPop == "") {

popLayer.filters[0].apply();

popLayer.style.visibility = "hidden";

popLayer.filters[0].play();

popLayer.style.width = ""

} else {

if (o.dyclass != null) popStyle = o.dyclass

else popStyle = "PopText";

popLayer.filters[1].apply();

popLayer.style.visibility = "visible";

popLayer.filters[1].play();

showIt();

if (popLayer.offsetWidth > 500) {

popLayer.style.width = 500

}

function showIt() {

popLayer.className = popStyle;

popLayer.innerHTML = sPop;

popWidth = popLayer.clientWidth;

popHeight = popLayer.clientHeight;

if (event.clientX + 12 + popWidth > document.body.clientWidth) popLeftAdjust = -popWidth - 24

else popLeftAdjust = 0;

if (event.clientY + 12 + popHeight > document.body.clientHeight) popTopAdjust = -popHeight - 24

else popTopAdjust = 0;

popLayer.style.left = event.clientX + 12 + document.body.scrollLeft + popLeftAdjust;

popLayer.style.top = event.clientY + 12 + document.body.scrollTop + popTopAdjust;

}

document.onmouseover = showPopupText;

</script>

</head>

<body>

<td>

快捷访问方式:① <a href="http://alexa.chinaz.com/Index.asp?Domain=fightfly.com" title="把查询地址加到收藏夹，以方便以后查询！" onclick="window.external.addFavorite('http://alexa.chinaz.com','网站ALEXA排名查询')">加入收藏夹</a>

② <a href="alexa.reg" title="安装后在任意页面右键查看当前网站ALEXA信息。">IE右键菜单</a>

③ <a href="alexa_plugin.rar" title="下载后放在Maxthon/Plugin目录下，内附使用说明。">Maxthon插件</a>

④ <a href="Show.asp" target="_blank" title="将下面代码嵌入要显示排名位置，即可显示当前站点排名信息。">嵌入页面代码</a>

⑤ <a href="javascript:clipboardData.setData('Text','http://alexa.chinaz.com/Index.asp?Domain=fightfly.com');alert('已将当前页面地址复制到剪切板，粘贴给需要查询的朋友即可。')" title="复制查询地址给其他人。">推荐给朋友</a>

</td>

</tr>

<body>

Javascript2007年4月23日2011年10月18日

超链接提示特效 Title标签特效

&lt;html&gt; 
&lt;head&gt; 
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt; 
&lt;title&gt;自定义title - 51windows.net&lt;/title&gt; 
&lt;/head&gt; 
&lt;body&gt; 
&lt;p&gt;&lt;b&gt;自定义title&lt;/b&gt;(IE)：把鼠标放在下面的文字上查看效果&lt;/p&gt; 
&lt;span title="Javascript" title=""&gt;默认效果&lt;/span&gt;

&lt;span title="&lt;marquee style='width:100px;'&gt;www.51windows.net&lt;/marquee&gt;" altbg="red" altcolor="yellow" altborder="yellow"&gt;滚动字幕&lt;/span&gt;

&lt;span title="&lt;img src='http://www.51windows.net/51windows.net.logo.gif' border='0'&gt;" altbg="#F7F7F7" altcolor="#999999" altborder="#CCCCCC"&gt;图片&lt;/span&gt;

&lt;span title="&lt;i style='font-size:24pt;font-family:verdana;'&gt;www.51windows.net&lt;/i&gt;" altbg="green" altcolor="yellow" altborder="darkgreen"&gt;大字体&lt;/span&gt;

&lt;div style="display:none;border:1px solid #000000;background-color:#FFFFCC;font-size:12px;position:absolute;padding:2;" id=altlayer&gt;&lt;/div&gt; 
&lt;script LANGUAGE="JavaScript"&gt;
//IE专用
 document.body.onmousemove = quickalt;
 document.body.onmouseover = getalt;
 document.body.onmouseout = restorealt;
 var tempalt = '';

 function getalt() {
     if (event.srcElement.title &amp;&amp; (event.srcElement.title != '' || (event.srcElement.title == '' &amp;&amp; tempalt != ''))) {
         altlayer.style.left = event.x;
         altlayer.style.top = event.y + 20;
         altlayer.style.display = '';
         tempalt = event.srcElement.title;
         tempbg = event.srcElement.altbg;
         tempcolor = event.srcElement.altcolor;
         tempborder = event.srcElement.altborder;
         event.srcElement.title = '';
         altlayer.innerHTML = tempalt;
         if (typeof(tempbg) != "undefined") {
             altlayer.style.background = tempbg
         } else {
             altlayer.style.background = "infobackground"
         }
         if (typeof(tempcolor) != "undefined") {
             altlayer.style.color = tempcolor
         } else {
             altlayer.style.color = tempcolor = "infotext"
         }
         if (typeof(tempborder) != "undefined") {
             altlayer.style.border = '1px solid ' + tempborder;
         } else {
             altlayer.style.border = '1px solid #000000';
         }
     }
 }
 function quickalt() {
     if (altlayer.style.display == '') {
         altlayer.style.left = event.x;
         altlayer.style.top = event.y + 10;
     }
 }
 function restorealt() {
     event.srcElement.title = tempalt;
     tempalt = '';
     altlayer.style.display = 'none';
 }
&lt;/script&gt;
 &lt;/body&gt; &lt;/html&gt;

<html>

<head>

<title>自定义title - 51windows.net</title>

</head>

<body>

<p><b>自定义title</b>(IE)：把鼠标放在下面的文字上查看效果</p>

<span title="<marquee style='width:100px;'>www.51windows.net</marquee>" altbg="red" altcolor="yellow" altborder="yellow">滚动字幕</span>

<span title="<img src='http://www.51windows.net/51windows.net.logo.gif' border='0'>" altbg="#F7F7F7" altcolor="#999999" altborder="#CCCCCC">图片</span>

<span title="<i style='font-size:24pt;font-family:verdana;'>www.51windows.net</i>" altbg="green" altcolor="yellow" altborder="darkgreen">大字体</span>

//IE专用

document.body.onmousemove = quickalt;

document.body.onmouseover = getalt;

document.body.onmouseout = restorealt;

var tempalt = '';

function getalt() {

if (event.srcElement.title && (event.srcElement.title != '' || (event.srcElement.title == '' && tempalt != ''))) {

altlayer.style.left = event.x;

altlayer.style.top = event.y + 20;

altlayer.style.display = '';

tempalt = event.srcElement.title;

tempbg = event.srcElement.altbg;

tempcolor = event.srcElement.altcolor;

tempborder = event.srcElement.altborder;

event.srcElement.title = '';

altlayer.innerHTML = tempalt;

if (typeof(tempbg) != "undefined") {

altlayer.style.background = tempbg

} else {

altlayer.style.background = "infobackground"

}

if (typeof(tempcolor) != "undefined") {

altlayer.style.color = tempcolor

} else {

altlayer.style.color = tempcolor = "infotext"

}

if (typeof(tempborder) != "undefined") {

altlayer.style.border = '1px solid ' + tempborder;

} else {

altlayer.style.border = '1px solid #000000';

}

function quickalt() {

if (altlayer.style.display == '') {

altlayer.style.left = event.x;

altlayer.style.top = event.y + 10;

}

function restorealt() {

event.srcElement.title = tempalt;

tempalt = '';

altlayer.style.display = 'none';

}

</script>

</body> </html>

Javascript2007年4月23日2015年9月27日

链接title3

[code] ?<head> ?<script type=”text/javas […]

Javascript2007年4月23日2015年9月27日

链接title

[code] ?<html> ?<head> ?<meta http-equiv […]

Javascript2007年4月23日2011年10月18日

变色连接

&lt;head&gt;
&lt;script language="javascript"&gt;
  var rate = 20;
  var obj;
  var act = 0;
  var elmH = 0;
  var elmS = 128;
  var elmV = 255;
  var clrOrg;
  var TimerID;
  if (navigator.appName.indexOf("Microsoft", 0) != -1 &amp;&amp; parseInt(navigator.appVersion) &gt;= 4) {
      Browser = true;
  } else {
      Browser = false;
  }
  if (Browser) {
      document.onmouseover = doRainbowAnchor;
      document.onmouseout = stopRainbowAnchor;
  }
  function doRainbow() {
      if (Browser &amp;&amp; act != 1) {
          act = 1;
          obj = event.srcElement;
          clrOrg = obj.style.color;
          TimerID = setInterval("ChangeColor()", 100);
      }
  }
  function stopRainbow() {
      if (Browser &amp;&amp; act != 0) {
          obj.style.color = clrOrg;
          clearInterval(TimerID);
          act = 0;
      }
  }
  function doRainbowAnchor() {
      if (Browser &amp;&amp; act != 1) {
          obj = event.srcElement;
          while (obj.tagName != 'A' &amp;&amp; obj.tagName != 'BODY') {
              obj = obj.parentElement;
              if (obj.tagName == 'A' || obj.tagName == 'BODY') break;
          }
          if (obj.tagName == 'A' &amp;&amp; obj.href != '') {
              act = 1;
              clrOrg = obj.style.color;
              TimerID = setInterval("ChangeColor()", 100);
          }
      }
  }
  function stopRainbowAnchor() {
      if (Browser &amp;&amp; act != 0) {
          if (obj.tagName == 'A') {
              obj.style.color = clrOrg;
              clearInterval(TimerID);
              act = 0;
          }
      }
  }
  function ChangeColor() {
      obj.style.color = makeColor();
  }
  function makeColor() {
      if (elmS == 0) {
          elmR = elmV;
          elmG = elmV;
          elmB = elmV;
      } else {
          t1 = elmV;
          t2 = (255 - elmS) * elmV / 255;
          t3 = elmH % 60;
          t3 = (t1 - t2) * t3 / 60;
          if (elmH &lt; 60) {
              elmR = t1;
              elmB = t2;
              elmG = t2 + t3;
          } else if (elmH &lt; 120) {
              elmG = t1;
              elmB = t2;
              elmR = t1 - t3;
          } else if (elmH &lt; 180) {
              elmG = t1;
              elmR = t2;
              elmB = t2 + t3;
          } else if (elmH &lt; 240) {
              elmB = t1;
              elmR = t2;
              elmG = t1 - t3;
          } else if (elmH &lt; 300) {
              elmB = t1;
              elmG = t2;
              elmR = t2 + t3;
          } else if (elmH &lt; 360) {
              elmR = t1;
              elmG = t2;
              elmB = t1 - t3;
          } else {
              elmR = 0;
              elmG = 0;
              elmB = 0;
          }
      }
      elmR = Math.floor(elmR);
      elmG = Math.floor(elmG);
      elmB = Math.floor(elmB);
      clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
      elmH = elmH + rate;
      if (elmH &gt;= 360) elmH = 0;
      return clrRGB;
  }
  var NoImagesURL = "images/error.gif"; //window.onload = checkImages;
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;table width='95%' border='0' cellspacing='0' cellpadding='0'&gt;
&lt;tr onmouseover="this.style.backgroundColor='#f9f9f9'" onmouseout="this.style.backgroundColor=''"&gt;
	&lt;td align='center' height='25'&gt;
		&lt;font color='#cccccc'&gt;≡≡≡&lt;/font&gt;&lt;a href='article.asp?cat_id=27'&gt;品牌文化&lt;/a&gt;&lt;font color='#cccccc'&gt;≡≡≡&lt;/font&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;table width='95%' border='0' cellspacing='0' cellpadding='0'&gt;
&lt;tr onmouseover="this.style.backgroundColor='#f9f9f9'" onmouseout="this.style.backgroundColor=''"&gt;
	&lt;td align='center' height='25'&gt;
		&lt;font color='#cccccc'&gt;≡≡≡&lt;/font&gt;&lt;a href='article.asp?cat_id=28'&gt;潮流资讯&lt;/a&gt;&lt;font color='#cccccc'&gt;≡≡≡&lt;/font&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;table width='95%' border='0' cellspacing='0' cellpadding='0'&gt;
&lt;tr onmouseover="this.style.backgroundColor='#f9f9f9'" onmouseout="this.style.backgroundColor=''"&gt;
	&lt;td align='center' height='25'&gt;
		&lt;font color='#cccccc'&gt;≡≡≡&lt;/font&gt;&lt;a href='article.asp?cat_id=29'&gt;营销管理&lt;/a&gt;&lt;font color='#cccccc'&gt;≡≡≡&lt;/font&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;table width='95%' border='0' cellspacing='0' cellpadding='0'&gt;
&lt;tr onmouseover="this.style.backgroundColor='#f9f9f9'" onmouseout="this.style.backgroundColor=''"&gt;
	&lt;td align='center' height='25'&gt;
		&lt;font color='#cccccc'&gt;≡≡≡&lt;/font&gt;&lt;a href='article.asp?cat_id=30'&gt;人力资源&lt;/a&gt;&lt;font color='#cccccc'&gt;≡≡≡&lt;/font&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;table width='95%' border='0' cellspacing='0' cellpadding='0'&gt;
&lt;tr onmouseover="this.style.backgroundColor='#f9f9f9'" onmouseout="this.style.backgroundColor=''"&gt;
	&lt;td align='center' height='25'&gt;
		&lt;font color='#cccccc'&gt;≡≡≡&lt;/font&gt;&lt;a href='article.asp?cat_id=31'&gt;服饰常识&lt;/a&gt;&lt;font color='#cccccc'&gt;≡≡≡&lt;/font&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

<head>

var rate = 20;

var obj;

var act = 0;

var elmH = 0;

var elmS = 128;

var elmV = 255;

var clrOrg;

var TimerID;

if (navigator.appName.indexOf("Microsoft", 0) != -1 && parseInt(navigator.appVersion) >= 4) {

Browser = true;

} else {

Browser = false;

}

if (Browser) {

document.onmouseover = doRainbowAnchor;

document.onmouseout = stopRainbowAnchor;

}

function doRainbow() {

if (Browser && act != 1) {

act = 1;

obj = event.srcElement;

clrOrg = obj.style.color;

TimerID = setInterval("ChangeColor()", 100);

}

function stopRainbow() {

if (Browser && act != 0) {

obj.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

function doRainbowAnchor() {

if (Browser && act != 1) {

obj = event.srcElement;

while (obj.tagName != 'A' && obj.tagName != 'BODY') {

obj = obj.parentElement;

if (obj.tagName == 'A' || obj.tagName == 'BODY') break;

}

if (obj.tagName == 'A' && obj.href != '') {

act = 1;

clrOrg = obj.style.color;

TimerID = setInterval("ChangeColor()", 100);

}

function stopRainbowAnchor() {

if (Browser && act != 0) {

if (obj.tagName == 'A') {

obj.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

function ChangeColor() {

obj.style.color = makeColor();

}

function makeColor() {

if (elmS == 0) {

elmR = elmV;

elmG = elmV;

elmB = elmV;

} else {

t1 = elmV;

t2 = (255 - elmS) * elmV / 255;

t3 = elmH % 60;

t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {

elmR = t1;

elmB = t2;

elmG = t2 + t3;

} else if (elmH < 120) {

elmG = t1;

elmB = t2;

elmR = t1 - t3;

} else if (elmH < 180) {

elmG = t1;

elmR = t2;

elmB = t2 + t3;

} else if (elmH < 240) {

elmB = t1;

elmR = t2;

elmG = t1 - t3;

} else if (elmH < 300) {

elmB = t1;

elmG = t2;

elmR = t2 + t3;

} else if (elmH < 360) {

elmR = t1;

elmG = t2;

elmB = t1 - t3;

} else {

elmR = 0;

elmG = 0;

elmB = 0;

}

elmR = Math.floor(elmR);

elmG = Math.floor(elmG);

elmB = Math.floor(elmB);

clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);

elmH = elmH + rate;

if (elmH >= 360) elmH = 0;

return clrRGB;

}

var NoImagesURL = "images/error.gif"; //window.onload = checkImages;

</script>

</head>

<body>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

Javascript2007年4月23日2011年10月18日

按钮提示

&lt;script language="JavaScript" type="text/JavaScript"&gt;
  function MM_findObj(n, d) {
      //v4.01   
      var p, i, x;
      if (!d) d = document;
      if ((p = n.indexOf("?")) &gt; 0 &amp;&amp; parent.frames.length) {
          d = parent.frames[n.substring(p + 1)].document;
          n = n.substring(0, p);
      }
      if (!(x = d[n]) &amp;&amp; d.all) x = d.all[n];
      for (i = 0; !x &amp;&amp; i &lt; d.forms.length; i++) x = d.forms[i][n];
      for (i = 0; !x &amp;&amp; d.layers &amp;&amp; i &lt; d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
      if (!x &amp;&amp; d.getElementById) x = d.getElementById(n);
      return x;
  }

  function MM_showHideLayers() {
      //v6.0    
      var i, p, v, obj, args = MM_showHideLayers.arguments;
      for (i = 0; i &lt; (args.length - 2); i += 3) if ((obj = MM_findObj(args[i])) != null) {
          v = args[i + 2];
          if (obj.style) {
              obj = obj.style;
              v = (v == 'show') ? 'visible' : (v == 'hide') ? 'hidden' : v;
          }
          obj.visibility = v;
      }
  }
&lt;/script&gt;

&lt;input name="btn_price" type="button" class="m" value="立即购买" onclick='window.open("http://china.alibaba.com/offer/make_order.htm?offerid=35317981&amp;tracelog=auction_ykjdetail_buy1")' onmouseover="MM_showHideLayers('Layer1','','show')" onmouseout="MM_showHideLayers('Layer1','','hide')"&gt;
&lt;div id="Layer1" style="position:absolute; left:0px; top:0px; background-color: #FFFFFF; z-index:1; visibility: hidden; width: 244px; height: 107px;" onmouseover="MM_showHideLayers('Layer1','','show')" onmouseout="MM_showHideLayers('Layer1','','hide')"&gt;
	&lt;table width="100%" border="0" cellspacing="0" cellpadding="2" style="border-left:1px #FF7300 solid;border-top:1px #FF7300 solid;border-right:1px #FF7300 solid;border-bottom:1px #FF7300 solid;"&gt;
	&lt;tr&gt;
		&lt;td colspan="2"&gt;
			&lt;font color="#ff0000" class="S"&gt; 只需 3 步就可完成采购，&lt;br&gt;
			 您将在下一步预览并确认购买！&lt;/font&gt;
		&lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr&gt;
		&lt;td width="8%" align="right"&gt;
			1、
		&lt;/td&gt;
		&lt;td width="92%" class="S"&gt;
			确认购买货物
		&lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr&gt;
		&lt;td align="right" valign="top"&gt;
			2、
		&lt;/td&gt;
		&lt;td class="S"&gt;
			与卖家联系确认交易细节，并支付货款到支付宝安全帐户
		&lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr&gt;
		&lt;td align="right"&gt;
			3、
		&lt;/td&gt;
		&lt;td class="S"&gt;
			卖家给您发货
		&lt;/td&gt;
	&lt;/tr&gt;
	&lt;/table&gt;
&lt;/div&gt;

function MM_findObj(n, d) {

//v4.01

var p, i, x;

if (!d) d = document;

if ((p = n.indexOf("?")) > 0 && parent.frames.length) {

d = parent.frames[n.substring(p + 1)].document;

n = n.substring(0, p);

}

if (!(x = d[n]) && d.all) x = d.all[n];

for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];

for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);

if (!x && d.getElementById) x = d.getElementById(n);

return x;

}

function MM_showHideLayers() {

//v6.0

var i, p, v, obj, args = MM_showHideLayers.arguments;

for (i = 0; i < (args.length - 2); i += 3) if ((obj = MM_findObj(args[i])) != null) {

v = args[i + 2];

if (obj.style) {

obj = obj.style;

v = (v == 'show') ? 'visible' : (v == 'hide') ? 'hidden' : v;

}

obj.visibility = v;

}

</script>

<tr>

<font color="#ff0000" class="S"> 只需 3 步就可完成采购，<br>

您将在下一步预览并确认购买！</font>

</td>

</tr>

<tr>

1、

</td>

确认购买货物

</td>

</tr>

<tr>

2、

</td>

与卖家联系确认交易细节，并支付货款到支付宝安全帐户

</td>

</tr>

<tr>

3、

</td>

卖家给您发货

</td>

</tr>

</table>

</div>

Javascript2007年4月23日2015年9月27日

JTree

code/JTree/demo.htm

Javascript2007年4月23日2015年9月27日

下拉滑出

[code] // Ver: 4.1 var nOP=0,nOP5=0,nIE=0,nIE4=0,nIE5=0 […]

Javascript2007年4月23日2011年10月19日

css_menu

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 T […]

Javascript2007年4月23日2011年10月18日

侧边伸缩菜单

&lt;style type="text/css"&gt;
#master {
	LEFT:-100px;
	POSITION:absolute;
	TOP:25px;
	VISIBILITY:visible;
	WIDTH:200px;
	Z-INDEX:2
}
#menu {
	LEFT:100px;
	POSITION:absolute;
	TOP:25px;
	VISIBILITY:visible;
	WIDTH:18px;
	Z-INDEX:5
}
#top {
	LEFT:0px;
	POSITION:absolute;
	TOP:25px;
	VISIBILITY:visible;
	WIDTH:100px;
	Z-INDEX:5
}
#screen {
	LEFT:0px;
	POSITION:absolute;
	TOP:31px;
	VISIBILITY:visible;
	WIDTH:100px;
	Z-INDEX:5
}
#screenlinks {
	LEFT:0px;
	POSITION:absolute;
	TOP:31px;
	VISIBILITY:visible;
	WIDTH:100px;
	Z-INDEX: 5
}
&lt;/style&gt;
&lt;script&gt; 
var ie = document.all ? 1 : 0 
var ns = document.layers ? 1 : 0 
if(ie){ 
document.write('&lt;style type="text/css"&gt;') 
document.write("#screen {filter:Alpha(Opacity=30);}") 
document.write("&lt;/style&gt;") 
} 
if(ns){ 
document.write('&lt;style type="text/css"&gt;') 
document.write("#master {clip:rect(0,150,250,0);}") 
document.write("&lt;/style&gt;") 
} 
var ie = document.all ? 1 : 0 
var ns = document.layers ? 1 : 0 
var master = new Object("element") 
master.curLeft = -100; 
master.curTop = 10; 
master.gapLeft = 0; 
master.gapTop = 0; 
master.timer = null; 

function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop) {
    clearTimeout(eval(layerName).timer);
    if (eval(layerName).curLeft != fromLeft) {
        if ((Math.max(eval(layerName).curLeft, fromLeft)-Math.min(eval(layerName).curLeft, fromLeft)) &lt; paceLeft) {
            eval(layerName).curLeft = fromLeft;
        } else if (eval(layerName).curLeft &lt; fromLeft) {
            eval(layerName).curLeft = eval(layerName).curLeft + paceLeft;
        } else if (eval(layerName).curLeft &gt; fromLeft) {
            eval(layerName).curLeft = eval(layerName).curLeft - paceLeft;
        }
        if (ie) {
            document.all[layerName].style.left = eval(layerName).curLeft;
        }
        if (ns) {
            document[layerName].left = eval(layerName).curLeft;
        }
    }
    if (eval(layerName).curTop != fromTop) {
        if ((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) &lt; paceTop) {
            eval(layerName).curTop = fromTop;
        } else if (eval(layerName).curTop &lt; fromTop) {
            eval(layerName).curTop = eval(layerName).curTop + paceTop;
        } else if (eval(layerName).curTop &gt; fromTop) {
            eval(layerName).curTop = eval(layerName).curTop - paceTop;
        }
        if (ie) {
            document.all[layerName].style.top = eval(layerName).curTop;
        }
        if (ns) {
            document[layerName].top = eval(layerName).curTop;
        }
    }
    eval(layerName).timer = setTimeout('moveAlong(" + layerName + ",' + paceLeft + ',' + paceTop + ',' + fromLeft + ',' + fromTop + ')', 30)
}

function setPace(layerName, fromLeft, fromTop, motionSpeed) {
    eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) / motionSpeed;
    eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) / motionSpeed;
	moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop);
}
var expandState = 0

function expand() {
    if (expandState == 0) {
        setPace("master", 0, 10, 10);
        if (ie) {
            document.menutop.src = "menub.gif"
        };
        expandState = 1;
    } else {
        setPace("master", -100, 10, 10);
        if (ie) {
            document.menutop.src = "menu.gif"
        };
        expandState = 0;
    }
}
&lt;/script&gt;

&lt;div id='master'&gt;
	&lt;div id='menu' onmouseover="javascript: expand() "&gt;
		&lt;table border='0' cellpadding='0' cellspacing='0' width='18'&gt;
		&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td width=" 100 % "&gt;
				&lt;a href="javascript:expand()" onfocus ='this.blur()' &gt;
				&lt;img alt ='点击这里展开 / 关闭快捷菜单'  border ='' 0 height ='' 70 name ='menutop'  src ="menu.gif" width='18'&gt;&lt;/a&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;/tbody&gt;
		&lt;/table&gt;
	&lt;/div&gt;
	&lt;div id='top'&gt;
		&lt;table border='0' cellpadding='0' cellspacing='0' width='100'&gt;
		&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td width=" 100 % "&gt;
				&lt;img border='0' height='6' src="top.gif" width ='100' &gt;&lt;/td&gt;
			&lt;/tr&gt;
			&lt;/tbody&gt;
			&lt;/table&gt;
			&lt;/div&gt;
			&lt;div id='screen' onmouseout="javascript:expand()"&gt;
				&lt;table border ='0'  cellpadding ='5'  cellspacing ='0'  width ='100' &gt;
				&lt;tbody&gt;&lt;tr&gt;&lt;td bgcolor ='#336666'  width= "100%"&gt;
				&lt;table bgcolor ='#336666'  border='0'  cellpadding ='0'  cellspacing ='0'  width = "100%" height='213'&gt;
				&lt;tbody&gt;
				&lt;tr&gt;
					&lt;td width="100%"&gt;
						&lt;table border='0' cellpadding='5' cellspacing='1' width="100%"&gt;
						&lt;tbody&gt;&lt;tr&gt;&lt;td bgcolor ='#ecf6f5'  width ="100%"&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;/tbody&gt;
				&lt;/table&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;/tbody&gt;
		&lt;/table&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;div id='screenlinks'&gt;
&lt;table border='0' cellpadding='6' cellspacing='0' width='100'&gt;
&lt;tbody&gt;
&lt;tr&gt;
	&lt;td style="FILTER:alpha(opacity='90)" width="100%"&gt;
		&lt;table bgcolor='#336666' border='0' cellpadding='0' cellspacing='0' width="100%"&gt;
		&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td width="100%"&gt;
				&lt;table border='0' cellpadding='6' cellspacing='1' width="100%"&gt;
				&lt;tbody&gt;
				&lt;tr&gt;
					&lt;td bgcolor='#ecf6f5' width="100%" align="center"&gt;
						&lt;font color='999900'&gt;闪客服务导航&lt;/font&gt;
						├&lt;a href="bank.asp" target="_BLANK"&gt;闪客银行&lt;/a&gt;
						├&lt;a href="gupiao.ASP"&gt;股票市场&lt;/a&gt;
						├&lt;a href="caipiao.ASP"&gt;福利彩票&lt;/a&gt;
						├&lt;a href="GUESS.ASP" target="_BLANK"&gt;猜 点 数&lt;/a&gt;
						├&lt;a href="BET.ASP" target="_BLANK"&gt;赌 大 小&lt;/a&gt;
						├&lt;a href="RACE.ASP" target="_BLANK"&gt;赛 马 场&lt;/a&gt;
						├&lt;a href="TIGER.ASP" target="_BLANK"&gt;老 虎 机&lt;/a&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;/tbody&gt;
				&lt;/table&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;/tbody&gt;
		&lt;/table&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
if (ie) {
    var sidemenu = document.all.master;
}
if (ns) {
    var sidemenu = document.master;
}
function FixY() {
    if (ie) {
        sidemenu.style.top = document.body.scrollTop + 10
    }
    if (ns) {
        sidemenu.top = window.pageYOffset + 10
    }
}
setInterval("FixY()", 100); 
&lt;/script&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

#master {

LEFT:-100px;

POSITION:absolute;

TOP:25px;

VISIBILITY:visible;

WIDTH:200px;

Z-INDEX:2

}

#menu {

LEFT:100px;

POSITION:absolute;

TOP:25px;

VISIBILITY:visible;

WIDTH:18px;

Z-INDEX:5

}

#top {

LEFT:0px;

POSITION:absolute;

TOP:25px;

VISIBILITY:visible;

WIDTH:100px;

Z-INDEX:5

}

#screen {

LEFT:0px;

POSITION:absolute;

TOP:31px;

VISIBILITY:visible;

WIDTH:100px;

Z-INDEX:5

}

#screenlinks {

LEFT:0px;

POSITION:absolute;

TOP:31px;

VISIBILITY:visible;

WIDTH:100px;

Z-INDEX: 5

}

</style>

var ie = document.all ? 1 : 0

var ns = document.layers ? 1 : 0

if(ie){

document.write('<style type="text/css">')

document.write("#screen {filter:Alpha(Opacity=30);}")

document.write("</style>")

}

if(ns){

document.write('<style type="text/css">')

document.write("#master {clip:rect(0,150,250,0);}")

document.write("</style>")

}

var ie = document.all ? 1 : 0

var ns = document.layers ? 1 : 0

var master = new Object("element")

master.curLeft = -100;

master.curTop = 10;

master.gapLeft = 0;

master.gapTop = 0;

master.timer = null;

function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop) {

clearTimeout(eval(layerName).timer);

if (eval(layerName).curLeft != fromLeft) {

if ((Math.max(eval(layerName).curLeft, fromLeft)-Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft) {

eval(layerName).curLeft = fromLeft;

} else if (eval(layerName).curLeft < fromLeft) {

eval(layerName).curLeft = eval(layerName).curLeft + paceLeft;

} else if (eval(layerName).curLeft > fromLeft) {

eval(layerName).curLeft = eval(layerName).curLeft - paceLeft;

}

if (ie) {

document.all[layerName].style.left = eval(layerName).curLeft;

}

if (ns) {

document[layerName].left = eval(layerName).curLeft;

}

if (eval(layerName).curTop != fromTop) {

if ((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop) {

eval(layerName).curTop = fromTop;

} else if (eval(layerName).curTop < fromTop) {

eval(layerName).curTop = eval(layerName).curTop + paceTop;

} else if (eval(layerName).curTop > fromTop) {

eval(layerName).curTop = eval(layerName).curTop - paceTop;

}

if (ie) {

document.all[layerName].style.top = eval(layerName).curTop;

}

if (ns) {

document[layerName].top = eval(layerName).curTop;

}

eval(layerName).timer = setTimeout('moveAlong(" + layerName + ",' + paceLeft + ',' + paceTop + ',' + fromLeft + ',' + fromTop + ')', 30)

}

function setPace(layerName, fromLeft, fromTop, motionSpeed) {

eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) / motionSpeed;

eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) / motionSpeed;

moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop);

}

var expandState = 0

function expand() {

if (expandState == 0) {

setPace("master", 0, 10, 10);

if (ie) {

document.menutop.src = "menub.gif"

};

expandState = 1;

} else {

setPace("master", -100, 10, 10);

if (ie) {

document.menutop.src = "menu.gif"

};

expandState = 0;

}

</script>

<tbody>

<tr>

</td>

</tr>

</tbody>

</table>

</div>

<tbody>

<tr>

</tr>

</tbody>

</table>

</div>

<tbody>

<tr>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</div>

<tbody>

<tr>

<tbody>

<tr>

<tbody>

<tr>

<font color='999900'>闪客服务导航</font>

├<a href="bank.asp" target="_BLANK">闪客银行</a>

├<a href="gupiao.ASP">股票市场</a>

├<a href="caipiao.ASP">福利彩票</a>

├<a href="GUESS.ASP" target="_BLANK">猜点数</a>

├<a href="BET.ASP" target="_BLANK">赌大小</a>

├<a href="RACE.ASP" target="_BLANK">赛马场</a>

├<a href="TIGER.ASP" target="_BLANK">老虎机</a>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</div>

if (ie) {

var sidemenu = document.all.master;

}

if (ns) {

var sidemenu = document.master;

}

function FixY() {

if (ie) {

sidemenu.style.top = document.body.scrollTop + 10

}

if (ns) {

sidemenu.top = window.pageYOffset + 10

}

setInterval("FixY()", 100);

</script>

Javascript2007年4月23日2011年10月18日

TabControl搜索菜单

&lt;!–搜索开始–&gt;&lt;!– iAsk begin –&gt;&lt;!– iAsk begin –&gt;
&lt;style type="text/css"&gt;.s_on {
	background-image:url(http://image2.sina.com.cn/pfp/ask/0208/images/l_tbg_on.gif);
	background-repeat:no-repeat;
	padding-top:5px;
	cursor:hand;
	background-color:#ffc52e;
}
.s_of {
	background-image:url(http://image2.sina.com.cn/pfp/ask/0208/images/l_tbg_off.gif);
	background-repeat:no-repeat;
	padding-top:5px;
	cursor:hand;
	background-color:#f0f0f0;
}
.m_on {
	background-image:url(http://image2.sina.com.cn/pfp/ask/0208/images/l_ms_on.gif);
	background-repeat:no-repeat;
	padding-top:5px;
	cursor:hand;
}
.bk_n {
	height:22px;
	width:100%;
	font-size:14px;
}
.eg {
	color:#999999;
	font-size:12px;
}
.pt2 {
	padding-top:2px;
}
.pl5 {
	padding-left:5px;
}
.blbr1d9 {
	border-left:1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}
&lt;/style&gt;
&lt;script type="text/javascript"&gt;
 function s_chg(td_now, mCols, fn) {
     s_td_1.className = s_td_2.className = s_td_3.className = s_td_4.className = s_td_6.className = s_td_7.className = "s_of";
     td_now.className = "s_on";
     move_xjt.colSpan = mCols;
     if (td_now.id == "s_td_1") {
         lc.style.display = "none";
         btn1.height = "35";
         btn1.innerHTML = " &lt;input id = btn_i type = submit value = '搜索' style = 'width: 60px;'&gt; &lt;input type = button value = '提问' style = 'width: 60px;' onClick = 'ask(this.form);'&gt; ";
         eg2.style.display = "none";
         fn.i_k.name = "k";
         fn.action = "http://iask.com/s"; } 
         if (td_now.id == "s_td_3") {
             lc.style.display = "none";
             btn1.height = "35";
             btn1.innerHTML = " &lt;input id = btn_i type = submit value = '搜索' style = 'width: 60px;'&gt; ";
             eg2.style.display = "none";
             fn.i_k.name = "k";
             fn.action = "http://iask.com/n";
         }
         if (td_now.id == "s_td_4") {
             lc.style.display = "none";
             btn1.height = "35";
             btn1.innerHTML = " &lt;input id = btn_i type = submit value = '搜索' style = 'width: 60px;'&gt; ";
             eg2.style.display = "none";
             fn.i_k.name = "k";
             fn.action = "http://p.iask.com/p";
         }
         if (td_now.id == "s_td_6") {
             lc.style.display = "none";
             btn1.height = "35";
             btn1.innerHTML = " &lt;input id = btn_i type = submit value = '搜索' style = 'width: 60px;'&gt; ";
             eg2.style.display = "none";
             fn.i_k.name = "k";
             fn.action = "http://m.iask.com/g";
         }
         if (td_now.id == "s_td_5") {
             lc.style.display = "none";
             btn1.height = "35";
             btn1.innerHTML = " &lt;input id = btn_i type = submit value = '搜索' style = 'width: 60px;'&gt; ";
             eg2.style.display = "none";
             fn.i_k.name = "k";
             fn.action = "http://iask.com/v";
         }
         if (td_now.id == "s_td_2") {
             lc.style.display = "none";
             btn1.height = "35";
             btn1.innerHTML = " &lt;input id = btn_i type = submit value = '提问' style = 'width: 60px;'&gt; ";
             eg2.style.display = "none";
             fn.i_k.name = "title";
             fn.action = "http://iask.sina.com.cn/question/ask_new_2.php";
         }
         if (td_now.id == "s_td_7") {
             lc.style.display = "block";
             lc.style.paddingTop = "0";
             btn1.height = "25";
             btn1.innerHTML = " &lt;input id = btn_i type = submit value = '搜索' style = 'width: 60px;'&gt; ";
             eg2.style.display = "block";
             fn.i_k.name = "key";
             fn.action = "http://bendi.iask.com/r.php";
         }
     }

     function mouse_on(td_now) {
         if (td_now.className == "s_on") return false;
         else td_now.className = "m_on";
     }

     function mouse_of(td_now) {
         if (td_now.className == "s_on") return false;
         else td_now.className = "s_of";
     }
&lt;/script&gt;
&lt;script language="javascript"&gt;
 function iask_ck(fn) {
     if (fn.i_k.value == "") {
         if (fn.btn_i.value == "提问") {
             window.open("http: /iask.sina.com.cn/");
             return false;
         }
     }
 }

 function ask(fn) {
     if (fn.k.value == "") {
         window.open("http://iask.sina.com.cn/");
         return false;
     } else {
         window.open("http://iask.sina.com.cn/question/ask_new_2.php?title = " + fn.k.value);
     }
 }
&lt;/script&gt;
&lt;table border="0" width="286" cellpadding="0" cellspacing="0"&gt;
&lt;tr&gt;
	&lt;td height="3"&gt;
		&lt;img src="http://image2.sina.com.cn/pfp/ask/0208/images/l_top.gif" border="0" width="286" height="3"&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
	&lt;td height="36" class="blbr1d9"&gt;
		&lt;table border="0" width="100%"&gt;
		&lt;tr&gt;
			&lt;td width="80" height="20" align="center"&gt;
				&lt;a href="http://iask.com/" target="_blank"&gt;
				&lt;img src="http://image2.sina.com.cn/pfp/ask/0208/images/l_iask_logo2.gif" border="0" width="60" height="15" alt="爱问搜索"&gt;&lt;/a&gt;
			&lt;/td&gt;
			&lt;td valign="bottom"&gt;
				&lt;a href="http://zhishi.iask.com/" target="_blank"&gt;知识人，亿万网民帮您解决困难！&lt;/a&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td height="5"&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;/table&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
	&lt;td height="30" class="blbr1d9"&gt;
		&lt;table border="0" width="100%" cellpadding="0" cellspacing="0" background="http://image2.sina.com.cn/pfp/ask/0208/images/t_bg.gif"&gt;
		&lt;tr align="center"&gt;
			&lt;td width="11" height="21"&gt;
			&lt;/td&gt;
			&lt;td width="42" id="s_td_1" class="s_on" onclick="s_chg(this,1,f);" onmouseover="mouse_on(this);" onmouseout="mouse_of(this);"&gt;
				网页
			&lt;/td&gt;
			&lt;td width="2"&gt;
			&lt;/td&gt;
			&lt;td width="42" id="s_td_3" class="s_of" onclick="s_chg(this,3,f);" onmouseover="mouse_on(this);" onmouseout="mouse_of(this);"&gt;
				新闻
			&lt;/td&gt;
			&lt;td width="2"&gt;
			&lt;/td&gt;
			&lt;td width="42" id="s_td_7" class="s_of" onclick="s_chg(this,5,f);" onmouseover="mouse_on(this);" onmouseout="mouse_of(this);"&gt;
				本地
			&lt;/td&gt;
			&lt;td width="2"&gt;
			&lt;/td&gt;
			&lt;td width="42" id="s_td_2" class="s_of" onclick="s_chg(this,7,f);" onmouseover="mouse_on(this);" onmouseout="mouse_of(this);"&gt;
				知识人
			&lt;/td&gt;
			&lt;td width="2"&gt;
			&lt;/td&gt;
			&lt;td width="42" id="s_td_4" class="s_of" onclick="s_chg(this,9,f);" onmouseover="mouse_on(this);" onmouseout="mouse_of(this);"&gt;
				图片
			&lt;/td&gt;
			&lt;td width="2"&gt;
			&lt;/td&gt;
			&lt;td width="42" id="s_td_6" class="s_of" onclick="s_chg(this,11,f);" onmouseover="mouse_on(this);" onmouseout="mouse_of(this);"&gt;
				MP3
			&lt;/td&gt;
			&lt;td&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td id="move_xjt" colspan="1"&gt;
			&lt;/td&gt;
			&lt;td height="9" align="center"&gt;
				&lt;img src="http://image2.sina.com.cn/pfp/ask/0208/images/t_xjt.gif" border="0" width="13" height="9"&gt;
			&lt;/td&gt;
			&lt;td&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;/table&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
	&lt;form name='f' action='http://iask.com/s' target='_blank' onsubmit="return iask_ck(this)"&gt;
		&lt;td height="71" align="center" valign="top" bgcolor="#f9f9fa" class="blbr1d9"&gt;
			&lt;table border="0" width="100%" cellpadding="0" cellspacing="0"&gt;
			&lt;tr&gt;
				&lt;td height="2"&gt;
				&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr valign="top"&gt;
				&lt;td width="15"&gt;
				&lt;/td&gt;
				&lt;td&gt;
					&lt;input type="text" id="i_k" name="k" size="20" class="bk_n"&gt;
					&lt;div id="eg2" class="eg' pt2" style="display:none;"&gt;
						例:餐厅,酒吧,金陵饭店
					&lt;/div&gt;
				&lt;/td&gt;
				&lt;td width="110" id="lc" class="pl5" style="display:none;"&gt;
					&lt;input type="text" name="cl" id="location" size="15" class="bk_n"&gt;
					&lt;div class="eg' pt2"&gt;
						例:南京,广州中山路
					&lt;/div&gt;
				&lt;/td&gt;
				&lt;td width="15"&gt;
				&lt;/td&gt;
			&lt;/tr&gt;
			&lt;/table&gt;
			&lt;table border="0" width="100%" cellpadding="0" cellspacing="0"&gt;
			&lt;tr align="center" valign="bottom"&gt;
				&lt;td id="btn1" height="35"&gt;
					&lt;input id='btn_i' type='submit' value='搜 索' style='width:60px;'&gt;
					&lt;input type='button' value='提 问' style='width:60px;' onclick='ask(this.form);'&gt;
				&lt;/td&gt;
			&lt;/tr&gt;
			&lt;/table&gt;
		&lt;/td&gt;
		&lt;input type="hidden" name="fsh_s"&gt;
	&lt;/form&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;!– iAsk end –&gt;&lt;!– iAsk end –&gt;&lt;!–搜索结束–&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

<!–搜索开始–><!– iAsk begin –><!– iAsk begin –>

background-image:url(http://image2.sina.com.cn/pfp/ask/0208/images/l_tbg_on.gif);

background-repeat:no-repeat;

padding-top:5px;

cursor:hand;

background-color:#ffc52e;

}

.s_of {

background-image:url(http://image2.sina.com.cn/pfp/ask/0208/images/l_tbg_off.gif);

background-repeat:no-repeat;

padding-top:5px;

cursor:hand;

background-color:#f0f0f0;

}

.m_on {

background-image:url(http://image2.sina.com.cn/pfp/ask/0208/images/l_ms_on.gif);

background-repeat:no-repeat;

padding-top:5px;

cursor:hand;

}

.bk_n {

height:22px;

width:100%;

font-size:14px;

}

.eg {

color:#999999;

font-size:12px;

}

.pt2 {

padding-top:2px;

}

.pl5 {

padding-left:5px;

}

.blbr1d9 {

border-left:1px solid #d9d9d9;

border-right: 1px solid #d9d9d9;

}

</style>

function s_chg(td_now, mCols, fn) {

s_td_1.className = s_td_2.className = s_td_3.className = s_td_4.className = s_td_6.className = s_td_7.className = "s_of";

td_now.className = "s_on";

move_xjt.colSpan = mCols;

if (td_now.id == "s_td_1") {

lc.style.display = "none";

btn1.height = "35";

btn1.innerHTML = " <input id = btn_i type = submit value = '搜索' style = 'width: 60px;'> <input type = button value = '提问' style = 'width: 60px;' onClick = 'ask(this.form);'> ";

eg2.style.display = "none";

fn.i_k.name = "k";

fn.action = "http://iask.com/s"; }

if (td_now.id == "s_td_3") {

lc.style.display = "none";

btn1.height = "35";

btn1.innerHTML = " <input id = btn_i type = submit value = '搜索' style = 'width: 60px;'> ";

eg2.style.display = "none";

fn.i_k.name = "k";

fn.action = "http://iask.com/n";

}

if (td_now.id == "s_td_4") {

lc.style.display = "none";

btn1.height = "35";

btn1.innerHTML = " <input id = btn_i type = submit value = '搜索' style = 'width: 60px;'> ";

eg2.style.display = "none";

fn.i_k.name = "k";

fn.action = "http://p.iask.com/p";

}

if (td_now.id == "s_td_6") {

lc.style.display = "none";

btn1.height = "35";

btn1.innerHTML = " <input id = btn_i type = submit value = '搜索' style = 'width: 60px;'> ";

eg2.style.display = "none";

fn.i_k.name = "k";

fn.action = "http://m.iask.com/g";

}

if (td_now.id == "s_td_5") {

lc.style.display = "none";

btn1.height = "35";

btn1.innerHTML = " <input id = btn_i type = submit value = '搜索' style = 'width: 60px;'> ";

eg2.style.display = "none";

fn.i_k.name = "k";

fn.action = "http://iask.com/v";

}

if (td_now.id == "s_td_2") {

lc.style.display = "none";

btn1.height = "35";

btn1.innerHTML = " <input id = btn_i type = submit value = '提问' style = 'width: 60px;'> ";

eg2.style.display = "none";

fn.i_k.name = "title";

fn.action = "http://iask.sina.com.cn/question/ask_new_2.php";

}

if (td_now.id == "s_td_7") {

lc.style.display = "block";

lc.style.paddingTop = "0";

btn1.height = "25";

btn1.innerHTML = " <input id = btn_i type = submit value = '搜索' style = 'width: 60px;'> ";

eg2.style.display = "block";

fn.i_k.name = "key";

fn.action = "http://bendi.iask.com/r.php";

}

function mouse_on(td_now) {

if (td_now.className == "s_on") return false;

else td_now.className = "m_on";

}

function mouse_of(td_now) {

if (td_now.className == "s_on") return false;

else td_now.className = "s_of";

}

</script>

function iask_ck(fn) {

if (fn.i_k.value == "") {

if (fn.btn_i.value == "提问") {

window.open("http: /iask.sina.com.cn/");

return false;

}

function ask(fn) {

if (fn.k.value == "") {

window.open("http://iask.sina.com.cn/");

return false;

} else {

window.open("http://iask.sina.com.cn/question/ask_new_2.php?title = " + fn.k.value);

}

</script>

<tr>

</td>

</tr>

<tr>

<tr>

</td>

<a href="http://zhishi.iask.com/" target="_blank">知识人，亿万网民帮您解决困难！</a>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</td>

</tr>

<tr>

</td>

网页

</td>

</td>

新闻

</td>

</td>

本地

</td>

</td>

知识人

</td>

</td>

图片

</td>

</td>

MP3

</td>

<td>

</td>

</tr>

<tr>

</td>

</td>

<td>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<tr>

</td>

</tr>

</td>

<td>

例:餐厅,酒吧,金陵饭店

</div>

</td>

例:南京,广州中山路

</div>

</td>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</form>

</tr>

</table>

<!– iAsk end –><!– iAsk end –><!–搜索结束–>

Javascript2007年4月23日2015年9月27日

点击按钮自动变化

[code] ?<!–搜索开始–> ? ?<!– iAs […]

Javascript2007年4月23日2011年10月18日

TabControl菜单

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Hiker 's BLOG&lt;/title&gt;
&lt;style&gt;
body {
	font-size:12px;
	font-family:宋体
}
ul.TabBarLevel1 {
	list-style:none;
	margin:0;
	padding:0;
	height:29px;
	background-image:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_bk.gif);
}
ul.TabBarLevel1 li {
	float:left;
	padding:0;
	height:29px;
	margin-right:1px;
	background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_left_bk.gif) left top no-repeat;
}
ul.TabBarLevel1 li a {
	display:block;
	line-height:29px;
	padding:0 20px;
	color:#333;
	background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_right_bk.gif) right top no-repeat;
	white-space:nowrap;
}
ul.TabBarLevel1 li.Selected {
	background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_selected_left_bk.gif) left top no-repeat;
}
ul.TabBarLevel1 li.Selected a {
	background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_selected_right_bk.gif) right top no-repeat;
}
ul.TabBarLevel1 li a:link,ul.TabBarLevel1 li a:visited {
	color:#333;
}
ul.TabBarLevel1 li a:hover,ul.TabBarLevel1 li a:active {
	color:#F30;
	text-decoration:none;
}
ul.TabBarLevel1 li.Selected a:link,ul.TabBarLevel1 li.Selected a:visited {
	color:#000;
}
ul.TabBarLevel1 li.Selected a:hover,ul.TabBarLevel1 li.Selected a:active {
	color:#F30;
	text-decoration:none;
}
div.HackBox {
	padding:2px 2px;
	border-left:2px solid #6697CD;
	border-right:2px solid #6697CD;
	border-bottom:2px solid #6697CD;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="Whatever"&gt;
	&lt;ul class="TabBarLevel1" id="TabPage1"&gt;
		&lt;li id="Tab1"&gt;&lt;a href="#" onclick="javascript:switchTab('TabPage1','Tab1'); "&gt;宝贝详情&lt;/a&gt;&lt;/li&gt;
		&lt;li id="Tab2" class="Selected"&gt;&lt;a href="#" onclick="javascript:switchTab('TabPage1','Tab2'); "&gt;其他信息&lt;/a&gt;&lt;/li&gt;
		&lt;li id="Tab3"&gt;&lt;a href="#" onclick="javascript:switchTab('TabPage1','Tab3'); "&gt;出价记录&lt;/a&gt;&lt;/li&gt;
		&lt;li id="Tab4"&gt;&lt;a href="#" onclick="javascript:switchTab('TabPage1','Tab4'); "&gt;留言簿&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;
	&lt;div class="HackBox"&gt;
		XXXXXXXX
	&lt;/div&gt;
&lt;/div&gt;
&lt;script language="JavaScript"&gt;//Switch Tab Effect 
function switchTab(tabpage,tabid) {
	var oItem = document.getElementById(tabpage);
	for(var i=0;i&lt;oItem.children.length;i++) {
		var x = oItem.children[i];
		x.className = "";
		var y = x.getElementsByTagName('a');
		y[0].style.color="#333333";
	}
	document.getElementById(tabid).className = "Selected";
}
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<title>Hiker 's BLOG</title>

<style>

body {

font-size:12px;

font-family:宋体

}

ul.TabBarLevel1 {

list-style:none;

margin:0;

padding:0;

height:29px;

background-image:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_bk.gif);

}

ul.TabBarLevel1 li {

float:left;

padding:0;

height:29px;

margin-right:1px;

background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_left_bk.gif) left top no-repeat;

}

ul.TabBarLevel1 li a {

display:block;

line-height:29px;

padding:0 20px;

color:#333;

background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_right_bk.gif) right top no-repeat;

white-space:nowrap;

}

ul.TabBarLevel1 li.Selected {

background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_selected_left_bk.gif) left top no-repeat;

}

ul.TabBarLevel1 li.Selected a {

background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_selected_right_bk.gif) right top no-repeat;

}

ul.TabBarLevel1 li a:link,ul.TabBarLevel1 li a:visited {

color:#333;

}

ul.TabBarLevel1 li a:hover,ul.TabBarLevel1 li a:active {

color:#F30;

text-decoration:none;

}

ul.TabBarLevel1 li.Selected a:link,ul.TabBarLevel1 li.Selected a:visited {

color:#000;

}

ul.TabBarLevel1 li.Selected a:hover,ul.TabBarLevel1 li.Selected a:active {

color:#F30;

text-decoration:none;

}

div.HackBox {

padding:2px 2px;

border-left:2px solid #6697CD;

border-right:2px solid #6697CD;

border-bottom:2px solid #6697CD;

}

</style>

</head>

<body>

</ul>

XXXXXXXX

</div>

function switchTab(tabpage,tabid) {

var oItem = document.getElementById(tabpage);

for(var i=0;i<oItem.children.length;i++) {

var x = oItem.children[i];

x.className = "";

var y = x.getElementsByTagName('a');

y[0].style.color="#333333";

}

document.getElementById(tabid).className = "Selected";

}

</script>

</body>

</html>

Javascript2007年4月23日2015年9月27日

点击改变的菜单

[code] ?<html> ?<head> ? ?<title>Hike […]

Javascript2007年4月23日2011年10月18日

仿Windows菜单

&lt;style type='text/css'&gt;#menubar {
	BACKGROUND:rgb(212,208,200);
	FONT:menu;
	CURSOR:default;
	POSITION:relative
}
#menubar .root {
	BORDER-RIGHT:rgb(212,208,200) 1px solid;
	PADDING-RIGHT:2pt;
	BORDER-TOP:rgb(212,208,200) 1px solid;
	PADDING-LEFT:2pt;
	BORDER-LEFT:rgb(212,208,200) 1px solid;
	BORDER-BOTTOM:rgb(212,208,200) 1px solid
}
#menubar TABLE {
	BORDER-RIGHT:gray 2px solid;
	PADDING-RIGHT:0pt;
	BORDER-TOP:#eeeeee 2px solid;
	DISPLAY:none;
	PADDING-LEFT:0pt;
	BACKGROUND:rgb(212,208,200);
	PADDING-BOTTOM:0pt;
	MARGIN:0pt;
	FONT:menu;
	BORDER-LEFT:#eeeeee 2px solid;
	PADDING-TOP:0pt;
	BORDER-BOTTOM:gray 2px solid;
	POSITION:absolute
}
#menubar TABLE TD {
	PADDING-RIGHT:15pt;
	PADDING-LEFT:12pt;
	PADDING-BOTTOM:2pt;
	MARGIN:0pt;
	PADDING-TOP:2pt
}
#menubar .highlight {
	BACKGROUND:#08246B;
	COLOR:white;
}
#menubar .disabledhighlight {
	BACKGROUND:rgb(212,208,200);
	COLOR:gray
}
#menubar #break {
	COLOR:gray
}
#menubar .disabled {
	COLOR:gray
}
#menubar #break {
	PADDING-RIGHT:0pt;
	PADDING-LEFT:0pt;
	PADDING-BOTTOM:0pt;
	MARGIN:0pt;
	PADDING-TOP:0pt
}
#menubar SPAN.more {
	PADDING-RIGHT:0pt;
	PADDING-LEFT:0pt;
	LEFT:14pt;
	FLOAT:right;
	PADDING-BOTTOM:0pt;
	MARGIN:0pt;
	FONT:9pt webdings;
	WIDTH:0.8em;
	PADDING-TOP:0pt;
	POSITION:relative;
	TOP:-2pt;
	HEIGHT:9pt
}
#menubar .TBHandle {
	BACKGROUND-COLOR:menu;
	BORDER-LEFT:buttonhighlight 1px solid;
	BORDER-RIGHT:buttonshadow 1px solid;
	BORDER-TOP:buttonhighlight 1px solid;
	FONT-SIZE:1px;
	HEIGHT:22px;
	POSITION:absolute;
	TOP:1px;
	WIDTH:3px
}
#menubar .yToolbar {
	BACKGROUND-COLOR:menu;
	BORDER-BOTTOM:buttonshadow 1px solid;
	BORDER-LEFT:buttonhighlight 1px solid;
	BORDER-RIGHT:buttonshadow 1px solid;
	BORDER-TOP:buttonhighlight 1px solid;
	HEIGHT:27px;
	LEFT:0px;
	POSITION:relative;
	TOP:0px;
}
.handbtn {
	BACKGROUND:buttonface;
	BORDER-BOTTOM:buttonshadow 1px solid;
	BORDER-LEFT:buttonhighlight 1px solid;
	BORDER-RIGHT:buttonshadow 1px solid;
	BORDER-TOP:buttonhighlight 1px solid;
	HEIGHT:21px;
	WIDTH:3px
}
.sepbtn1 {
	BORDER-LEFT:buttonshadow 1px ridge;
	BORDER-RIGHT:buttonhighlight 1px solid;
	WIDTH: 2px
}
&lt;/style&gt;

&lt;script language='javascript'&gt;
    //数组名+次序号码    
    //数组内容第一个值为标题    
    //"样式名称","字体颜色","名称","连接","目标窗口"    
    OutBarFolder1 = new Array("系统功能", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "浏览管理人员", "none", "_blank", "none", "default", "修改管理人员资料", "none", "_blank", "none", "default", "更改密码", "none", "_blank", "none", "default", "权限分配", "none", "none", "break", "default", "&lt;hr&gt;", "none", "none", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "break", "default", "&lt;hr&gt;", "none", "none", "none", "default", "备份数据", "none", "_top", "none", "default", "恢复数据", "none", "_top", "break", "default", "&lt;hr&gt;", "none", "none", "none", "default", "更改个人资料", "none", "_blank", "none", "default", "更改个人密码", "none", "_blank", "break", "default", "&lt;hr&gt;", "none", "none", "none", "default", "退出管理系统", "none", "_top");
    OutBarFolder2 = new Array("系统功能", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "浏览管理人员", "none", "_blank", "none", "default", "修改管理人员资料", "none", "_blank", "none", "default", "更改密码", "none", "_blank", "none", "default", "权限分配", "none", "none", "break", "default", "&lt;hr&gt;", "none", "none", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "break", "default", "&lt;hr&gt;", "none", "none", "none", "default", "备份数据", "none", "_top", "none", "default", "恢复数据", "none", "_top", "break", "default", "&lt;hr&gt;", "none", "none", "none", "default", "更改个人资料", "none", "_blank", "none", "default", "更改个人密码", "none", "_blank", "break", "default", "&lt;hr&gt;", "none", "none", "none", "default", "退出管理系统", "none", "_top");
    OutBarFolder3 = new Array("系统功能", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "浏览管理人员", "none", "_blank", "none", "default", "修改管理人员资料", "none", "_blank", "none", "default", "更改密码", "none", "_blank", "none", "default", "权限分配", "none", "none", "break", "default", "&lt;hr&gt;", "none", "none", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "break", "default", "&lt;hr&gt;", "none", "none", "none", "default", "备份数据", "none", "_top", "none", "default", "恢复数据", "none", "_top", "break", "default", "&lt;hr&gt;", "none", "none", "none", "default", "更改个人资料", "none", "_blank", "none", "default", "更改个人密码", "none", "_blank", "break", "default", "&lt;hr&gt;", "none", "none", "none", "default", "退出管理系统", "none", "_top");
    var childActive = null
    var menuActive = null
    var lastHighlight = null
    var active = false

    function getReal(el) {
        // Find a table cell element in the parent chain */          
        temp = el
        while ((temp != null) &amp;&amp; (temp.tagName != "TABLE") &amp;&amp; (temp.className != "root") &amp;&amp; (temp.id != "menuBar")) {
            if (temp.tagName == "TD") 
			el = temp;
			temp = temp.parentElement
        }
        return el
    }

    function raiseMenu(el) {
        el.style.borderLeft = "1px #08246B solid"
        el.style.borderTop = "1px #08246B solid"
        el.style.borderRight = "1px #08246B solid"
        el.style.borderBottom = "1px #08246B solid"
        el.style.background = "#B5BED6"
    }

    function clearHighlight(el) {
        if (el == null) return el.style.borderRight = "1px lightgrey solid"
        el.style.borderBottom = "1px lightgrey solid"
        el.style.borderTop = "1px lightgrey solid"
        el.style.borderLeft = "1px lightgrey solid"
        el.style.background = "rgb(212,208,200)"
    }

    function sinkMenu(el) {
        el.style.borderRight = "1px #EEEEEE solid"
        el.style.borderBottom = "1px #EEEEEE solid"
        el.style.borderTop = "1px gray solid"
        el.style.borderLeft = "1px gray solid"
        el.style.background = "rgb(212,208,200)"
    }

    function menuHandler(menuItem) {
        // Write generic menu handlers here!          
        // Returning true collapses the menu. Returning false does not collapse the menu          
        return true
    }

    function getOffsetPos(which, el, tagName) {
        var pos = 0
        // el["offset" + which]          
        while (el.tagName != tagName) {
            pos += el["offset" + which];
			el = el.offsetParent;
        }
        return pos
    }

    function getRootTable(el) {
        el = el.offsetParent
        if (el.tagName == "TR") el = el.offsetParent
        return el
    }

    function getElement(el, tagName) {
        while ((el != null) &amp;&amp; (el.tagName != tagName)) el = el.parentElement
        return el
    }

    function processClick() {
        var el = getReal(event.srcElement);
		if ((getRootTable(el).id == "menuBar") &amp;&amp; (active)) {
            cleanupMenu(menuActive);
			clearHighlight(menuActive);
			active = false;
			lastHighlight = null;
			doHighlight(el);
        } else {
            if ((el.className == "root") || (!menuHandler(el)))
				doMenuDown(el);
            else {
                if (el._childItem == null) el._childItem = getChildren(el);
				if (el._childItem != null) return;
                if ((el.id != "break") &amp;&amp; (el.className != "disabled") &amp;&amp; (el.className != "disabledhighlight") &amp;&amp; (el.className != "clear")) {
                    if (menuHandler(el)) {
                        cleanupMenu(menuActive);
						clearHighlight(menuActive);
						active = false;
						lastHighlight = null;
                    }
                }
            }
        }
    }

    function getChildren(el) {
        var tList = el.children.tags("TABLE");
		var i = 0;
        while ((i &lt; tList.length) &amp;&amp; (tList[i].tagName != "TABLE")) i++;
        if (i == tList.length) return null
        else return tList[i]
    }

    function doMenuDown(el) {
        if (el._childItem == null) el._childItem = getChildren(el);
        if ((el._childItem != null) &amp;&amp; (el.className != "disabled") &amp;&amp; (el.className != "disabledhighlight")) {
            // Performance Optimization - Cache child element            
            ch = el._childItem
            if (ch.style.display == "block") {
                removeHighlight(ch.active);
				return;
            }
            ch.style.display = "block";
            if (el.className == "root") {
                ch.style.pixelTop = el.offsetHeight + el.offsetTop + 2;
                ch.style.pixelLeft = el.offsetLeft + 1;
                if (ch.style.pixelWidth == 0) ch.style.pixelWidth = ch.rows[0].offsetWidth + 50;
                sinkMenu(el);
				active = true;
                menuActive = el;
            } else {
                childActive = el;
                ch.style.pixelTop = getOffsetPos("Top", el, "TABLE") - 3;
                // el.offsetTop + el.offsetParent.offsetTop - 3;   
                ch.style.pixelLeft = el.offsetLeft + el.offsetWidth;
                if (ch.style.pixelWidth == 0) ch.style.pixelWidth = ch.offsetWidth + 50;
            }
        }
    }

    function doHighlight(el) {
        el = getReal(el);
		if ("root" == el.className) {
            if ((menuActive != null) &amp;&amp; (menuActive != el)) {
                clearHighlight(menuActive)
            }
            if (!active) {
                raiseMenu(el);
            } else {
				sinkMenu(el);
			}
			if ((active) &amp;&amp; (menuActive != el)) {
                cleanupMenu(menuActive);
				doMenuDown(el);
            }
            menuActive = el;
			lastHighlight = null;
        } else {
            if (childActive != null) if (!childActive.contains(el)) closeMenu(childActive, el);
            if (("TD" == el.tagName) &amp;&amp; ("clear" != el.className)) {
                var ch = getRootTable(el);
				if (ch.active != null) {
                    if (ch.active != el) {
                        if (ch.active.className == "disabledhighlight") ch.active.className = "disabled"
                        else ch.active.className = "";
                    }
                }
                ch.active = el;
				lastHighlight = el;
                if ((el.className == "disabled") || (el.className == "disabledhighlight") || (el.id == "break")) el.className = "disabledhighlight"
                else {
                    if (el.id != "break") {
                        el.className = "highlight"
                        if (el._childItem == null) el._childItem = getChildren(el);
                        if (el._childItem != null) {
                            doMenuDown(el)
                        }
                    }
                }
            }
        }
    }

    function removeHighlight(el) {
        if (el != null) if ((el.className == "disabled") || (el.className == "disabledhighlight")) el.className = "disabled"
        else el.className = "";
    }

    function cleanupMenu(el) {
        if (el == null) return;
		for (var i = 0; i &lt; el.all.length; i++) {
            var item = el.all[i]
            if (item.tagName == "TABLE") item.style.display = "";
            removeHighlight(item.active);
			item.active = null;
        }
    }

    function closeMenu(ch, el) {
        var start = ch
        while (ch.className != "root") {
            ch = ch.parentElement
            if (((!ch.contains(el)) &amp;&amp; (ch.className != "root"))) {
                start = ch
            }
        }
        cleanupMenu(start)
    }

    function checkMenu() {
        if (document.all.menuBar == null) return;
        if ((!document.all.menuBar.contains(event.srcElement)) &amp;&amp; (menuActive != null)) {
            clearHighlight(menuActive);
            closeMenu(menuActive);
            active = false;
            menuActive = null;
            choiceActive = null;
        }
    }

    function doCheckOut() {
        var el = event.toElement;
        if ((!active) &amp;&amp; (menuActive != null) &amp;&amp; (!menuActive.contains(el))) {
            clearHighlight(menuActive);
            menuActive = null
        }
    }

    function processKey() {
        if (active) {
            switch (event.keyCode) {
            case 13:
                lastHighlight.click();
                break;
            case 39:
                // right               
                if ((lastHighlight == null) || (lastHighlight._childItem == null)) {
                    var idx = menuActive.cellIndex;
                    //             
                    if (idx == menuActive.offsetParent.cells.length - 2) if (idx == getElement(menuActive, "TR").cells.length - 2) idx = 0
                    else idx++;
					newItem = getElement(menuActive, "TR").cells[idx];
                } else {
                    newItem = lastHighlight._childItem.rows[0].cells[0];
                }
                doHighlight(newItem);
                break;
            case 37:
                //left               
                if ((lastHighlight == null) || (getElement(getRootTable(lastHighlight), "TR").id == "menuBar")) {
                    var idx = menuActive.cellIndex;
                    if (idx == 0) idx = getElement(menuActive, "TR").cells.length - 2;
                    else idx--;
                    newItem = getElement(menuActive, "TR").cells[idx];
                } else {
                    newItem = getElement(lastHighlight, "TR");
                    while (newItem.tagName != "TD") newItem = newItem.parentElement;
                }
                doHighlight(newItem);
                break;
            case 40:
                // down                
                if (lastHighlight == null) {
                    itemCell = menuActive._childItem;
                    curCell = 0;
                    curRow = 0;
                } else {
                    itemCell = getRootTable(lastHighlight);
                    if (lastHighlight.cellIndex == getElement(lastHighlight, "TR").cells.length - 1) {
                        curCell = 0;
                        curRow = getElement(lastHighlight, "TR").rowIndex + 1;
                        if (getElement(lastHighlight, "TR").rowIndex == itemCell.rows.length - 1) curRow = 0;
                    } else {
                        curCell = lastHighlight.cellIndex + 1;
                        curRow = getElement(lastHighlight, "TR").rowIndex;
                    }
                }
                doHighlight(itemCell.rows[curRow].cells[curCell]);
				break;
            case 38:
                // up                
                if (lastHighlight == null) {
                    itemCell = menuActive._childItem;
                    curRow = itemCell.rows.length - 1;
                    curCell = itemCell.rows[curRow].cells.length - 1;
                } else {
                    itemCell = getRootTable(lastHighlight);
                    if (lastHighlight.cellIndex == 0) {
                        curRow = getElement(lastHighlight, "TR").rowIndex - 1;
                        if (curRow == -1) curRow = itemCell.rows.length - 1;
                        curCell = itemCell.rows[curRow].cells.length - 1;
                    } else {
                        curCell = lastHighlight.cellIndex - 1;
                        curRow = getElement(lastHighlight, "TR").rowIndex;
                    }
                }
                doHighlight(itemCell.rows[curRow].cells[curCell]);
				break;
                if (lastHighlight == null) {
                    curCell = menuActive._childItem;
                    curRow = curCell.rows.length - 1
                } else {
                    curCell = getRootTable(lastHighlight);
                    if (getElement(lastHighlight, "TR").rowIndex == 0) curRow = curCell.rows.length - 1;
                    else curRow = getElement(lastHighlight, "TR").rowIndex - 1;
                }
                doHighlight(curCell.rows[curRow].cells[0]);
                break;
            }
        }
    }

    function make_menu() {
        document.write("&lt;table width='100%' cellpadding='0' cellspacing='0' border='0' style='background=rgb(212,208,200); BACKGROUND: buttonface; BORDER-BOTTOM: buttonshadow 1px solid; BORDER-LEFT: buttonhighlight 1px solid; BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid;'&gt;");
        document.write("&lt;tr&gt;&lt;TD&gt;&lt;SPAN class=handbtn&gt;&lt;/SPAN&gt;&lt;/TD&gt;&lt;td&gt;");
        document.write("&lt;TABLE ID=menuBar ONSelectSTART='return false' ONCLICK='processClick()' ONMOUSEOVER='doHighlight(event.toElement)' ONMOUSEOUT='doCheckOut()' ONKEYDOWN='processKey()'&gt;&lt;TR&gt;");
        j = 1;
        while (eval("window.OutBarFolder" + j)) j++;
        i = 1;
        while (i &lt; j) {
            Folder = eval("OutBarFolder" + i);
			document.write("&lt;TD NOWRAP CLASS=root&gt;" + Folder[0] + "&lt;TABLE CELLSPACING=0 CELLPADDING=0&gt;");
            MakeItems(Folder);
            document.write("&lt;/TABLE&gt;");
            i++;
        }
        document.write("&lt;/TD&gt;&lt;/TR&gt;&lt;/TABLE&gt;");
        document.write("&lt;/td&gt;&lt;td width=100% ONMOUSEOVER='processClick()'&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;");
    }

    function MakeItems(Folder) {
        var items = 0;
        while (Folder[items + 1]) items += 5;
        items /= 5;
        for (var i = 1; i &lt; items * 5; i += 5) {
/*        if(Folder[i+1]=="BREAK") {          
		document.write("&lt;TD NOWRAP ID=break&gt;&lt;HR&gt;&lt;/TD&gt;");        
		}        
		else {          
		document.write("&lt;TR&gt;&lt;TD NOWRAP&gt;"+Folder[i+1]+"&lt;/TD&gt;&lt;/TR&gt;");        
		}    
		*/
            document.write("&lt;TR&gt;&lt;TD NOWRAP" + ((Folder[i + 0] == "none") ? "" : " ID='" + Folder[i + 0] + "'") 
			+ ((Folder[i + 3] == "none") ? "" : " onclick=\"go(1, '"+Folder[i+3]+"')\"") + "&gt;" 
			+ ((Folder[i + 1] == "default") ? "" : "&lt;font color=" + Folder[i + 1] + "&gt;") 
			+ Folder[i + 2] + ((Folder[i + 1] == "default") ? "" : "&lt;/font&gt;") + "&lt;/TD&gt;&lt;/TR&gt;");
            //alert("&lt;TR&gt;&lt;TD NOWRAP "+((Folder[i+0]=="none")?"":"ID='"+Folder[i+0]+"'")+((Folder[i+3]=="none")?"":" onclick=go(1,'"+Folder[i+3]+"')")+"&gt;"+((Folder[i+1]=="default")?"":"&lt;font color="+Folder[i+1]+"&gt;")+Folder[i+2]+((Folder[i+1]=="default")?"":"&lt;/font&gt;")+"&lt;/TD&gt;&lt;/TR&gt;");      
        }
    }


    function go(i, iurl) {
        switch (i) {
        case 1:
            parent.location = iurl;
            break;
            //返回首页        
        case 2:
            top.main.location = 'login.htm';
            break;
            //登录        
        case 3:
            top.main.location = 'shenqing.htm';
            break;
            //注册        
        case 4:
            top.main.location = 'addnew.asp';
            break;
            //增加新贴        
        case 5:
            top.main.location = 'index1.asp';
            break;
            //第一页        
        case 6:
            //上一页          
            var obj = top.main
            var str = obj.location.href;
            if (str.indexOf("index1") &gt; 0) obj.location = "index1.asp@page=" + obj.document.all("ppage").value;
            else obj.location = "index1.asp";
            break;
        case 7:
            //下一页          
            var obj = top.main
            var str = obj.location.href;
            if (str.indexOf("index1") &gt; 0) obj.location = "index1.asp@page=" + obj.document.all("npage").value;
            else obj.location = "index1.asp";
            break;
        case 8:
            //最后一页          
            var obj = top.main
            var str = obj.location.href;
            if (str.indexOf("index1") &gt; 0) obj.location = "index1.asp@page=" + obj.document.all("epage").value;
            else obj.location = "index1.asp";
            break;
        case 9:
            top.main.location = 'editinfo.asp';
            break;
        case 10:
            top.main.location = 'quit.asp';
            break;
        case 11:
            top.main.location = 'userinfo.asp';
            break;
        case 12:
            var newwin = top.open("../../../../waha.3322.net/default.htm");
            newwin.focus();
            break;
        }
    }
    make_menu();
&lt;/script&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

380

381

382

383

384

385

386

387

388

389

390

391

392

393

394

395

396

397

398

399

400

401

402

403

404

405

406

407

408

409

410

411

412

413

414

415

416

417

418

419

420

421

422

423

424

425

426

427

428

429

430

431

432

433

434

435

436

437

438

439

440

441

442

443

444

445

446

447

448

449

450

451

452

453

454

455

456

457

458

459

460

461

462

463

464

465

466

467

468

469

470

471

472

473

474

475

476

477

478

479

480

481

482

483

484

485

486

487

488

489

490

491

492

493

494

495

496

497

498

499

500

501

502

503

504

505

506

507

508

509

510

511

512

513

514

515

BACKGROUND:rgb(212,208,200);

FONT:menu;

CURSOR:default;

POSITION:relative

}

#menubar .root {

BORDER-RIGHT:rgb(212,208,200) 1px solid;

PADDING-RIGHT:2pt;

BORDER-TOP:rgb(212,208,200) 1px solid;

PADDING-LEFT:2pt;

BORDER-LEFT:rgb(212,208,200) 1px solid;

BORDER-BOTTOM:rgb(212,208,200) 1px solid

}

#menubar TABLE {

BORDER-RIGHT:gray 2px solid;

PADDING-RIGHT:0pt;

BORDER-TOP:#eeeeee 2px solid;

DISPLAY:none;

PADDING-LEFT:0pt;

BACKGROUND:rgb(212,208,200);

PADDING-BOTTOM:0pt;

MARGIN:0pt;

FONT:menu;

BORDER-LEFT:#eeeeee 2px solid;

PADDING-TOP:0pt;

BORDER-BOTTOM:gray 2px solid;

POSITION:absolute

}

#menubar TABLE TD {

PADDING-RIGHT:15pt;

PADDING-LEFT:12pt;

PADDING-BOTTOM:2pt;

MARGIN:0pt;

PADDING-TOP:2pt

}

#menubar .highlight {

BACKGROUND:#08246B;

COLOR:white;

}

#menubar .disabledhighlight {

BACKGROUND:rgb(212,208,200);

COLOR:gray

}

#menubar #break {

COLOR:gray

}

#menubar .disabled {

COLOR:gray

}

#menubar #break {

PADDING-RIGHT:0pt;

PADDING-LEFT:0pt;

PADDING-BOTTOM:0pt;

MARGIN:0pt;

PADDING-TOP:0pt

}

#menubar SPAN.more {

PADDING-RIGHT:0pt;

PADDING-LEFT:0pt;

LEFT:14pt;

FLOAT:right;

PADDING-BOTTOM:0pt;

MARGIN:0pt;

FONT:9pt webdings;

WIDTH:0.8em;

PADDING-TOP:0pt;

POSITION:relative;

TOP:-2pt;

HEIGHT:9pt

}

#menubar .TBHandle {

BACKGROUND-COLOR:menu;

BORDER-LEFT:buttonhighlight 1px solid;

BORDER-RIGHT:buttonshadow 1px solid;

BORDER-TOP:buttonhighlight 1px solid;

FONT-SIZE:1px;

HEIGHT:22px;

POSITION:absolute;

TOP:1px;

WIDTH:3px

}

#menubar .yToolbar {

BACKGROUND-COLOR:menu;

BORDER-BOTTOM:buttonshadow 1px solid;

BORDER-LEFT:buttonhighlight 1px solid;

BORDER-RIGHT:buttonshadow 1px solid;

BORDER-TOP:buttonhighlight 1px solid;

HEIGHT:27px;

LEFT:0px;

POSITION:relative;

TOP:0px;

}

.handbtn {

BACKGROUND:buttonface;

BORDER-BOTTOM:buttonshadow 1px solid;

BORDER-LEFT:buttonhighlight 1px solid;

BORDER-RIGHT:buttonshadow 1px solid;

BORDER-TOP:buttonhighlight 1px solid;

HEIGHT:21px;

WIDTH:3px

}

.sepbtn1 {

BORDER-LEFT:buttonshadow 1px ridge;

BORDER-RIGHT:buttonhighlight 1px solid;

WIDTH: 2px

}

</style>

//数组名+次序号码

//数组内容第一个值为标题

//"样式名称","字体颜色","名称","连接","目标窗口"

OutBarFolder1 = new Array("系统功能", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "浏览管理人员", "none", "_blank", "none", "default", "修改管理人员资料", "none", "_blank", "none", "default", "更改密码", "none", "_blank", "none", "default", "权限分配", "none", "none", "break", "default", "<hr>", "none", "none", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "break", "default", "<hr>", "none", "none", "none", "default", "备份数据", "none", "_top", "none", "default", "恢复数据", "none", "_top", "break", "default", "<hr>", "none", "none", "none", "default", "更改个人资料", "none", "_blank", "none", "default", "更改个人密码", "none", "_blank", "break", "default", "<hr>", "none", "none", "none", "default", "退出管理系统", "none", "_top");

OutBarFolder2 = new Array("系统功能", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "浏览管理人员", "none", "_blank", "none", "default", "修改管理人员资料", "none", "_blank", "none", "default", "更改密码", "none", "_blank", "none", "default", "权限分配", "none", "none", "break", "default", "<hr>", "none", "none", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "break", "default", "<hr>", "none", "none", "none", "default", "备份数据", "none", "_top", "none", "default", "恢复数据", "none", "_top", "break", "default", "<hr>", "none", "none", "none", "default", "更改个人资料", "none", "_blank", "none", "default", "更改个人密码", "none", "_blank", "break", "default", "<hr>", "none", "none", "none", "default", "退出管理系统", "none", "_top");

OutBarFolder3 = new Array("系统功能", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "浏览管理人员", "none", "_blank", "none", "default", "修改管理人员资料", "none", "_blank", "none", "default", "更改密码", "none", "_blank", "none", "default", "权限分配", "none", "none", "break", "default", "<hr>", "none", "none", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "新建管理人员", "add", "_blank", "break", "default", "<hr>", "none", "none", "none", "default", "备份数据", "none", "_top", "none", "default", "恢复数据", "none", "_top", "break", "default", "<hr>", "none", "none", "none", "default", "更改个人资料", "none", "_blank", "none", "default", "更改个人密码", "none", "_blank", "break", "default", "<hr>", "none", "none", "none", "default", "退出管理系统", "none", "_top");

var childActive = null

var menuActive = null

var lastHighlight = null

var active = false

function getReal(el) {

// Find a table cell element in the parent chain */

temp = el

while ((temp != null) && (temp.tagName != "TABLE") && (temp.className != "root") && (temp.id != "menuBar")) {

if (temp.tagName == "TD")

el = temp;

temp = temp.parentElement

}

return el

}

function raiseMenu(el) {

el.style.borderLeft = "1px #08246B solid"

el.style.borderTop = "1px #08246B solid"

el.style.borderRight = "1px #08246B solid"

el.style.borderBottom = "1px #08246B solid"

el.style.background = "#B5BED6"

}

function clearHighlight(el) {

if (el == null) return el.style.borderRight = "1px lightgrey solid"

el.style.borderBottom = "1px lightgrey solid"

el.style.borderTop = "1px lightgrey solid"

el.style.borderLeft = "1px lightgrey solid"

el.style.background = "rgb(212,208,200)"

}

function sinkMenu(el) {

el.style.borderRight = "1px #EEEEEE solid"

el.style.borderBottom = "1px #EEEEEE solid"

el.style.borderTop = "1px gray solid"

el.style.borderLeft = "1px gray solid"

el.style.background = "rgb(212,208,200)"

}

function menuHandler(menuItem) {

// Write generic menu handlers here!

// Returning true collapses the menu. Returning false does not collapse the menu

return true

}

function getOffsetPos(which, el, tagName) {

var pos = 0

// el["offset" + which]

while (el.tagName != tagName) {

pos += el["offset" + which];

el = el.offsetParent;

}

return pos

}

function getRootTable(el) {

el = el.offsetParent

if (el.tagName == "TR") el = el.offsetParent

return el

}

function getElement(el, tagName) {

while ((el != null) && (el.tagName != tagName)) el = el.parentElement

return el

}

function processClick() {

var el = getReal(event.srcElement);

if ((getRootTable(el).id == "menuBar") && (active)) {

cleanupMenu(menuActive);

clearHighlight(menuActive);

active = false;

lastHighlight = null;

doHighlight(el);

} else {

if ((el.className == "root") || (!menuHandler(el)))

doMenuDown(el);

else {

if (el._childItem == null) el._childItem = getChildren(el);

if (el._childItem != null) return;

if ((el.id != "break") && (el.className != "disabled") && (el.className != "disabledhighlight") && (el.className != "clear")) {

if (menuHandler(el)) {

cleanupMenu(menuActive);

clearHighlight(menuActive);

active = false;

lastHighlight = null;

}

function getChildren(el) {

var tList = el.children.tags("TABLE");

var i = 0;

while ((i < tList.length) && (tList[i].tagName != "TABLE")) i++;

if (i == tList.length) return null

else return tList[i]

}

function doMenuDown(el) {

if (el._childItem == null) el._childItem = getChildren(el);

if ((el._childItem != null) && (el.className != "disabled") && (el.className != "disabledhighlight")) {

// Performance Optimization - Cache child element

ch = el._childItem

if (ch.style.display == "block") {

removeHighlight(ch.active);

return;

}

ch.style.display = "block";

if (el.className == "root") {

ch.style.pixelTop = el.offsetHeight + el.offsetTop + 2;

ch.style.pixelLeft = el.offsetLeft + 1;

if (ch.style.pixelWidth == 0) ch.style.pixelWidth = ch.rows[0].offsetWidth + 50;

sinkMenu(el);

active = true;

menuActive = el;

} else {

childActive = el;

ch.style.pixelTop = getOffsetPos("Top", el, "TABLE") - 3;

// el.offsetTop + el.offsetParent.offsetTop - 3;

ch.style.pixelLeft = el.offsetLeft + el.offsetWidth;

if (ch.style.pixelWidth == 0) ch.style.pixelWidth = ch.offsetWidth + 50;

}

function doHighlight(el) {

el = getReal(el);

if ("root" == el.className) {

if ((menuActive != null) && (menuActive != el)) {

clearHighlight(menuActive)

}

if (!active) {

raiseMenu(el);

} else {

sinkMenu(el);

}

if ((active) && (menuActive != el)) {

cleanupMenu(menuActive);

doMenuDown(el);

}

menuActive = el;

lastHighlight = null;

} else {

if (childActive != null) if (!childActive.contains(el)) closeMenu(childActive, el);

if (("TD" == el.tagName) && ("clear" != el.className)) {

var ch = getRootTable(el);

if (ch.active != null) {

if (ch.active != el) {

if (ch.active.className == "disabledhighlight") ch.active.className = "disabled"

else ch.active.className = "";

}

ch.active = el;

lastHighlight = el;

if ((el.className == "disabled") || (el.className == "disabledhighlight") || (el.id == "break")) el.className = "disabledhighlight"

else {

if (el.id != "break") {

el.className = "highlight"

if (el._childItem == null) el._childItem = getChildren(el);

if (el._childItem != null) {

doMenuDown(el)

}

function removeHighlight(el) {

if (el != null) if ((el.className == "disabled") || (el.className == "disabledhighlight")) el.className = "disabled"

else el.className = "";

}

function cleanupMenu(el) {

if (el == null) return;

for (var i = 0; i < el.all.length; i++) {

var item = el.all[i]

if (item.tagName == "TABLE") item.style.display = "";

removeHighlight(item.active);

item.active = null;

}

function closeMenu(ch, el) {

var start = ch

while (ch.className != "root") {

ch = ch.parentElement

if (((!ch.contains(el)) && (ch.className != "root"))) {

start = ch

}

cleanupMenu(start)

}

function checkMenu() {

if (document.all.menuBar == null) return;

if ((!document.all.menuBar.contains(event.srcElement)) && (menuActive != null)) {

clearHighlight(menuActive);

closeMenu(menuActive);

active = false;

menuActive = null;

choiceActive = null;

}

function doCheckOut() {

var el = event.toElement;

if ((!active) && (menuActive != null) && (!menuActive.contains(el))) {

clearHighlight(menuActive);

menuActive = null

}

function processKey() {

if (active) {

switch (event.keyCode) {

case 13:

lastHighlight.click();

break;

case 39:

// right

if ((lastHighlight == null) || (lastHighlight._childItem == null)) {

var idx = menuActive.cellIndex;

if (idx == menuActive.offsetParent.cells.length - 2) if (idx == getElement(menuActive, "TR").cells.length - 2) idx = 0

else idx++;

newItem = getElement(menuActive, "TR").cells[idx];

} else {

newItem = lastHighlight._childItem.rows[0].cells[0];

}

doHighlight(newItem);

break;

case 37:

//left

if ((lastHighlight == null) || (getElement(getRootTable(lastHighlight), "TR").id == "menuBar")) {

var idx = menuActive.cellIndex;

if (idx == 0) idx = getElement(menuActive, "TR").cells.length - 2;

else idx--;

newItem = getElement(menuActive, "TR").cells[idx];

} else {

newItem = getElement(lastHighlight, "TR");

while (newItem.tagName != "TD") newItem = newItem.parentElement;

}

doHighlight(newItem);

break;

case 40:

// down

if (lastHighlight == null) {

itemCell = menuActive._childItem;

curCell = 0;

curRow = 0;

} else {

itemCell = getRootTable(lastHighlight);

if (lastHighlight.cellIndex == getElement(lastHighlight, "TR").cells.length - 1) {

curCell = 0;

curRow = getElement(lastHighlight, "TR").rowIndex + 1;

if (getElement(lastHighlight, "TR").rowIndex == itemCell.rows.length - 1) curRow = 0;

} else {

curCell = lastHighlight.cellIndex + 1;

curRow = getElement(lastHighlight, "TR").rowIndex;

}

doHighlight(itemCell.rows[curRow].cells[curCell]);

break;

case 38:

// up

if (lastHighlight == null) {

itemCell = menuActive._childItem;

curRow = itemCell.rows.length - 1;

curCell = itemCell.rows[curRow].cells.length - 1;

} else {

itemCell = getRootTable(lastHighlight);

if (lastHighlight.cellIndex == 0) {

curRow = getElement(lastHighlight, "TR").rowIndex - 1;

if (curRow == -1) curRow = itemCell.rows.length - 1;

curCell = itemCell.rows[curRow].cells.length - 1;

} else {

curCell = lastHighlight.cellIndex - 1;

curRow = getElement(lastHighlight, "TR").rowIndex;

}

doHighlight(itemCell.rows[curRow].cells[curCell]);

break;

if (lastHighlight == null) {

curCell = menuActive._childItem;

curRow = curCell.rows.length - 1

} else {

curCell = getRootTable(lastHighlight);

if (getElement(lastHighlight, "TR").rowIndex == 0) curRow = curCell.rows.length - 1;

else curRow = getElement(lastHighlight, "TR").rowIndex - 1;

}

doHighlight(curCell.rows[curRow].cells[0]);

break;

}

function make_menu() {

document.write("<table width='100%' cellpadding='0' cellspacing='0' border='0' style='background=rgb(212,208,200); BACKGROUND: buttonface; BORDER-BOTTOM: buttonshadow 1px solid; BORDER-LEFT: buttonhighlight 1px solid; BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid;'>");

document.write("<tr><TD><SPAN class=handbtn></SPAN></TD><td>");

document.write("<TABLE ID=menuBar ONSelectSTART='return false' ONCLICK='processClick()' ONMOUSEOVER='doHighlight(event.toElement)' ONMOUSEOUT='doCheckOut()' ONKEYDOWN='processKey()'><TR>");

j = 1;

while (eval("window.OutBarFolder" + j)) j++;

i = 1;

while (i < j) {

Folder = eval("OutBarFolder" + i);

document.write("<TD NOWRAP CLASS=root>" + Folder[0] + "<TABLE CELLSPACING=0 CELLPADDING=0>");

MakeItems(Folder);

document.write("</TABLE>");

i++;

}

document.write("</TD></TR></TABLE>");

document.write("</td><td width=100% ONMOUSEOVER='processClick()'></td></tr></table>");

}

function MakeItems(Folder) {

var items = 0;

while (Folder[items + 1]) items += 5;

items /= 5;

for (var i = 1; i < items * 5; i += 5) {

/* if(Folder[i+1]=="BREAK") {

document.write("<TD NOWRAP ID=break><HR></TD>");

}

else {

document.write("<TR><TD NOWRAP>"+Folder[i+1]+"</TD></TR>");

}

document.write("<TR><TD NOWRAP" + ((Folder[i + 0] == "none") ? "" : " ID='" + Folder[i + 0] + "'")

+ ((Folder[i + 3] == "none") ? "" : " onclick=\"go(1, '"+Folder[i+3]+"')\"") + ">"

+ ((Folder[i + 1] == "default") ? "" : "<font color=" + Folder[i + 1] + ">")

+ Folder[i + 2] + ((Folder[i + 1] == "default") ? "" : "</font>") + "</TD></TR>");

//alert("<TR><TD NOWRAP "+((Folder[i+0]=="none")?"":"ID='"+Folder[i+0]+"'")+((Folder[i+3]=="none")?"":" onclick=go(1,'"+Folder[i+3]+"')")+">"+((Folder[i+1]=="default")?"":"<font color="+Folder[i+1]+">")+Folder[i+2]+((Folder[i+1]=="default")?"":"</font>")+"</TD></TR>");

}

function go(i, iurl) {

switch (i) {

case 1:

parent.location = iurl;

break;

//返回首页

case 2:

top.main.location = 'login.htm';

break;

//登录

case 3:

top.main.location = 'shenqing.htm';

break;

//注册

case 4:

top.main.location = 'addnew.asp';

break;

//增加新贴

case 5:

top.main.location = 'index1.asp';

break;

//第一页

case 6:

//上一页

var obj = top.main

var str = obj.location.href;

if (str.indexOf("index1") > 0) obj.location = "index1.asp@page=" + obj.document.all("ppage").value;

else obj.location = "index1.asp";

break;

case 7:

//下一页

var obj = top.main

var str = obj.location.href;

if (str.indexOf("index1") > 0) obj.location = "index1.asp@page=" + obj.document.all("npage").value;

else obj.location = "index1.asp";

break;

case 8:

//最后一页

var obj = top.main

var str = obj.location.href;

if (str.indexOf("index1") > 0) obj.location = "index1.asp@page=" + obj.document.all("epage").value;

else obj.location = "index1.asp";

break;

case 9:

top.main.location = 'editinfo.asp';

break;

case 10:

top.main.location = 'quit.asp';

break;

case 11:

top.main.location = 'userinfo.asp';

break;

case 12:

var newwin = top.open("../../../../waha.3322.net/default.htm");

newwin.focus();

break;

}

make_menu();

</script>

Javascript2007年4月23日2011年10月17日

梦幻下拉菜单

&lt;!--将以下代码加入HTML的&lt;body&gt;&lt;/body&gt;之间--&gt;
&lt;style&gt;
#iewrap {
	position:relative;
	height:30px
}
#iewrap2 {
	position:absolute
}
#dropmenu03 {
	filter:revealTrans(Duration=1.5,Transition=12) visibility:hide
}
a:hover {
	color:#FF0000
}
body {
	font-family:"宋体";
	font-size:9pt;
	text-decoration:none
}
a {
	font-family:"宋体";
	font-size:9pt;
	text-decoration: none
}
&lt;/style&gt;
&lt;ilayer id="dropmenu01" height='35px'&gt;
&lt;layer id="dropmenu02" visibility='show'&gt;
&lt;span id="iewrap"&gt;
&lt;span id="iewrap2" onmouseover="dropit2();event.cancelBubble=true;return false"&gt;
&lt;font face="宋体"&gt;&lt;a href="#"&gt; 梦幻下拉菜单 &lt;/a&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;
&lt;/layer&gt;
&lt;/ilayer&gt;
&lt;script language="JavaScript1.2"&gt; 
var enableeffect = true;
var selection = new Array();
selection[0] = '&lt;font face="宋体"&gt;&lt;a href="http://www.163.com"&gt;网易&lt;/a&gt;&lt;/font&gt;';
selection[1] = '&lt;font face="宋体"&gt;&lt;a href="www.sohu.com"&gt;搜狐&lt;/a&gt;&lt;/font&gt;';
selection[2] = '&lt;font face="宋体"&gt;&lt;a href="http://www.sina.com.cn"&gt;新浪&lt;/a&gt;&lt;/font&gt;';
selection[3] = '&lt;font face="宋体"&gt;&lt;a href="http://www.pconline.com.cn"&gt;太平洋电脑网&lt;/a&gt;&lt;/font&gt;';
if (document.layers) document.dropmenu01.document.dropmenu02.visibility = 'show';

function dropit2()
{
	if (document.all)
	{
		dropmenu03.style.left = document.body.scrollLeft + event.clientX - event.offsetX;
		dropmenu03.style.top = document.body.scrollTop + event.clientY - event.offsetY + 18;
		if (dropmenu03.style.visibility == "hidden")
		{
			if (enableeffect) 
			dropmenu03.filters.revealTrans.apply();
			dropmenu03.style.visibility = "visible";
			if (enableeffect) 
			dropmenu03.filters.revealTrans.play();
		}
		else
		{
			hidemenu();
		}
	}
}

function dropit(e)
{
	if (document.dropmenu03.visibility == "hide") 
	document.dropmenu03.visibility = "show";
	else 
	document.dropmenu03.visibility = "hide";
	document.dropmenu03.left = e.pageX - e.layerX;
	document.dropmenu03.top = e.pageY - e.layerY + 19;
	return false
}

function hidemenu()
{
	if (enableeffect) dropmenu03.filters.revealTrans.stop();dropmenu03.style.visibility = "hidden";
}
function hidemenu2()
{
	document.dropmenu03.visibility = "hide"
}
if (document.layers)
{
	document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK);
	document.dropmenu01.document.dropmenu02.onclick = dropit;
}
else if (document.all) 
document.body.onclick = hidemenu;
&lt;/script&gt;
&lt;div id="dropmenu03" style="position:absolute;left:0;top:0;layer-background-color:seashell;background-color:seashell;width:120;visibility:hidden;border:1px solid black;padding:0px"&gt;
	&lt;script language="JavaScript1.2"&gt;
	if (document.all)
	dropmenu03.style.padding='4px';
	for (i=0;i&lt;selection.length;i++) 
	document.write(selection[i]); 
	&lt;/script&gt;
&lt;/div&gt;
&lt;script language="JavaScript1.2"&gt; 
if (document.layers){ 
document.dropmenu03.captureEvents(Event.CLICK); 
document.dropmenu03.onclick=hidemenu2; 
} 
&lt;/script&gt;
&lt;/tr&gt;
&lt;/table&gt;

100

101

102

103

104

105

106

<style>

#iewrap {

position:relative;

height:30px

}

#iewrap2 {

position:absolute

}

#dropmenu03 {

filter:revealTrans(Duration=1.5,Transition=12) visibility:hide

}

a:hover {

color:#FF0000

}

body {

font-family:"宋体";

font-size:9pt;

text-decoration:none

}

a {

font-family:"宋体";

font-size:9pt;

text-decoration: none

}

</style>

<font face="宋体"><a href="#"> 梦幻下拉菜单 </a></font></span></span>

</layer>

</ilayer>

var enableeffect = true;

var selection = new Array();

selection[0] = '<font face="宋体"><a href="http://www.163.com">网易</a></font>';

selection[1] = '<font face="宋体"><a href="www.sohu.com">搜狐</a></font>';

selection[2] = '<font face="宋体"><a href="http://www.sina.com.cn">新浪</a></font>';

selection[3] = '<font face="宋体"><a href="http://www.pconline.com.cn">太平洋电脑网</a></font>';

if (document.layers) document.dropmenu01.document.dropmenu02.visibility = 'show';

function dropit2()

{

if (document.all)

{

dropmenu03.style.left = document.body.scrollLeft + event.clientX - event.offsetX;

dropmenu03.style.top = document.body.scrollTop + event.clientY - event.offsetY + 18;

if (dropmenu03.style.visibility == "hidden")

{

if (enableeffect)

dropmenu03.filters.revealTrans.apply();

dropmenu03.style.visibility = "visible";

if (enableeffect)

dropmenu03.filters.revealTrans.play();

}

else

{

hidemenu();

}

function dropit(e)

{

if (document.dropmenu03.visibility == "hide")

document.dropmenu03.visibility = "show";

else

document.dropmenu03.visibility = "hide";

document.dropmenu03.left = e.pageX - e.layerX;

document.dropmenu03.top = e.pageY - e.layerY + 19;

return false

}

function hidemenu()

{

if (enableeffect) dropmenu03.filters.revealTrans.stop();dropmenu03.style.visibility = "hidden";

}

function hidemenu2()

{

document.dropmenu03.visibility = "hide"

}

if (document.layers)

{

document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK);

document.dropmenu01.document.dropmenu02.onclick = dropit;

}

else if (document.all)

document.body.onclick = hidemenu;

</script>

if (document.all)

dropmenu03.style.padding='4px';

for (i=0;i<selection.length;i++)

document.write(selection[i]);

</script>

</div>

if (document.layers){

document.dropmenu03.captureEvents(Event.CLICK);

document.dropmenu03.onclick=hidemenu2;

}

</script>

</tr>

</table>

Javascript2007年4月23日2011年10月17日

Javascript的Tab标签页变换

&lt;script&gt;
function changeJobTab(tabIndex)
{
tabJobCount = 4;
for (i = 1; i &lt;= tabJobCount; i++)
{
tab = document.getElementById("JobTab" + i);
content = document.getElementById("JobDescription" + i);

if (i == tabIndex)
{
tab.className = "ActiveJobTab";
content.className = "ActiveJobDescription";
}
else
{
tab.className = "";
content.className = "HiddenJobDescription";
}
}
}
&lt;/script&gt;
&lt;div id="zhaopin"&gt;
&lt;div id="zptitle"&gt;&lt;a href="http://job.csdn.net" target="_blank" &gt;人才招聘榜&lt;/a&gt;&lt;/div&gt;
&lt;div id="zpnav"&gt;
&lt;ul id="JobTab"&gt;
&lt;li&gt;
&lt;a id="JobTab1" onclick="changeJobTab(1); return false;" class="ActiveJobTab" href="#"&gt;企业榜&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a id="JobTab2" onclick="changeJobTab(2); return false;" href="#"&gt;职位榜&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a id="JobTab3" onclick="changeJobTab(3); return false;" href="#"&gt;新闻榜&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a id="JobTab4" onclick="changeJobTab(4); return false;" href="#"&gt;简历榜&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;dl class="RightContentBlock" id="SpecRecomm"&gt;
&lt;dd id="JobInfomation_Description"&gt;
&lt;ul&gt;
&lt;div id="JobDescription1" class="ActiveJobDescription" &gt;
&lt;li&gt;&lt;/li&gt;
&lt;/div&gt;
&lt;div id="JobDescription2" class="HiddenJobDescription" &gt;
&lt;li&gt;&lt;/li&gt;
&lt;/div&gt;
&lt;div id="JobDescription3" class="HiddenJobDescription" &gt;
&lt;li&gt;&lt;/li&gt;
&lt;/div&gt;
&lt;div id="JobDescription4" class="HiddenJobDescription" &gt;
&lt;li&gt;&lt;/li&gt;
&lt;/div&gt;
&lt;/ul&gt;
&lt;/dd&gt;
&lt;/dl&gt;

function changeJobTab(tabIndex)

{

tabJobCount = 4;

for (i = 1; i <= tabJobCount; i++)

{

tab = document.getElementById("JobTab" + i);

content = document.getElementById("JobDescription" + i);

if (i == tabIndex)

{

tab.className = "ActiveJobTab";

content.className = "ActiveJobDescription";

}

else

{

tab.className = "";

content.className = "HiddenJobDescription";

}

</script>

<div id="zptitle"><a href="http://job.csdn.net" target="_blank" >人才招聘榜</a></div>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

</ul>

</div>

<ul>

</div>

</div>

</div>

</div>

</ul>

</dd>

</dl>

Javascript2007年4月23日2015年9月27日

表格变换

[code] function changeJobTab(tabIndex) { for (i = 1; i […]

Javascript2007年4月23日2011年10月17日

表格图片阴影

&lt;div id='Layer1' style='position:absolute;left:50px;top:50px;width:246px;height:186px;z-index:1'&gt;
	&lt;img src='http://www.baidu.com/img/baidu_sylogo1.gif' width='240' height='180' style="border:white 3 solid"&gt;
	&lt;div id='Layer2' style='position:relative;left:10px;top:-180px;width:260px;height:200px;z-index:-1;background-color:#000000;layer-background-color:#000000;border:1pxnone#000000;filter:Alpha(Opacity=100,FinishOpacity=0,Style=1,StartX=0,StartY=85,FinishX=0,FinishY=100)Alpha(Opacity=100,FinishOpacity=0,Style=1,StartX=90,StartY=0,FinishX=100,FinishY=0)Alpha(Opacity=100,FinishOpacity=0,Style=1,StartX=10,StartY=0,FinishX=0,FinishY=0)Alpha(Opacity=100,FinishOpacity=0,Style=1,StartX=0,StartY=10,FinishX=0,FinishY=0)'&gt;
	&lt;/div&gt;
&lt;/div&gt;
&lt;div style="height:300px;"&gt;&lt;/div&gt;
&lt;table width='263' border='1' cellspacing='0' cellpadding='0' height='203'&gt;
&lt;tr&gt;
	&lt;td valign='top' width='243' height='183' colspan='2' rowspan='2'&gt;
		&lt;img src='http://www.baidu.com/img/baidu_sylogo1.gif' width='240' height='180'&gt;
	&lt;/td&gt;
	&lt;td width='20' height='20'&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
	&lt;td width='20' height='163' bgcolor='#000000' style='filter:Alpha(Opacity=100,FinishOpacity=0,Style=1,StartX=0,StartY=0,FinishX=100,FinishY=0)Alpha(Opacity=100,FinishOpacity=0,Style=1,StartX=0,StartY=10,FinishX=0,FinishY=0)'&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
	&lt;td width='20' height='20'&gt;
	&lt;/td&gt;
	&lt;td width='223' height='20' bgcolor='#000000' style='filter:Alpha(Opacity=100,FinishOpacity=0,Style=1,StartX=0,StartY=0,FinishX=0,FinishY=100)Alpha(Opacity=100,FinishOpacity=0,Style=1,StartX=10,StartY=0,FinishX=0,FinishY=0)'&gt;
	&lt;/td&gt;
	&lt;td width='20' height='20' bgcolor='#000000' style='filter:Alpha(Opacity=100,FinishOpacity=0,Style=1,StartX=0,StartY=0,FinishX=0,FinishY=100)Alpha(Opacity=100,FinishOpacity=0,Style=1,StartX=0,StartY=0,FinishX=100,FinishY=0)'&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;div style="height:100px;"&gt;&lt;/div&gt;
 &lt;img src='http://www.baidu.com/img/baidu_sylogo1.gif' style='FILTER:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#808080,strength=5);' border='0' alt='按此在新窗口浏览图片' onload='javascript:if(this.width&gt;screen.width-500) this.style.width=screen.width-500;'&gt;

</div>

<tr>

</td>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</td>

</td>

</tr>

</table>

<img src='http://www.baidu.com/img/baidu_sylogo1.gif' style='FILTER:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#808080,strength=5);' border='0' alt='按此在新窗口浏览图片' onload='javascript:if(this.width>screen.width-500) this.style.width=screen.width-500;'>

Javascript2007年4月23日2011年10月17日

显示大图

&lt;td align="center" bgcolor="#FFFFFF"&gt;
	&lt;a href="/gb/prodshow.asp?id=846"&gt;
	&lt;img src="http://www.baidu.com/img/baidu_sylogo1.gif" width="136" height="132" border=0 
	onMouseOver="showImage(this,'http://www.baidu.com/img/baidu_sylogo1.gif','3')"&gt;&lt;/a&gt;
&lt;/td&gt;
&lt;script&gt;
 if (document.all["_showImage"] == null) 
 document.write(' &lt;img id = _showImage style = "z-index: 999;display: none;position: absolute;border: 1 solid black" onmouseout = "style.display = \'none\'"&gt;');
 
 /** * 显示弹出图片。 
  * @param tag 目标元素。弹出的框将显示在其旁边
  * @param url 需要弹出的图片的URL
  * @param pos 弹出位置。0=右，1=上，2=左，3=下，缺省为自动选择最佳方位。
  */
 function showImage(tag, url, pos)
 {
 	tag.attachEvent("onmouseout", mouseout);
 	var helper = document.all["_showImage"];
 	helper.removeAttribute("src");
 	helper.removeAttribute("width");
 	helper.removeAttribute("height");
 	helper.onload = showImage_show;
 	helper.src = url;

 	function mouseout()
 	{ 
		//if(event.toElement != helper) 
 		//注释本行将使鼠标移出原图时弹出图立即关闭 
 		helper.onmouseout();
 		helper.onload = null;
 		helper.removeAttribute("src");
 		tag.detachEvent("onmouoseout", arguments.callee);
 	}
 	function showImage_show()
 	{
 		var rc = tag.getBoundingClientRect();
 		helper.style.display = ""; 
		var rc2 = helper.getBoundingClientRect(); 
		helper.alt = (rc2.right-rc2.left)+"x"+(rc2.bottom-rc2.top); 
		var body = document.body; 
		var l = rc.left; 
		var t = rc.top; 
		var r = body.clientWidth-rc.right; 
		var b = body.clientHeight-rc.bottom; 
		var ratio = (rc2.bottom-rc2.top) / (rc2.right-rc2.left); 
		var pos = typeof(pos)!='undefined'?pos:-1; 
		if(pos &gt;= 0) { 
			//指定了显示方位 
			var w = pos==1||pos==3?body.clientWidth : pos==0?r:l; 
			var h = pos==0||pos==2?body.clientHeight : pos==1?t:b; 
			if(h &lt; w*ratio) w = h/ratio; 
			else if(w &lt; h/ratio) h = w*ratio; } 
			else { 
			//未指定显示方位，自动选择 
			var pos0_2 = l &lt; r ? 0 : 2; 
			var pos1_3 = t &lt; b ? 3 : 1; 
			var w = l &lt; r ? r : l; 
			var h = t &lt; b ? b : t; 
			var h1 = w*ratio; 
			if(h1 &gt; body.clientHeight) 
			h1 = body.clientHeight; 
			var h2 = body.clientWidth*ratio; 
			if(h2 &gt; h) h2 = h; 
			if(h1 &gt; h2) { 
				var pos = pos0_2; h = h1; w = h1 / ratio; } 
			else { 
			var pos = pos1_3; h = h2; w = h2 / ratio; } 
			} 
			if(rc2.bottom-rc2.top &gt; h || rc2.right-rc2.left &gt; w) { 
			helper.width = w; helper.height = h; 
			} 
			var rc2 = helper.getBoundingClientRect(); 
			l = (pos==1||pos==3?rc.left:pos==0?rc.right:rc.left-(rc2.right-rc2.left))+150; 
			t = (pos==0||pos==2?rc.top:pos==3?rc.bottom:rc.top-(rc2.bottom-rc2.top)); 
			var k = body.clientWidth-(l+rc2.right-rc2.left); 
			if(k &lt; 0) l += k; 
			var k = body.clientHeight-(t+rc2.bottom-rc2.top); 
			if(k &lt; 0) t += k; helper.style.left = -2+body.scrollLeft+l; 
			helper.style.top = -2+body.scrollTop+t; 
			} 
}
&lt;/script&gt;

<img src="http://www.baidu.com/img/baidu_sylogo1.gif" width="136" height="132" border=0

onMouseOver="showImage(this,'http://www.baidu.com/img/baidu_sylogo1.gif','3')"></a>

</td>

if (document.all["_showImage"] == null)

document.write(' <img id = _showImage style = "z-index: 999;display: none;position: absolute;border: 1 solid black" onmouseout = "style.display = \'none\'">');

/** * 显示弹出图片。

* @param tag 目标元素。弹出的框将显示在其旁边

* @param url 需要弹出的图片的URL

* @param pos 弹出位置。0=右，1=上，2=左，3=下，缺省为自动选择最佳方位。

function showImage(tag, url, pos)

{

tag.attachEvent("onmouseout", mouseout);

var helper = document.all["_showImage"];

helper.removeAttribute("src");

helper.removeAttribute("width");

helper.removeAttribute("height");

helper.onload = showImage_show;

helper.src = url;

function mouseout()

{

//if(event.toElement != helper)

//注释本行将使鼠标移出原图时弹出图立即关闭

helper.onmouseout();

helper.onload = null;

helper.removeAttribute("src");

tag.detachEvent("onmouoseout", arguments.callee);

}

function showImage_show()

{

var rc = tag.getBoundingClientRect();

helper.style.display = "";

var rc2 = helper.getBoundingClientRect();

helper.alt = (rc2.right-rc2.left)+"x"+(rc2.bottom-rc2.top);

var body = document.body;

var l = rc.left;

var t = rc.top;

var r = body.clientWidth-rc.right;

var b = body.clientHeight-rc.bottom;

var ratio = (rc2.bottom-rc2.top) / (rc2.right-rc2.left);

var pos = typeof(pos)!='undefined'?pos:-1;

if(pos >= 0) {

//指定了显示方位

var w = pos==1||pos==3?body.clientWidth : pos==0?r:l;

var h = pos==0||pos==2?body.clientHeight : pos==1?t:b;

if(h < w*ratio) w = h/ratio;

else if(w < h/ratio) h = w*ratio; }

else {

//未指定显示方位，自动选择

var pos0_2 = l < r ? 0 : 2;

var pos1_3 = t < b ? 3 : 1;

var w = l < r ? r : l;

var h = t < b ? b : t;

var h1 = w*ratio;

if(h1 > body.clientHeight)

h1 = body.clientHeight;

var h2 = body.clientWidth*ratio;

if(h2 > h) h2 = h;

if(h1 > h2) {

var pos = pos0_2; h = h1; w = h1 / ratio; }

else {

var pos = pos1_3; h = h2; w = h2 / ratio; }

}

if(rc2.bottom-rc2.top > h || rc2.right-rc2.left > w) {

helper.width = w; helper.height = h;

}

var rc2 = helper.getBoundingClientRect();

l = (pos==1||pos==3?rc.left:pos==0?rc.right:rc.left-(rc2.right-rc2.left))+150;

t = (pos==0||pos==2?rc.top:pos==3?rc.bottom:rc.top-(rc2.bottom-rc2.top));

var k = body.clientWidth-(l+rc2.right-rc2.left);

if(k < 0) l += k;

var k = body.clientHeight-(t+rc2.bottom-rc2.top);

if(k < 0) t += k; helper.style.left = -2+body.scrollLeft+l;

helper.style.top = -2+body.scrollTop+t;

}

</script>

Javascript2007年4月23日2011年10月17日

显示图片

&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv='"Content-Type"' content='"text/html;' charset='gb2312"'&gt;
&lt;title&gt;利郎(福建)时装有限公司&lt;/title&gt;
&lt;body onmousemove='"move()"' onmouseup='"down=false"'&gt;
&lt;style type='"text/css"'&gt;
 body,td,a { font-size: 9pt; color: #330000; text-decoration: none} .aa {filter:alpha(opacity=70)}
&lt;/style&gt;
&lt;script&gt;
 var over = false,
 	down = false,
 	divleft, divtop, n;

 function clase(x)
 {
 	document.all['plane' + x].style.visibility = 'hidden'
 }

 function down1(m)
 {
 	n = m;
 	down = true;
 	divleft = event.clientX - parseInt(m.style.left);
 	divtop = event.clientY - parseInt(m.style.top)
 }

 function move()
 {
 	if (down)
 	{
 		n.style.left = event.clientX - divleft;
 		n.style.top = event.clientY - divtop;
 	}
 }

 Phrase = ""
 Balises = ""
 Taille = 15;
 Midx = 70;
 Decal = 0.5;
 nb = Phrase.length;
 y = -10000;
 for (x = 0; x &lt; nb; x++)
 {
 	Balises = Balises + ' &lt;div Id = L' + x + 'STYLE = "width: 3;font-family: 宋体;position: absolute;z-index: 0" &gt; ' + Phrase.charAt(x) + ' &lt;/div&gt;'
 }
 document.write(Balises);
 Time = window.setInterval("Alors()", 50);
 Alpha = 50;
 I_Alpha = 0.05;

 function Alors()
 {
 	Alpha = Alpha - I_Alpha;
 	for (x = 0; x &lt; nb; x++)
 	{
 		Alpha1 = Alpha + Decal * x;
 		Cosine = Math.cos(Alpha1);
 		Ob = document.all("L" + x);
 		Ob.style.posLeft = Midx + 100 * Math.sin(Alpha1) + 50;
 		Ob.style.zIndex = 20 * Cosine;
 		Ob.style.fontSize = Taille + 3 * Cosine;
 		Ob.style.color = "rgb(" + (27 + Cosine * 80 + 50) + "," + (127 + Cosine * 80 + 50) + ",0)";
 	}
 }
 var num = 15;

 function chFilter()
 {
 	if (num &gt; 2)
 	{
 		num -= 1;
 		img1.style.filter = "progid: DXImageTransform.Microsoft.Pixelate(MaxSquare = " + num + ")";
 		setTimeout("chFilter()", 5)
 	}
 	else
 	{
 		img1.style.filter = ""
 	}
 }
&lt;/script&gt;
&lt;/head&gt;

&lt;body ondragstart="return false;" text='#000000' bgcolor='#ffffff' leftmargin='0' topmargin='0' onload="img1.style.visibility='';chFilter()"&gt;
&lt;img id='img1' style='FILTER:progid:dximagetransform.microsoft.pixelate(maxsquare=50);visibility:hidden' src='http://www.baidu.com/img/baidu_sylogo1.gif' class="Img"&gt;
&lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<title>利郎(福建)时装有限公司</title>

body,td,a { font-size: 9pt; color: #330000; text-decoration: none} .aa {filter:alpha(opacity=70)}

</style>

var over = false,

down = false,

divleft, divtop, n;

function clase(x)

{

document.all['plane' + x].style.visibility = 'hidden'

}

function down1(m)

{

n = m;

down = true;

divleft = event.clientX - parseInt(m.style.left);

divtop = event.clientY - parseInt(m.style.top)

}

function move()

{

if (down)

{

n.style.left = event.clientX - divleft;

n.style.top = event.clientY - divtop;

}

Phrase = ""

Balises = ""

Taille = 15;

Midx = 70;

Decal = 0.5;

nb = Phrase.length;

y = -10000;

for (x = 0; x < nb; x++)

{

Balises = Balises + ' <div Id = L' + x + 'STYLE = "width: 3;font-family: 宋体;position: absolute;z-index: 0" > ' + Phrase.charAt(x) + ' </div>'

}

document.write(Balises);

Time = window.setInterval("Alors()", 50);

Alpha = 50;

I_Alpha = 0.05;

function Alors()

{

Alpha = Alpha - I_Alpha;

for (x = 0; x < nb; x++)

{

Alpha1 = Alpha + Decal * x;

Cosine = Math.cos(Alpha1);

Ob = document.all("L" + x);

Ob.style.posLeft = Midx + 100 * Math.sin(Alpha1) + 50;

Ob.style.zIndex = 20 * Cosine;

Ob.style.fontSize = Taille + 3 * Cosine;

Ob.style.color = "rgb(" + (27 + Cosine * 80 + 50) + "," + (127 + Cosine * 80 + 50) + ",0)";

}

var num = 15;

function chFilter()

{

if (num > 2)

{

num -= 1;

img1.style.filter = "progid: DXImageTransform.Microsoft.Pixelate(MaxSquare = " + num + ")";

setTimeout("chFilter()", 5)

}

else

{

img1.style.filter = ""

}

</script>

</head>

</body>

</html>