http://www.is21.cn/ zh-cn PBlog2 v2.4 http://www.is21.cn/images/logos.gif http://www.is21.cn/ 21 工作室 http://www.is21.cn/default.asp?id=576 lianxiangpanjin@163.com(admin) Sun,01 Feb 2009 01:08:15 +0800 http://www.is21.cn/default.asp?id=576
调用形式：<script type='text/javascript' src='data.js'></script>

将下面代码保存为 date.js

document.writeln("<SCRIPT language=JavaScript> ");
document.writeln("<!-- ");
document.writeln("function CalConv() ");
document.writeln(" { ");
document.writeln(" FIRSTYEAR = 1998; ");
document.writeln(" LASTYEAR = 2031; ");
document.writeln(" ");
document.writeln(" today = new Date(); ");
document.writeln(" SolarYear = today.getFullYear(); ");
document.writeln(" SolarMonth = today.getMonth() + 1; ");
document.writeln(" SolarDate = today.getDate(); ");
document.writeln(" Weekday = today.getDay(); ");
document.writeln(" LunarCal = [ ");
document.writeln(" new tagLunarCal( 27, 5, 3, 43, 1, 0, 0, 1, 0, 0, 1, 1, 0, 1, 1, 0, 1 ), ");
document.writeln(" new tagLunarCal( 46, 0, 4, 48, 1, 0, 0, 1, 0, 0, 1, 0, 1, 1, 1, 0, 1 ), \/* 88 *\/ ");
document.writeln(" new tagLunarCal( 35, 0, 5, 53, 1, 1, 0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1 ), \/* 89 *\/ ");
document.writeln(" new tagLunarCal( 23, 4, 0, 59, 1, 1, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1 ), ");
document.writeln(" new tagLunarCal( 42, 0, 1, 4, 1, 1, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1 ), ");
document.writeln(" new tagLunarCal( 31, 0, 2, 9, 1, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 0 ), ");
document.writeln(" new tagLunarCal( 21, 2, 3, 14, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1 ), \/* 93 *\/ ");
document.writeln(" new tagLunarCal( 39, 0, 5, 20, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1 ), ");
document.writeln(" new tagLunarCal( 28, 7, 6, 25, 1, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 1 ), ");
document.writeln(" new tagLunarCal( 48, 0, 0, 30, 0, 0, 1, 0, 0, 1, 0, 1, 1, 1, 0, 1, 1 ), ");
document.writeln(" new tagLunarCal( 37, 0, 1, 35, 1, 0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1 ), \/* 97 *\/ ");
document.writeln(" new tagLunarCal( 25, 5, 3, 41, 1, 1, 0, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1 ), ");
document.writeln(" new tagLunarCal( 44, 0, 4, 46, 1, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1 ), ");
document.writeln(" new tagLunarCal( 33, 0, 5, 51, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1 ), ");
document.writeln(" new tagLunarCal( 22, 4, 6, 56, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1, 0 ), \/* 101 *\/ ");
document.writeln(" new tagLunarCal( 40, 0, 1, 2, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1, 0 ), ");
document.writeln(" new tagLunarCal( 30, 9, 2, 7, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1 ), ");
document.writeln(" new tagLunarCal( 49, 0, 3, 12, 0, 1, 0, 0, 1, 0, 1, 1, 1, 0, 1, 0, 1 ), ");
document.writeln(" new tagLunarCal( 38, 0, 4, 17, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1, 0 ), \/* 105 *\/ ");
document.writeln(" new tagLunarCal( 27, 6, 6, 23, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1, 1 ), ");
document.writeln(" new tagLunarCal( 46, 0, 0, 28, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1, 0 ), ");
document.writeln(" new tagLunarCal( 35, 0, 1, 33, 0, 1, 1, 0, 1, 0, 0, 1, 0, 0, 1, 1, 0 ), ");
document.writeln(" new tagLunarCal( 24, 4, 2, 38, 0, 1, 1, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1 ), \/* 109 *\/ ");
document.writeln(" new tagLunarCal( 42, 0, 4, 44, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1, 0, 1 ), ");
document.writeln(" new tagLunarCal( 31, 0, 5, 49, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0 ), ");
document.writeln(" new tagLunarCal( 21, 2, 6, 54, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1 ), ");
document.writeln(" new tagLunarCal( 40, 0, 0, 59, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1, 0, 1 ), \/* 113 *\/ ");
document.writeln(" new tagLunarCal( 28, 6, 2, 5, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1, 1, 0 ), ");
document.writeln(" new tagLunarCal( 47, 0, 3, 10, 1, 0, 1, 0, 0, 1, 0, 0, 1, 1, 1, 0, 1 ), ");
document.writeln(" new tagLunarCal( 36, 0, 4, 15, 1, 1, 0, 1, 0, 0, 1, 0, 0, 1, 1, 0, 1 ), ");
document.writeln(" new tagLunarCal( 25, 5, 5, 20, 1, 1, 1, 0, 1, 0, 0, 1, 0, 0, 1, 1, 0 ), \/* 117 *\/ ");
document.writeln(" new tagLunarCal( 43, 0, 0, 26, 1, 1, 0, 1, 0, 1, 0, 1, 0, 0, 1, 0, 1 ), ");
document.writeln(" new tagLunarCal( 32, 0, 1, 31, 1, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 0 ), ");
document.writeln(" new tagLunarCal( 22, 3, 2, 36, 0, 1, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0 ) ]; ");
document.writeln(" \/* 年每月之日數 *\/ ");
document.writeln(" SolarCal = [ 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 ]; ");
document.writeln(" ");
document.writeln(" \/* 年每月之累積日數, 平年與閏年 *\/ ");
document.writeln("SolarDays = [ 0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334, 365, 396, 0, 31, 60, 91, 121, 152, 182, 213, 244, 274, 305, 335, 366, 397 ]; ");
document.writeln(" AnimalIdx = [\"马\", \"羊\", \"猴\", \"鸡\", \"狗\", \"猪\", \"鼠\", \"牛\", \"虎\", \"兔\", \"龙\", \"蛇\" ]; ");
document.writeln(" LocationIdx = [ \"南\", \"东\", \"北\", \"西\" ]; ");
document.writeln(" if ( SolarYear <= FIRSTYEAR || SolarYear > LASTYEAR ) return 1; ");
document.writeln(" sm = SolarMonth - 1; ");
document.writeln(" if ( sm < 0 || sm > 11 ) return 2; ");
document.writeln(" leap = GetLeap( SolarYear ); ");
document.writeln(" if ( sm == 1 ) ");
document.writeln(" d = leap + 28; ");
document.writeln(" else ");
document.writeln(" d = SolarCal[sm]; ");
document.writeln(" if ( SolarDate < 1 || SolarDate > d ) return 3; ");
document.writeln(" y = SolarYear - FIRSTYEAR; ");
document.writeln(" acc = SolarDays[ leap*14 + sm ] + SolarDate; ");
document.writeln(" kc = acc + LunarCal[y].BaseKanChih; ");
document.writeln(" Kan = kc % 10; ");
document.writeln(" Chih = kc % 12; ");
document.writeln(" Location = LocationIdx[kc % 4]; ");
document.writeln(" Age = kc % 60; ");
document.writeln(" if ( Age < 22 ) ");
document.writeln(" Age = 22 - Age; ");
document.writeln(" else ");
document.writeln(" Age = 82 - Age; ");
document.writeln(" Animal = AnimalIdx[ Chih ]; ");
document.writeln(" if ( acc <= LunarCal[y].BaseDays ) { ");
document.writeln(" y--; ");
document.writeln(" LunarYear = SolarYear - 1; ");
document.writeln(" leap = GetLeap( LunarYear ); ");
document.writeln(" sm += 12; ");
document.writeln(" acc = SolarDays[leap*14 + sm] + SolarDate; ");
document.writeln(" } ");
document.writeln(" else ");
document.writeln(" LunarYear = SolarYear; ");
document.writeln(" l1 = LunarCal[y].BaseDays; ");
document.writeln(" for ( i=0; i<13; i++ ) { ");
document.writeln(" l2 = l1 + LunarCal[y].MonthDays[i] + 29; ");
document.writeln(" if ( acc <= l2 ) break; ");
document.writeln(" l1 = l2; ");
document.writeln(" } ");
document.writeln(" LunarMonth = i + 1; ");
document.writeln(" LunarDate = acc - l1; ");
document.writeln(" im = LunarCal[y].Intercalation; ");
document.writeln(" if ( im != 0 && LunarMonth > im ) { ");
document.writeln(" LunarMonth--; ");
document.writeln(" if ( LunarMonth == im ) LunarMonth = -im; ");
document.writeln(" } ");
document.writeln(" if ( LunarMonth > 12 ) LunarMonth -= 12; ");
document.writeln(" today=new Date(); ");
document.writeln(" function initArray(){ ");
document.writeln(" this.length=initArray.arguments.length ");
document.writeln(" for(var i=0;i<this.length;i++) ");
document.writeln(" this[i+1]=initArray.arguments[i] } ");
document.writeln(" var d=new initArray(\"星期日\",\"星期一\",\"星期二\",\"星期三\",\"星期四\",\"星期五\",\"星期六\"); ");
document.writeln(" document.write(\"<span class=\\\"jsdhtml\\\"> \", today.getYear(),\"年\",today.getMonth()+1,\"月\",today.getDate(),\"日 \",d[today.getDay()+1],\"\"); ");
document.writeln(" document.write( \"<span class=\\\"jsdhtml\\\"> 农历 \" + LunarMonth + \"月\" + LunarDate + \"日\"); ");
document.writeln(" ");
document.writeln(" return 0; ");
document.writeln("} ");
document.writeln(" \/* 求此年是否為閏年, 返回 0 為平年, 1 為閏年 *\/ ");
document.writeln("function GetLeap( year ) ");
document.writeln(" { ");
document.writeln(" if ( year % 400 == 0 ) ");
document.writeln(" return 1; ");
document.writeln(" else if ( year % 100 == 0 ) ");
document.writeln(" return 0; ");
document.writeln(" else if ( year % 4 == 0 ) ");
document.writeln(" return 1; ");
document.writeln(" else ");
document.writeln(" return 0; ");
document.writeln(" } ");
document.writeln("function tagLunarCal( d, i, w, k, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11, m12, m13) { ");
document.writeln(" this.BaseDays = d; \/* 到 1 月 1 日到農曆正月初一的累積日數 *\/ ");
document.writeln(" this.Intercalation = i; \/* 閏月月份. 0==此年沒有閏月 *\/ ");
document.writeln(" this.BaseWeekday = w; \/* 此年 1 月 1 日為星期幾再減 1 *\/ ");
document.writeln(" this.BaseKanChih = k; \/* 此年 1 月 1 日之干支序號減 1 *\/ ");
document.writeln(" this.MonthDays = [ m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11, m12, m13 ]; \/* 此農曆年每月之大小, 0==小月(29日), 1==大月(30日) *\/ ");
document.writeln("} ");
document.writeln("\/\/--> ");
document.writeln(" ");
document.writeln("CalConv(); ");
document.writeln(" ");
document.writeln(" <\/SCRIPT>");


'引用自http://hi.baidu.com/hhayy7758/blog/item/933c0caf5662e9fffbed50d4.html]]> http://www.is21.cn/default.asp?id=559 lianxiangpanjin@163.com(admin) Thu,08 Jan 2009 14:19:35 +0800 http://www.is21.cn/default.asp?id=559
document.getElementById("link").href;
document.getElementById("link").target;
document.getElementById("img").src;
document.getElementById("img").width;
document.getElementById("img").height;
document.getElementById("input").value;

那么如何取得<div></div>以及<a></a>之间的值呢？如<div id="div">aaa</div>中的aaa，<a href="#" id="link">bbb</a>中的bbb，也很简单，利用innerHTML就可以了：

document.getElementById("div").innerHTML;
document.getElementById("link").innerHTML; 



'引用 自http://hi.baidu.com/nullstring/blog/item/a645fa99487ff9096e068c86.html
]]> http://www.is21.cn/default.asp?id=490 lianxiangpanjin@163.com(admin) Mon,03 Nov 2008 09:43:06 +0800 http://www.is21.cn/default.asp?id=490 <head>
<meta http-equiv=Content-Type content=text/html;charset=gb2312>
<script language=javascript>
var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
var base64DecodeChars = new Array(
    -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
    -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
    -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63,
    52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1,
    -1,  0,  1,  2,  3,  4,  5,  6,  7,  8,  9, 10, 11, 12, 13, 14,
    15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1,
    -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40,
    41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1);
function base64encode(str) {
    var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
    var out, i, len;
    var c1, c2, c3;
    len = str.length;
    i = 0;
    out = "";
    while(i < len) {
        c1 = str.charCodeAt(i++) & 0xff;
        if(i == len) {
            out += base64EncodeChars.charAt(c1 >> 2);
            out += base64EncodeChars.charAt((c1 & 0x3) << 4);
            out += "==";
            break;
        }
        c2 = str.charCodeAt(i++);
        if(i == len) {
            out += base64EncodeChars.charAt(c1 >> 2);
            out += base64EncodeChars.charAt(((c1 & 0x3)<< 4) | ((c2 & 0xF0) >> 4));
            out += base64EncodeChars.charAt((c2 & 0xF) << 2);
            out += "=";
            break;
        }
        c3 = str.charCodeAt(i++);
        out += base64EncodeChars.charAt(c1 >> 2);
        out += base64EncodeChars.charAt(((c1 & 0x3)<< 4) | ((c2 & 0xF0) >> 4));
        out += base64EncodeChars.charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >>6));
        out += base64EncodeChars.charAt(c3 & 0x3F);
    }
    return out;
}
function base64decode(str) {
    var c1, c2, c3, c4;
    var i, len, out;
    len = str.length;
    i = 0;
    out = "";
    while(i < len) {
        do {
            c1 = base64DecodeChars[str.charCodeAt(i++) & 0xff];
        } while(i < len && c1 == -1);
        if (c1 == -1) break;
        do {
            c2 = base64DecodeChars[str.charCodeAt(i++) & 0xff];
        } while(i < len && c2 == -1);
        if (c2 == -1) break;
        out += String.fromCharCode((c1 << 2) | ((c2 & 0x30) >> 4));
        do {
            c3 = str.charCodeAt(i++) & 0xff;
            if (c3 == 61)  return out;
            c3 = base64DecodeChars[c3];
        } while(i < len && c3 == -1);
        if(c3 == -1) break;
        out += String.fromCharCode(((c2 & 0XF) << 4) | ((c3 & 0x3C) >> 2));
        do {
            c4 = str.charCodeAt(i++) & 0xff;
            if(c4 == 61) return out;
            c4 = base64DecodeChars[c4];
        } while(i < len && c4 == -1);
        if(c4 == -1) break;
        out += String.fromCharCode(((c3 & 0x03) << 6) | c4);
    }
    return out;
}
function jiami() {
    var str=input.value.replace(/ +$/g,"");
    if (str.search(/^thunder|^flashget/i)==-1) {
        var thunder="AA"+str+"ZZ";
        thunder="thunder://"+base64encode(thunder);
        var flashget="[FLASHGET]"+str+"[FLASHGET]";
        flashget="flashget://"+base64encode(flashget)+"&abc";
        x.innerHTML="迅雷地址：<br><a href="+thunder+">"+thunder+"<\/a><br><br>快车地址：<br><a href="+flashget+">"+flashget+"<\/a>";
    }
}
function jiemi() {
    var str=input.value.replace(/ +$|\/$/g,"");
    if (str.search(/^thunder/i)!=-1) {
        str=str.replace("thunder://","");
        str=base64decode(str).replace(/^AA|ZZ$/gi,"");
        x.innerHTML="原始地址：<br><a href="+str+">"+str+"<\/a>";
    }
    else if (str.search(/^flashget/i)!=-1) {
        str=str.replace("flashget://","");
        str=str.replace(/&.*$/,"");
        str=base64decode(str).replace(/^\[FLASHGET\]|\[FLASHGET\]$/gi,"");
        x.innerHTML="原始地址：<br><a href="+str+">"+str+"<\/a>";
    }
    else x.innerHTML="地址格式不正确，无法解密。";
}
</script>
</HEAD>
<body>
输入：<br>
<textarea id="input" rows=4 cols=60></textarea><br><br>
<input type=button value="　加密　" onclick="jiami()">　　<input type=button value="　解密　" onclick="jiemi()">
<br><br>
输出：<br><br>
<div id=x></div>
</body>
</html>


'引用自http://www.52515.net:8088/file.asp?fileid=323139302672713D323030382D362D3226626F61726469643D3736]]> http://www.is21.cn/default.asp?id=489 lianxiangpanjin@163.com(admin) Sun,02 Nov 2008 23:59:09 +0800 http://www.is21.cn/default.asp?id=489 var tar=new Array();
tar[0]=new Array("首页","tar1,red");
tar[1]=new Array("给我留言","tar2,blue");
tar[2]=new Array("看看怎么样","tar3,green");
function $(id)
{
  return document.getElementById(id);
}
function setar(id)
{
  var t=$("bb");
  var con=$("content");
  if(id==""){id="tar1";}
  for(j=0;j<tar.length;j++)
  {
    var c=tar[j][1];
    var d=c.split(",");
    if(id==d[0])
    {
      $(id).style.background=d[1];
      $(id).style.color="#fff";
      t.style.background=d[1];
      con.style.border="1px solid "+d[1]+"";
      con.innerHTML=tar[j][0];
    }
    else
    {
      $(d[0]).style.background="#aaa";
      $(d[0]).style.color="#000";
    }
  }
}
</script>
<style type="text/css">
#all{
  margin:0px;
  padding:0px;
  text-align:center;
}
#menu{
  margin:auto;
  width:600px;
  height:20px !important;
  background-color:#fff;
}
#menu ul{
  padding:0px;
  margin:0px;
  list-style-type:none;
  float:left;
  background-color:#aaaaaa;
}
#menu li{
  margin:0px;
  float:left;
  height:15px !important;
  height /**/:20px;
  padding-left:10px;
  padding-right:10px;
  border-right:1px solid #fff;
  padding-top:5px;
  font-size:9pt;
  font-weight:bold;
}
#bb{
  margin:0px auto;
  height:2px;
  font-size:1px;
  line-height:1px;
  width:600px;
}
#content{
  margin:0px auto;
  width:598px !important;
  width /**/:600px;  
  text-align:left;
  height:160px;
}
</style>
<div id="all">
  <div id="menu">
    <ul>
      <script>
        for(i=0;i<tar.length;i++)
        {
          var tarname=tar[i][0];
          var id=tar[i][1].split(",");
          document.write("<li id=\""+id[0]+"\" onclick=\"setar('"+id[0]+"')\">"+tar[i][0]+"</li>");
        }
      </script>
    </ul>
  </div>
  <div id="bb"></div>
  <div id="content">ddd
  </div>
</div>
<script>
setar("tar1");
</script>]]> http://www.is21.cn/default.asp?id=488 lianxiangpanjin@163.com(admin) Sun,02 Nov 2008 23:57:32 +0800 http://www.is21.cn/default.asp?id=488 <!--
引用时保留下原创作者喽,尊重任何一位原创作者,促进中国互联网进程
Editor:weasle
http://www.hxcgw.com
Email:weasle@163.com
QQ:112011531
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>简洁Tab</title>
<style type="text/css">
<!--
body,div,ul,li{
 padding:0;
 text-align:center;
}
body{
 font:12px "宋体";
 text-align:center;
}
a:link{
 color:#00F;
 text-decoration:none;
}
a:visited {
 color: #00F;
 text-decoration:none;
}
a:hover {
 color: #c00;
 text-decoration:underline;
}
ul{ list-style:none;}
/*选项卡1*/
#Tab1{
width:460px;
margin:0px;
padding:0px;
margin:0 auto;}
/*选项卡2*/
#Tab2{
width:576px;
margin:0px;
padding:0px;
margin:0 auto;}
/*菜单class*/
.Menubox {
width:100%;
height:28px;
line-height:28px;
}
.Menubox ul{
margin:0px;
padding:0px;
}
.Menubox li{
 float:left;
 display:block;
 cursor:pointer;
 width:114px;
 text-align:center;
 color:#949694;
 font-weight:bold;
 background-color:#CCCCCC;
 }
.Menubox li.hover{
 padding:0px;
 background:#fff;
 width:116px;
 border-left:1px solid #A8C29F;
 border-top:1px solid #A8C29F;
 border-right:1px solid #A8C29F;
 color:#739242;
 font-weight:bold;
 height:27px;
line-height:27px;
}
.Contentbox{
 clear:both;
 margin-top:0px;
 border:1px solid #A8C29F;
 border-top:none;
 height:181px;
 text-align:center;
 padding-top:8px;
}
-->
</style>
<script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
function setTab(name,cursel,n){
 for(i=1;i<=n;i++){
  var menu=document.getElementById(name+i);
  var con=document.getElementById("con_"+name+"_"+i);
  menu.className=i==cursel?"hover":"";
  con.style.display=i==cursel?"block":"none";
 }
}
//-->
</script>
</head>
<body>
<br><br>
<div id="Tab1">
<div class="Menubox">
<ul>
   <li id="one1" onclick="setTab('one',1,4)"  class="hover">新闻1</li>
   <li id="one2" onclick="setTab('one',2,4)" >新闻2</li>
   <li id="one3" onclick="setTab('one',3,4)">新闻3</li>   
   <li id="one4" onclick="setTab('one',4,4)">新闻4</li>
</ul>
</div>
 <div class="Contentbox">  
   <div id="con_one_1" class="hover">新闻列表1</div>
   <div id="con_one_2" style="display:none">新闻列表2</div>
   <div id="con_one_3" style="display:none">新闻列表3</div>
   <div id="con_one_4" style="display:none">新闻列表4</div> 
 </div>
</div>
<br>
<div id="Tab2">
<div class="Menubox">
<ul>
   <li id="two1" onclick="setTab('two',1,4)"  class="hover">新闻1</li>
   <li id="two2" onclick="setTab('two',2,4)" >新闻2</li>
   <li id="two3" onclick="setTab('two',3,4)">新闻3</li>   
   <li id="two4" onclick="setTab('two',4,4)">新闻4</li>
</ul>
</div>
 <div class="Contentbox">  
   <div id="con_two_1" >新闻列表1</div>
   <div id="con_two_2" style="display:none">新闻列表2</div>
   <div id="con_two_3" style="display:none">新闻列表3</div>
   <div id="con_two_4" style="display:none">新闻列表4</div> 
 </div>
</div>
</body>
</html>]]> http://www.is21.cn/default.asp?id=487 lianxiangpanjin@163.com(admin) Sun,02 Nov 2008 23:56:06 +0800 http://www.is21.cn/default.asp?id=487 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Tab</title>
<style type="text/css">
body{background:#FFF; font-size:12px}
a{text-decoration:none}
div {line-height: 18px;}
h1 {margin: 0px; padding: 0px;}
h1, p {margin: 0px; padding: 0px;line-height: 18px;}
ul{padding:0;margin:0; list-style:none}
.imgArt, .imgArt-b {float: left; text-align: center;}
.imgArt {width: 81px; padding: 0 10px;}
.imgArt-b {width: 106px; padding: 0 3px;}
.narrow {padding: 0 6px!important;}
.img {background: #FFF; border: 1px solid #ccc;padding: 2px;}
.img-b {background: #FFF; border: 1px solid #FFF;padding: 2px 5px;}
.imgArt p, .imgArt-b p {margin: 7px 0 0 0;line-height: 15px;}
    
.brief {float: right;padding-right: 10px}
.brief h1 {font: bold 12px verdana;margin: 7px 0}
.taBox {display: none}
/*    -----------------tabs */    
.tabs {background: url("http://www.is21.cn/attachments/month_0811/c2008112233648.gif") repeat-x bottom;overflow: auto; height: 100%}
.tabs li {float: left; text-align: center;line-height: 20px}
.tabs li a {float: left; color: #FFF;background: url("http://www.is21.cn/attachments/month_0811/22008112233757.gif") left -25px;width: 104px;padding-top: 5px}
.tabs li a:hover, .tabs li a.current {color: #60208E;font-weight: bold; background: url("http://www.is21.cn/attachments/month_0811/22008112233757.gif")}
.tab1 {margin-right: 2px}
    
.woman, .man {margin-top: 5px}    
.womanTabs {background: url("http://www.is21.cn/attachments/month_0811/l2008112233947.gif") repeat-x bottom;overflow: auto;height: 100%}
.womanTabs li, .manTabs li {line-height: 21px;margin: 0 1px;float: left; text-align: center}
.womanTabs li a, .manTabs li a {color: #F36;background: url("http://www.is21.cn/attachments/month_0811/n2008112234059.gif") left -24px;width: 57px;float: left; padding-top: 3px}
.womanTabs li a:hover, .womanTabs li a.current {color: #F36;font-weight: bold;background: url("http://www.is21.cn/attachments/month_0811/n2008112234059.gif")}
.womanTabs .title, .manTabs .title {background: url("http://www.is21.cn/attachments/month_0811/c2008112234210.gif") no-repeat center;width: 66px;height: 21px}
.woman .body, .man .body {border: 1px solid #FCC; border-top: 0px;overflow: auto;height: 100%;padding: 8px 0; -padding-bottom: 0px}
.manTabs {background: url("http://www.is21.cn/attachments/month_0811/22008112234436.gif") repeat-x bottom;overflow: auto;height: 100%;}
.manTabs li a {color: #66C;background: url("http://images.39.net/sex/images/tab_5.gif") left -24px}
.manTabs li a:hover, .manTabs li a.current {color: #66C;font-weight: bold;background: url("http://images.39.net/sex/images/tab_5.gif")}
.manTabs .title {background-image: url("http://www.is21.cn/attachments/month_0811/52008112234558.gif")}
.man .body {border: 1px solid #D2D9FD; border-top: 0px}
ul.rank {background: url("http://www.is21.cn/attachments/month_0811/n2008112234650.gif") no-repeat left top; padding-left: 20px;line-height: 22px;overflow: auto; height: 100%}
.rankBox {background: url("http://www.is21.cn/attachments/month_0811/c2008112234744.gif") no-repeat bottom;padding-bottom: 7px;}
.rankBox .body {border-left: 1px solid #EDDFF7; border-right: 1px solid #EDDFF7;padding: 5px 0 0 7px;}
    
</style>
</head>
<body>
<script type="text/javascript">
//DD Tab Menu- Last updated April 27th, 07: http://www.dynamicdrive.com
//Only 1 configuration variable below
var ddtabmenu={
    disabletablinks: false, ////Disable hyperlinks in 1st level tabs with sub contents (true or false)?
    currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)
definemenu:function(tabid, dselected){
    this[tabid+"-menuitems"]=null
    this.addEvent(window, function(){ddtabmenu.init(tabid, dselected)}, "load")
},
showsubmenu:function(tabid, targetitem){
    var menuitems=this[tabid+"-menuitems"]
 for (i=0; i<menuitems.length; i++){
        menuitems[i].className=""
        if (typeof menuitems[i].hasSubContent!="undefined")
            document.getElementById(menuitems[i].getAttribute("rel")).style.display="none"
    }
    targetitem.className="current"
    if (typeof targetitem.hasSubContent!="undefined")
        document.getElementById(targetitem.getAttribute("rel")).style.display="block"
},
isSelected:function(menuurl){
    var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")
    return (ddtabmenu.currentpageurl==menuurl)
},
addEvent:function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
    var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
    if (target.addEventListener)
        target.addEventListener(tasktype, functionref, false)
    else if (target.attachEvent)
        target.attachEvent(tasktype, functionref)
},
init:function(tabid, dselected){
    var menuitems=document.getElementById(tabid).getElementsByTagName("a")
    this[tabid+"-menuitems"]=menuitems
    for (var x=0; x<menuitems.length; x++){
        if (menuitems[x].getAttribute("rel")){
            this[tabid+"-menuitems"][x].hasSubContent=true
            if (ddtabmenu.disabletablinks)
                menuitems[x].onclick=function(){return false}
        }
        else //for items without a submenu, add onMouseout effect
            menuitems[x].onmouseout=function(){this.className=""}
        menuitems[x].onmouseover=function(){ddtabmenu.showsubmenu(tabid, this)}
        if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[x].href)){
            ddtabmenu.showsubmenu(tabid, menuitems[x])
            var setalready=true
        }
        else if (parseInt(dselected)==x)
            ddtabmenu.showsubmenu(tabid, menuitems[x])
    }
}
}
</script>
<script type="text/javascript">
ddtabmenu.definemenu("tabs3", 0);
ddtabmenu.definemenu("tabs4", 0);
ddtabmenu.definemenu("tabs5", 0);
</script>
<div style="width:210px">
        <div class="rankBox">
            <div id="tabs3" class="tabs">
                <li class="tab1"><a rel="3-a">生理热门排行</a></li>
                <li><a rel="3-b">心理热门排行</a></li>
            </div>
            <div class="body">
                <div id="3-a" class="taBox">
                    <ul class="rank"><li><a href="http://sex.39.net/xsl/woman/yb/0711/6/156921.html">日本MM努力锻炼她们的私处</a></li><li><a href="http://sex.39.net/xsl/woman/rf/0711/8/159270.html">波霸惹祸 胸大损健康(图)</a></li><li><a href="http://sex.39.net/xsl/man/yj/0711/20/172052.html">性器官：韩国最短法国最长</a></li><li><a href="http://sex.39.net/xsl/man/jy/0711/15/168609.html">精液有助于女性身体健康？</a></li><li><a href="http://sex.39.net/xsl/man/nxxgc/0711/13/165797.html">男人也可以有多次性高潮？</a></li><li><a href="http://sex.39.net/xsl/woman/nxxgc/0711/12/164392.html">教女人走进性高潮的决窍</a></li><li><a href="http://sex.39.net/xsl/man/nxxgc/0711/15/168491.html">男性高潮乘风破浪</a></li></ul>
                </div>
                
                <div id="3-b" class="taBox">
                    <ul class="rank"><li><a href="http://sex.39.net/xxl/btxxl/0711/5/155874.html">乱伦 性虐 杂交，性幻想正常吗？</a></li><li><a href="http://sex.39.net/xxl/wxxl/0711/23/174443.html">自发性高潮 独乐新玩法</a></li><li><a href="http://sex.39.net/xxl/wxxl/0711/6/156379.html">女人轻易放弃初夜九大歪理</a></li><li><a href="http://sex.39.net/xxl/mxxl/0711/22/173954.html">三个男人的真“性”对话</a></li><li><a href="http://sex.39.net/xxl/wxxl/0711/25/174253.html">充气娃娃让你满肚子气?</a></li><li><a href="http://sex.39.net/xxl/wxxl/0711/19/171223.html">女人须伪装高潮的6个理由</a></li><li><a href="http://sex.39.net/xxl/xxlbl/0711/21/173047.html">求救！如何面对失控的性幻想</a></li></ul>
                </div>
            </div>
        </div>
</div>
<div style="width:310px">
    <div class="woman">
        <div id="tabs4" class="womanTabs">
            <li class="title"></li>
            <li><a href="/xsl/woman/rf/" rel="4-a">乳房</a></li>
            <li><a href="/xsl/woman/yb/" rel="4-b">阴部</a></li>
            <li><a href="/xsl/woman/yj/" rel="4-c">月经</a></li>
            <li><a href="/xsl/woman/nxxgc/" rel="4-d">性高潮</a></li>
        </div>
            
        <div class="body">
            <div id="4-a" class="taBox">
                <div class="imgArt"><div class="img"><img src="http://www.is21.cn/attachments/month_0811/42008112234851.jpg" width="75" height="60" /></div></div>
                <div class="brief" style="width:192px; ">
                    <h1><a href="#">波霸惹祸 胸大损健康(图)</a></h1>
                    <p>　　<a href="#">虽然美国媒体的焦点仍集中于隆胸和乳房移植上，但美国各地的……</a></p>
                </div>
            </div>
            
            <div id="4-b" class="taBox">
                <div class="imgArt"><div class="img"><img src="http://www.is21.cn/attachments/month_0811/r200811223519.jpg" width="75" height="60" /></div></div>
                <div class="brief" style=" width: 192px; ">
                    <h1><a href="#">日本MM努力锻炼她们的私处</a></h1>
                    <p>　　<a href="#">日本的女孩子在性方面的开放程度领亚洲之先，道德尺度的松弛……</a></p>
                </div>
            </div>
            
            <div id="4-c" class="taBox">
                <div class="imgArt"><div class="img"><img src="http://www.is21.cn/attachments/month_0811/m2008112235022.jpg" width="75" height="60" /></div></div>
                <div class="brief" style=" width: 192px; ">
                    <h1><a href="#">追求“骨感美”导致闭经</a></h1>
                    <p>　　<a href="#">近来有一个不好的苗头，有些少女在有了初潮后，长到了十七八……</a></p>
                </div>
            </div>
            
            <div id="4-d" class="taBox">
                <div class="imgArt">
                <div class="img"><img src="http://image.39.net/0711/26/58994_75x60_1192.jpg" width="75" height="60" /></div></div>
                <div class="brief" style=" width: 192px; ">
                    <h1><a href="#">一触即发 击中女人消魂穴</a></h1>
                    <p>　　<a href="#">由于性科学的发达，人们越来越注重性爱这项休闲活动，我们对……</a></p>
                </div>
            </div>
        </div>
    </div>
    
    <div class="man">
        <div id="tabs5" class="manTabs">
            <li class="title"></li>
            <li><a href="/xsl/man/yj/" rel="5-a">阴茎</a></li>
            <li><a href="/xsl/man/gw/" rel="5-b">睾丸</a></li>
            <li><a href="/xsl/man/jy/" rel="5-c">精液</a></li>
            <li><a href="/xsl/man/nxxgc/" rel="5-d">性高潮</a></li>
        </div>
            
        <div class="body">
            <div id="5-a" class="taBox">
                <div class="imgArt"><div class="img"><img src="http://www.is21.cn/attachments/month_0811/p200811223539.jpg" width="75" height="60" /></div></div>
                <div class="brief" style=" width: 192px; ">
                    <h1><a href="#">乐极生悲：亲热过猛扭断生殖器</a></h1>
                    <p>　　<a href="#">但像这样因用力过猛导致下体海绵体扭断的，十分少见。”医生……</a></p>
                </div>
            </div>
            
            <div id="5-b" class="taBox">
                <div class="imgArt"><div class="img"><img src="http://www.is21.cn/attachments/month_0811/02008112235319.jpg" width="75" height="60" /></div></div>
                <div class="brief" style=" width: 192px; ">
                    <h1><a href="#">警惕睾丸炎致男性不育</a></h1>
                    <p>　　<a href="#">睾丸炎是男性生殖系统的常见炎症，可由多种致病因素引起的睾……</a></p>
                </div>
            </div>
            
            <div id="5-c" class="taBox">
                <div class="imgArt">
                <div class="img"><img src="http://www.is21.cn/attachments/month_0811/s2008112235334.jpg" width="75" height="60" /></div></div>
                <div class="brief" style=" width: 192px; ">
                    <h1><a href="#">精液的"疑虑"的最新报告</a></h1>
                    <p>　　<a href="#">一个新生命的诞生就在精子与卵子相结合的一瞬间，为了相聚这……</a></p>
                </div>
            </div>
            
            <div id="5-d" class="taBox">
                <div class="imgArt"><div class="img"><img src="http://www.is21.cn/attachments/month_0811/u2008112235451.jpg" width="75" height="60" /></div></div>
                <div class="brief" style=" width: 192px; ">
                    <h1><a href="#">男人也可以有多次性高潮？</a></h1>
                    <p>　　<a href="#">理论上认为，女性能在一次高潮后，又立刻接续另一次的高潮。……</a></p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>]]> http://www.is21.cn/default.asp?id=485 lianxiangpanjin@163.com(admin) Sun,02 Nov 2008 23:25:59 +0800 http://www.is21.cn/default.asp?id=485 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xml:lang="zh-CN" lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">

    <style type="text/css">
* { word-break:break-all;word-wrap:break-word;}
body {font-size : 12px; } 
.forumtop{  height:5px; border:1px solid #7AADC8; border-bottom:none; background-image:url(foruntop_bg.gif); }
#tabtitle { clear: both; }
#tabtitle p { float: left; line-height: 26px;margin:0; }
/* 未点击样式标题 */
#tabtitle p.tab_search_on { background-image:url(tab_tit_bg.gif);  width: 80px; height:26px; line-height:26px; cursor: pointer; text-align:center; color:#333333; }
/* 点击样式标题 */
#tabtitle p.tab_search {background-image:url(side_nav_on.gif); background-repeat:no-repeat;  width: 80px; height:26px; line-height:26px; text-align:center; cursor: pointer; font-weight:bold; color:#333333;}
#tabtitle #tabgroup_bot,#tabtitle #savvy_bot,#tabtitle #topic_bot { background-image:url(tab_tit_bg.gif); height:26px; margin-top:0px !important; margin-top:-10px;}
.forumbox #bot_link,#tabtitle #bot_link{ background-image:url(bg1.gif) ; height:35px; line-height:35px; border-bottom:1px solid #C2D3DC; }
.forumbox #bot_link h2{ padding:12px 15px 2px 0px;}
.forumbox #bot_link h1{ height:20px; float:left; padding-top:0px !important; padding-top:8px; }
.forumbox #bot_link h3{ height:20px; float:left; padding-top:0px !important; padding-top:9px;}
.forumbox #tabgroupbody, #tabtitle #tabgroupbody,#tabtitle #topicbody,#tabtitle #savvybody { clear:both; padding-top: 5px; text-align: left; border:1px solid #7AADC8;border-top:none; background: url(side_bg.gif) top repeat-x #f3fbfe; }
#tabtitle #search_bot {background-image:url(tab_tit_bg.gif); height:26px; margin-top:0px !important; margin-top:-10px; }
#tabtitle #searchbody{ clear:both; background:url(side_bg.gif) top repeat-x; line-height: 24px; padding: 10px 0px; text-align: center; border:1px solid #7AADC8; border-top:0px; }
#tabtitle .dis,.forumbox .dis { display: block; }
#tabtitle .undis, .forumbox .undis { display: none; }
.tabgroup {  background-image:url(side_nav_on.gif); background-repeat:no-repeat;   font-weight:bold; }
.tabgroup,.tabgroup_on{ width:80px; text-align:center;height:26px; cursor: pointer;  color:#333333;}

</style>
<script type="text/javascript">
    //新闻模式分类显示菜单
function NewsSpanBar(){
    this.f=1;
    this.event = "click"
    this.titleid = "";
    this.bodyid="";
    this.class_dis = "dis";
    this.class_undis = "undis";
    this.class_hiton = "tab_search_on";
    this.class_hitno = "tab_search";
    var Tags,TagsCnt,len,flag;
    var BClassName;
    this.load=function(){
        if (!document.getElementById(this.titleid)||!document.getElementById(this.bodyid))
        {
            return false;
        }
        flag = this.f;
        BClassName = [this.class_dis,this.class_undis,this.class_hiton,this.class_hitno];
        Tags=document.getElementById(this.titleid).getElementsByTagName('p'); 
        TagsCnt=document.getElementById(this.bodyid).getElementsByTagName('span'); 
        len=Tags.length;
        for(var i=0;i<len;i++){
            Tags[i].value = i;
            if (this.event!='click'){
                Tags[i].onmouseover=function(){changeNav(this.value)};
            }else{
                Tags[i].onclick=function(){changeNav(this.value)};
            }
            TagsCnt[i].className=BClassName[1];
        }
        Tags[flag].className=BClassName[3];
        TagsCnt[flag].className=BClassName[0];
    }
    function changeNav(v){
        Tags[flag].className=BClassName[2];
        TagsCnt[flag].className=BClassName[1];
        flag=v;
        Tags[v].className=BClassName[3];
        TagsCnt[v].className=BClassName[0];
    }
}
    </script>
    </head>
    <body>
        


        <div id="tabtitle">
        <div class="forumtop"></div>
        <div id="search_bot">
            <p class="tab_search_on">标题</p>
            <p class="tab_search_on">作者</p>
            <p class="tab_search_on">内容</p>
            <div style="clear:both;"></div>
        </div>
        <div id="searchbody">
        <span>
        1
        </span>
        <span>
        2
        </span>
        <span>
        3
        </span>
        </div>
        </div>
        

        <br/><br/>

        <div id="tabtitle">
        <div class="forumtop"></div>
        <div id="topic_bot">
            <p class="tabgroup_on">推荐帖子</p>
            <p class="tabgroup_on">热门帖子</p>
            <p class="tabgroup_on">最新帖子</p>
            <div style="clear:both;"></div>
        </div>
        <div id="topicbody">
            <span>
            1
            </span>
            <span>
            2
            </span>
            <span>
            3
            </span>
        </div>
        </div>

    

       
    
    
    
<script>
//右边帖子列表切换
var new3 = new NewsSpanBar();
new3.f=0;
new3.titleid = "topic_bot";
new3.bodyid = "topicbody";
new3.class_hiton = "tabgroup_on";
new3.class_hitno = "tabgroup";
new3.load();


//右边搜索切换
var new2 = new NewsSpanBar();
new2.f=0;
new2.event = "move"
new2.titleid = "search_bot";
new2.bodyid = "searchbody";
new2.class_hiton = "tab_search_on";
new2.class_hitno = "tab_search";
new2.load();

</script>

</body>
</html>

'引用自http://www.52515.net:8088/file.asp?fileid=323030332672713d323030372d31312d313326626f61726469643d3632]]> http://www.is21.cn/default.asp?id=484 lianxiangpanjin@163.com(admin) Sun,02 Nov 2008 22:49:58 +0800 http://www.is21.cn/default.asp?id=484     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Author" content="Doyoe(飘零雾雨), edzmaster@gmail.com" />
<title>另类TabStrip效果(书签应用补遗)</title>
<style type="text/css">
#dyimgview {
    margin:0;
    padding:0;
    list-style:none;
    border:10px solid #ddd;
    overflow:hidden;
    width:260px;
    voice-family:"\"}\"";voice-family:inherit;
    width:240px;
}
#dyimgview dt {
    float:left;
}
#dyimgview dt a {
    display:block;
    width:20px;
    height:39px;
    margin:1px;
    color:#fff;
    text-align:center;
    background-color:#aaa;
    font:bold 12px/39px "宋体",sans-serif;
    text-decoration:none;
}
#dyimgview dt a:hover {
    color:#f00;
    background-color:#000;
}
#dyimgview dd {
    margin:0;
    height:120px;
    float:left;
    overflow:hidden;
}
#dyimgview dd ul {
    margin:0;
    padding:0;
    list-style:none;
    background:url(http://www.doyoe.com/model/xhtmlcss/style/imgview/over.gif) left top no-repeat;
}
#dyimgview dd #b {
    background-position:left 41px;
}
#dyimgview dd #c {
    background-position:left 80px;
}
#dyimgview dd li {
    height:20px;
    font:12px/20px "宋体",sans-serif;
}
#dyimgview dd li a {
    margin-left:15px;
    padding-left:10px;
    background:url(http://www.doyoe.com/model/xhtmlcss/style/imgview/point_01.gif) left 5px no-repeat;
    text-decoration:none;
    color:#333;
}
#dyimgview dd li a:hover {
    background-position:left -5px;
    color:#050;
}
</style>
</head>
<body>
<h3>另类TabStrip效果(书签应用补遗)：</h3>
<dl id="dyimgview">
<dt><a href="#a">1</a><a href="#b">2</a><a href="#c">3</a></dt>
<dd>
<ul id="a">
    <li><a href="">传说中的测试1</a></li>
    <li><a href="">传说中的测试1</a></li>
    <li><a href="">传说中的测试1</a></li>
    <li><a href="">传说中的测试1</a></li>
    <li><a href="">传说中的测试1</a></li>
    <li><a href="">传说中的测试1</a></li>
</ul>
<ul id="b">
    <li><a href="">传说中的测试2</a></li>
    <li><a href="">传说中的测试2</a></li>
    <li><a href="">传说中的测试2</a></li>
    <li><a href="">传说中的测试2</a></li>
    <li><a href="">传说中的测试2</a></li>
    <li><a href="">传说中的测试2</a></li>
</ul>
<ul id="c">
    <li><a href="">传说中的测试3</a></li>
    <li><a href="">传说中的测试3</a></li>
    <li><a href="">传说中的测试3</a></li>
    <li><a href="">传说中的测试3</a></li>
    <li><a href="">传说中的测试3</a></li>
    <li><a href="">传说中的测试3</a></li>
</ul>
</dd>
</dl>
</body>
</html>



'引用自http://www.52515.net:8088/file.asp?fileid=313939372672713d323030372d31312d313326626f61726469643d3632]]> http://www.is21.cn/default.asp?id=483 lianxiangpanjin@163.com(admin) Sun,02 Nov 2008 22:42:31 +0800 http://www.is21.cn/default.asp?id=483 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
.tab{width:100px;height:25px;background-color:#ccc;margin:0;padding:0;
border-right:1px solid #666;}
.tab_on{width:100px;height:25px;background-color:#eee;margin:0;padding:0;
border-bottom:1px solid #666;
border-top:1px solid #666;
border-left:1px solid #666;}
#show{
width:200px;
height:100px;
background-color:#eee;
border-bottom:1px solid #666;
border-top:1px solid #666;
border-right:1px solid #666;
line-height:30px;
}
</style>
<script language="javascript" type="text/javascript">
<!--
var n=1;//初始化n
var time=1000;//延迟时间
var strArr=new Array();//定义数组存放数据
strArr[0]="选项111111111111111111";//数据
strArr[1]="选项222222222222222222";
strArr[2]="选项333333333333333333";
strArr[3]="选项444444444444444444";
function init(){document.getElementById("show").innerHTML = strArr[0];}//程序初始化
function show(){
    n=n>strArr.length?1:n;//如果n>数组长度 则重新赋值为1，以便程序循环
    for(i=1;i<(strArr.length+1);i++){//这里for用来改变当前tab的classname
        if(i==n) document.getElementById("tab_"+i).className = "tab_on";
        else document.getElementById("tab_"+i).className = "tab";
    }
    document.getElementById("show").innerHTML = strArr[n-1];//现实数据
    n++;
}
    setInterval("show()",time);//隔一秒执行一次，永远执行下去
//-->
</script>
</head>
<body onload="init()">
<table border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
  <tr>
    <td align="right">
    <div id="tab_1" class="tab_on"></div>
    <div id="tab_2" class="tab" ></div>
    <div id="tab_3" class="tab" ></div>
    <div id="tab_4" class="tab"></div>
    </td>
    <td bgcolor="#eeeeee">
    <div id="show"></div>
    </td>
  </tr>
</table>
</body>
</html>



'引用自http://www.52515.net:8088/file.asp?fileid=313939322672713d323030372d31312d3426626f61726469643d3632]]> http://www.is21.cn/default.asp?id=482 lianxiangpanjin@163.com(admin) Sun,02 Nov 2008 22:34:27 +0800 http://www.is21.cn/default.asp?id=482 <!--
//定义当前是否大写的状态
var CapsLockValue=0;
var check;
  function setVariables() {
  tablewidth=630; // logo width, in pixels
  tableheight=20; // logo height, in pixels
  if (navigator.appName == "Netscape") {
  horz=".left";
  vert=".top";
  docStyle="document.";
  styleDoc="";
  innerW="window.innerWidth";
  innerH="window.innerHeight";
  offsetX="window.pageXOffset";
  offsetY="window.pageYOffset";
  }
  else {
  horz=".pixelLeft";
  vert=".pixelTop";
  docStyle="";
  styleDoc=".style";
  innerW="document.body.clientWidth";
  innerH="document.body.clientHeight";
  offsetX="document.body.scrollLeft";
  offsetY="document.body.scrollTop";
  }
  }
  function checkLocation() {
  if (check) {
  objectXY="softkeyboard";
  var availableX=eval(innerW);
  var availableY=eval(innerH);
  var currentX=eval(offsetX);
  var currentY=eval(offsetY);
  x=availableX-tablewidth+currentX;
  //y=availableY-tableheight+currentY;
  y=currentY;
evalMove();
  }
  setTimeout("checkLocation()",0);
  }
  function evalMove() {
  //eval(docStyle + objectXY + styleDoc + horz + "=" + x);
  eval(docStyle + objectXY + styleDoc + vert + "=" + y);
  }

 self.onError=null;
  currentX = currentY = 0; 
  whichIt = null; 
  lastScrollX = 0; lastScrollY = 0;
  NS = (document.layers) ? 1 : 0;
  IE = (document.all) ? 1: 0;
  function heartBeat() {
  if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
  if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
  if(diffY != lastScrollY) {
  percent = .1 * (diffY - lastScrollY);
  if(percent > 0) percent = Math.ceil(percent);
  else percent = Math.floor(percent);
  if(IE) document.all.softkeyboard.style.pixelTop += percent;
  if(NS) document.softkeyboard.top += percent; 
  lastScrollY = lastScrollY + percent;}
  if(diffX != lastScrollX) {
  percent = .1 * (diffX - lastScrollX);
  if(percent > 0) percent = Math.ceil(percent);
  else percent = Math.floor(percent);
  if(IE) document.all.softkeyboard.style.pixelLeft += percent;
  if(NS) document.softkeyboard.left += percent;
  lastScrollX = lastScrollX + percent; } }
  function checkFocus(x,y) { 
  stalkerx = document.softkeyboard.pageX;
  stalkery = document.softkeyboard.pageY;
  stalkerwidth = document.softkeyboard.clip.width;
  stalkerheight = document.softkeyboard.clip.height;
  if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true;
  else return false;}
  function grabIt(e) {
  check = false;
  if(IE) {
  whichIt = event.srcElement;
  while (whichIt.id.indexOf("softkeyboard") == -1) {
  whichIt = whichIt.parentElement;
  if (whichIt == null) { return true; } }
  whichIt.style.pixelLeft = whichIt.offsetLeft;
  whichIt.style.pixelTop = whichIt.offsetTop;
  currentX = (event.clientX + document.body.scrollLeft);
  currentY = (event.clientY + document.body.scrollTop); 
  } else { 
  window.captureEvents(Event.MOUSEMOVE);
  if(checkFocus (e.pageX,e.pageY)) { 
  whichIt = document.softkeyboard;
  StalkerTouchedX = e.pageX-document.softkeyboard.pageX;
  StalkerTouchedY = e.pageY-document.softkeyboard.pageY;} }
  return true; }
  function moveIt(e) {
  if (whichIt == null) { return false; }
  if(IE) {
  newX = (event.clientX + document.body.scrollLeft);
  newY = (event.clientY + document.body.scrollTop);
  distanceX = (newX - currentX); distanceY = (newY - currentY);
  currentX = newX; currentY = newY;
  whichIt.style.pixelLeft += distanceX;
  whichIt.style.pixelTop += distanceY;
  if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
  if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
  if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
  if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;
  event.returnValue = false;
  } else { 
  whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);
  if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;
  if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;
  if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;
  if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;
  return false;}
  return false; }
  function dropIt() {whichIt = null;
  if(NS) window.releaseEvents (Event.MOUSEMOVE);
  return true; }
  if(NS) {window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
  window.onmousedown = grabIt;
  window.onmousemove = moveIt;
  window.onmouseup = dropIt; }
  if(IE) {
  document.onmousedown = grabIt;
  document.onmousemove = moveIt;
  document.onmouseup = dropIt; }
  if(NS || IE) action = window.setInterval("heartBeat()",1);
 
document.write (' <DIV align=center id=\"softkeyboard\" name=\"softkeyboard\" style=\"position:absolute; left:300px; top:150px; width:517px; z-index:180;display:none\">');
  document.write (' <table width=\"348\" border=\"0\" align=\"center\" cellpadding=\"3\" cellspacing=\"1\" bgcolor=\"#FF9900\">');
  document.write (' <FORM name=Calc action=\"\" method=post autocomplete=\"off\">');
  document.write (' <INPUT type=hidden value=ok name=action2>');
  document.write (' <tr> ');
  document.write (' <td align=\"left\" bgcolor=\"#FF9900\" align=\"center\"> <INPUT class=td1b type=password size=20 value=\"\" name=password> ');
  document.write (' <INPUT class=button type=button value=输入完毕 name=\"Submit3\" onclick=\"OverInput(curEditName);\"> <INPUT class=button type=reset value=输错重来 name=\"Submit23\"> ');
  document.write (' <input class=button type=button value=\"关闭\" name=\"Submit222\" onclick=\"closekeyboard(curEditName);\"> </td>');
  document.write (' </tr>');
  document.write (' <tr> ');
  document.write (' <td align=\"center\" bgcolor=\"#FFFFFF\" align=\"center\"> <table align=\"center\" width=\"98%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">');
  document.write (' <tr align=\"left\" valign=\"middle\"> ');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'1\');\" value=\" 1 \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'2\');\" value=\" 2 \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'3\');\" value=\" 3 \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'4\');\" value=\" 4 \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'5\');\" value=\" 5 \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'6\');\" value=\" 6 \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'7\');\" value=\" 7 \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'8\');\" value=\" 8 \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'9\');\" value=\" 9 \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'0\');\" value=\" 0 \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'-\');\" value=\" - \"></td>');
  document.write (' <td><input name=\"button10\" type=button value=\" BackSpace\" onclick=\"setpassvalue();\"> ');
  document.write (' </td>');
  document.write (' <td> </td>');
  document.write (' </tr>');
  document.write (' <tr align=\"left\" valign=\"middle\"> ');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'q\');\" value=\" q \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'w\');\" value=\" w \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'e\');\" value=\" e \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'r\');\" value=\" r \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'t\');\" value=\" t \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'y\');\" value=\" y \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'u\');\" value=\" u \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'i\');\" value=\" i \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'o\');\" value=\" o \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'p\');\" value=\" p \"></td>');
  document.write (' <td> ');
  document.write (' <input name=\"button6\" type=button onClick=\"addValue(\':\');\" value=\" : \"></td>');
  document.write (' <td><input name=\"button12\" type=button onclick=\"OverInput(curEditName);\" value=\" Enter \"> ');
  document.write (' </td>');
  document.write (' <td> ');
  document.write (' </td>');
  document.write (' </tr>');
  document.write (' <tr align=\"left\" valign=\"middle\"> ');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'a\');\" value=\" a \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'s\');\" value=\" s \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'d\');\" value=\" d \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'f\');\" value=\" f \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'g\');\" value=\" g \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'h\');\" value=\" h \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'j\');\" value=\" j \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'k\');\" value=\" k \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'l\');\" value=\" l \"></td>');
  document.write (' <td> ');
  document.write (' <input name=\"button8\" type=button onClick=\"addValue(\'[\');\" value=\" [ \"></td>');
  document.write (' <td> ');
  document.write (' <input name=\"button9\" type=button onClick=\"addValue(\']\');\" value=\" ] \"></td>');
  document.write (' <td colspan=\"2\"><input name=\"button9\" type=button onClick=\"setCapsLock();\" value=\"切换大/小写\"></td>');
  document.write (' </tr>');
  document.write (' <tr align=\"left\" valign=\"middle\"> ');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'z\');\" value=\" z \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'x\');\" value=\" x \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'c\');\" value=\" c \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'v\');\" value=\" v \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'b\');\" value=\" b \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'n\');\" value=\" n \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'m\');\" value=\" m \"></td>');
  document.write (' <td> ');
  document.write (' <input name=\"button3\" type=button onClick=\"addValue(\'<\');\" value=\" < \"></td>');
  document.write (' <td> ');
  document.write (' <input name=\"button4\" type=button onClick=\"addValue(\'>\');\" value=\" > \"></td>');
  document.write (' <td> ');
  document.write (' <input name=\"button5\" type=button onClick=\"addValue(\'(\');\" value=\" ( \"></td>');
  document.write (' <td> ');
  document.write (' <input name=\"button7\" type=button onClick=\"addValue(\')\');\" value=\" ) \"></td>');
  document.write (' <td colspan=\"2\"> ');
  document.write (' <input name=\"showCapsLockValue\" type=reset value=\"当前是小写 \"></td>');
  document.write (' </tr>');
  document.write (' <tr align=\"left\" valign=\"middle\"> ');
  document.write (' <td> ');
  document.write (' <input name=\"button2\" type=button onClick=\"addValue(\',\');\" value=\" , \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'~\');\" value=\" ~ \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'!\');\" value=\" ! \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'@\');\" value=\" @ \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'#\');\" value=\" # \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'$\');\" value=\" $ \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'%\');\" value=\" % \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'^\');\" value=\" ^ \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'*\');\" value=\" * \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'|\');\" value=\" | \"></td>');
  document.write (' <td> ');
  document.write (' <input type=button onclick=\"addValue(\'?\');\" value=\" ? \"></td>');
  document.write (' <td colspan=\"2\"><input name=\"button\" type=button onClick=\"addValue(\'=\');\" value=\" = \"></td>');
  document.write (' </tr>');
  document.write (' </table></td>');
  document.write (' </tr>');
  document.write (' </FORM>');
  document.write (' </table>');
  document.write ('</DIV>');
//给输入的密码框添加新值
  function addValue(newValue)
  {
  if (CapsLockValue==0)
  {
  Calc.password.value += newValue;
  }
  else
  {
  Calc.password.value += newValue.toUpperCase();
  }
  }
  //实现BackSpace键的功能
  function setpassvalue()
  {
  var longnum=Calc.password.value.length;
  var num
  num=Calc.password.value.substr(0,longnum-1);
  Calc.password.value=num;
  }
  //输入完毕
  function OverInput(theForm)
  {
  eval("var theForm="+theForm+";");
  //m_pass.mempass.value=Calc.password.value;
  theForm.value=Calc.password.value;
  //alert(theForm.value);
  //theForm.value=m_pass.mempass.value;
  softkeyboard.style.display="none";
  Calc.password.value="";
  }
  //关闭软键盘
  function closekeyboard(theForm)
  {
  //eval("var theForm="+theForm+";");
  //theForm.value="";
  softkeyboard.style.display="none";
  //Calc.password.value="";
 }
  //显示软键盘
  function showkeyboard()
  {
  softkeyboard.style.display="block";
  }
//设置是否大写的值
  function setCapsLock()
  {
  if (CapsLockValue==0)
  {
  CapsLockValue=1
  Calc.showCapsLockValue.value="当前是大写 ";
  }
  else 
  {
  CapsLockValue=0
  Calc.showCapsLockValue.value="当前是小写 ";
  }
  }
  //-->
</SCRIPT>
  
<script>
  //定义当前需用软键盘的表单和控件的名称
  var curEditName
  curEditName="form1.Password"
</script>
  
<form name="form1" method="post" action="">
<table border="0" width="250" cellspacing="0" cellpadding="2">
<tr> 
<td width="100%" align="right" nowrap class="cn90">输入： 
<input type="test" name="Password" size="14" class="input" tabindex="1">
</td>
<td width="50%" class="cn90" nowrap><a onclick="showkeyboard(curEditName)" style={cursor:hand;}><font color="#0000CC">使用软键盘</font></a></td>
</tr>
</table>
</form>


'引用自http://www.52515.net:8088/file.asp?fileid=313639332672713d323030372d362d3526626f61726469643d3437]]>