<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=gb2312" />
<title>无标题文档</title>
</kepala>
<gaya tipe="teks/css">
<!--
badan,div,ul,li,p,h1,h2{ margin:0; bantalan:0; perbatasan:0; latar belakang:#FAFAFA; font-family:Arial, Helvetica, sans-serif,"宋体"}
isi{ perataan teks:tengah; ukuran font:12px}
li{ gaya daftar: tidak ada}
.rolinList{ lebar:402px; tinggi:otomatis; margin:20px otomatis 0 otomatis; perataan teks:kiri}
.rolinList li{margin-bottom:1px;border:1px solid #DADADA}
.rolinList li h2{ lebar:380px; tinggi:40 piksel; latar belakang:#fff; ukuran font:14px; tinggi garis:40px; padding-kiri:20px; warna:#333; kursor:penunjuk}
.konten{ tinggi:150px;lebar:400px; latar belakang:#fff; latar belakang:#FAFAFA}
.konten p{ margin:12px}
-->
</gaya>
<skrip tipe="teks/javascript">
//<![CDATA[
jendela.onload = fungsi() {
rolinTab("rolin")
}
fungsi rolinTab(obj) {
var daftar = $(obj).getElementsByTagName("LI");
var state = {tampilkan:salah,tersembunyi:salah,tampilkanObj:false};
for (var i=0; i<daftar.panjang; i++) {
var tmp = rolinItem baru(daftar[i],negara bagian);
jika (i == 0) tmp.pShow();
}
}
fungsi rolinItem(obj,negara bagian) {
kecepatan var = 0,0666;
rentang var = 1;
interval var;
var tarH;
var tar = ini;
var kepala = getFirstChild(obj);
var konten = getNextChild(kepala);
var isOpen = salah;
ini.pHidden = fungsi() {
jika (terbuka) tersembunyi();
}
this.pShow = tampilkan;
var baseH = konten.offsetHeight;
content.style.display = "tidak ada";
var isOpen = salah;
kepala.onmouseover = fungsi() {
this.style.background = "#EFEFEF";
}
head.onmouseout = mouseout;
kepala.onclick = fungsi() {
this.style.background = "#EFEFEF";
if (!state.show && !state.hidden) {
jika (!terbuka) {
kepala.onmouseout = null;
menunjukkan();
} kalau tidak {
tersembunyi();
}
}
}
fungsi keluar mouse() {
this.style.background = "#FFF"
}
fungsi tampilkan() {
head.style.borderBottom = "1 piksel padat #DADADA";
negara.tampilkan = benar;
if (negara bagian.openObj && negara bagian.openObj != tar ) {
negara.openObj.pHidden();
}
konten.gaya.tinggi = "0px";
content.style.display = "blok";
content.style.overflow = "tersembunyi";
negara.openObj = tar;
tarH = basisH;
interval = setInterval(bergerak,10);
}
fungsi pertunjukanS() {
isOpen = benar;
negara.tampilkan = salah;
}
fungsi tersembunyi() {
negara.tersembunyi = benar;
tarH = 0;
interval = setInterval(bergerak,10);
}
fungsi tersembunyiS() {
head.style.borderBottom = "tidak ada";
head.onmouseout = mouseout;
kepala.onmouseout();
content.style.display = "tidak ada";
isOpen = salah;
negara.tersembunyi = salah;
}
fungsi pindah() {
var dist = (tarH - content.style.height.pxToNum())*speed;
if (Matematika.abs(dist) < 1) dist = dist > 0 ? 1: -1;
konten.gaya.tinggi = (konten.gaya.tinggi.pxToNum() + dist) + "px";
if (Matematika.abs(konten.gaya.tinggi.pxToNum() - tarH) <= rentang ) {
interval yang jelas(interval);
konten.gaya.tinggi = tarH + "px";
jika (tarH != 0) {
tampilkan()
} kalau tidak {
tersembunyiS();
}
}
}
}
var $ = function($) {kembalikan dokumen.getElementById($)};
String.prototype.pxToNum = function() {Nomor Pengembalian(ini.replace("px",""))}
fungsi getFirstChild(obj) {
var hasil = obj.firstChild;
while (!hasil.tagName) {
hasil = hasil.saudara berikutnya;
}
hasil pengembalian;
}
fungsi getNextChild(obj) {
var hasil = obj.nextSibling;
while (!hasil.tagName) {
hasil = hasil.saudara berikutnya;
}
hasil pengembalian;
}
//]]>
</skrip>
<tubuh>
<ul class="rolinList" id="rolin">
<li>
<h2>花郎徒结</h2>
<div class="content"><p>当时明月在,曾照彩云归<br /><br />
倦了红颜,憔悴为千年,几多情深夜语,一点听风悠然。<br />
村忆梦回,飘逸如烟,友别怜影单。<br />
<br />
累了心间,问也还烦,都道风沙淘尽,何日再慰别缘！ </p></div>
</li>
<li>
<h2>帝王槌</h2>
<div class="content"><p>立剑赏月意惆怅,袖饰刀,衣披霜,傲视雾丸,徒手战扶桑.<br />
问津终寻帝王陵,黑影没,尸满岗,惟见逆鲮露寒光. <br />
须发苍,气轩昂,三尺银狼,破风动八方. <br />
依身紧握噬魂枪,饮虎血,豪万丈.惟有千年我故乡!</p></div>
</li>
<li>
<h2>玉女枪法</h2>
<div class="content"><p>曾经有个梦想：驰骋江湖，快意恩仇。<br />
曾经有份愿望：千里追凶，十步溅血。<br />
曾经有腔豪情：奇功盖世，名冠武林。<br />
曾经有种期盼：烛影摇红,衣袖添香。</p></div>
</li>
<li>
<h2>黑沙刚体</h2>
<div class="content"><p>赵客缦胡缨，吴钩霜雪明。银鞍照白马，飒沓如流星。 <br />
<br />
<br />
<br />
<br />
纵死侠骨香,不惭世上英。能书阁下,白首太玄经。</p>
</div>
</li>
<li>
<h2>不羁浪人枪</h2>
<div class="content"><p>素手相牵了山水闲。<br />
沙漠绿水涟,鱼游浅底,明眸一水天。<br />
爱在村友相谈,开心点点,笑语连连,率性夜无眠。<br />
圈在西边,风乱星寒,辗转醇香旧事,蛾儿曼舞灯前。</p></div>
</li>
<li>
<h2>雾水掌</h2>
<div class="content"><p>蹄影善奔,如幻如魔,其皮传世,绝学再现,<br />
又有谁在这残阳道中追逐它的身影... </p>
</div>
</li>
</ul>
</tubuh>
</html>