<!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 ">
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</الرأس>
<نمط النوع = "نص/CSS">
<!--
الجسم، div، ul، li، p، h1، h2 { هامش: 0؛ الحشو: 0؛ الحدود:0؛ الخلفية:#FAFAFA؛ عائلة الخطوط:Arial، Helvetica، sans-serif،"宋体"}
الجسم { محاذاة النص: المركز؛ حجم الخط:12px}
لي {نمط القائمة: لا شيء}
.rolinList{ العرض:402px; الارتفاع: تلقائي؛ الهامش: 20px تلقائي 0 تلقائي؛ محاذاة النص:يسار}
.rolinList li{margin-bottom:1px;border:1px Solid #DADADA}
.rolinList لى h2 {العرض: 380px؛ الارتفاع: 40 بكسل؛ الخلفية:#ففف؛ حجم الخط: 14 بكسل؛ ارتفاع الخط: 40 بكسل؛ الحشو الأيسر: 20 بكسل؛ اللون: #333؛ المؤشر:المؤشر}
.المحتوى{ الارتفاع: 150 بكسل;العرض: 400 بكسل; الخلفية:#ففف؛ الخلفية:#FAFAFA}
.المحتوى ص { الهامش: 12 بكسل}
-->
</نمط>
<نوع البرنامج النصي = "نص/جافا سكريبت">
//<![CDATA[
نافذة.onload = وظيفة () {
رولينتاب ("رولين")
}
وظيفة رولينتاب (كائن) {
قائمة فار = $(obj).getElementsByTagName("LI");
حالة var = {show:false,hidden:false,showObj:false};
لـ (var i=0; i<list.length; i++) {
var tmp = new rolinItem(list[i],state);
إذا (i == 0) tmp.pShow();
}
}
وظيفة رولينItem(obj,state) {
سرعة فار = 0.0666؛
نطاق فار = 1؛
الفاصل الزمني فار؛
فار تارH;
فار القطران = هذا؛
var head = getFirstChild(obj);
محتوى var = getNextChild(head);
var isOpen = false;
this.pHidden = function() {
إذا (مفتوح) مخفي ()؛
}
this.pShow = show;
var baseH = content.offsetHeight;
content.style.display = "لا شيء";
var isOpen = false;
head.onmouseover = function() {
this.style.background = "#EFEFEF";
}
head.onmouseout = mouseout;
head.onclick = function() {
this.style.background = "#EFEFEF";
إذا (!state.show && !state.hidden) {
إذا (! مفتوح) {
head.onmouseout = null;
يعرض()؛
} آخر {
مختفي()؛
}
}
}
وظيفة خروج الماوس () {
this.style.background = "#FFF"
}
عرض الوظيفة () {
head.style.borderBottom = "1px Solid #DADADA";
State.show = true;
إذا (state.openObj &&state.openObj != tar ) {
State.openObj.pHidden();
}
content.style.height = "0px";
content.style.display = "block";
content.style.overflow = "مخفي";
State.openObj = tar;
tarH = baseH;
الفاصل الزمني = setInterval(move,10);
}
عرض الدالةS() {
isOpen = true;
State.show = false;
}
وظيفة مخفية () {
State.hidden = true;
TarH = 0;
الفاصل الزمني = setInterval(move,10);
}
وظيفة مخفية () {
head.style.borderBottom = "none";
head.onmouseout = mouseout;
head.onmouseout();
content.style.display = "لا شيء";
isOpen = false;
State.hidden = false;
}
نقل الوظيفة () {
var dist = (tarH - content.style.height.pxToNum())*speed;
إذا (Math.abs(dist) < 1) dist = dist > 0 ? 1: -1؛
content.style.height = (content.style.height.pxToNum() + dist) + "px";
إذا (Math.abs(content.style.height.pxToNum() - tarH) <= range ) {
ClearInterval(interval);
content.style.height = tarH + "px";
إذا (تاره! = 0) {
شوس ()
} آخر {
HiddenS();
}
}
}
}
var $ = function($) {return document.getElementById($)};
String.prototype.pxToNum = function() {return Number(this.replace("px"،"))}
وظيفة getFirstChild(obj) {
نتيجة فار = obj.firstChild;
بينما (!result.tagName) {
result = result.nextSibling;
}
نتيجة الإرجاع؛
}
وظيفة getNextChild(obj) {
نتيجة فار = obj.nextSibling;
بينما (!result.tagName) {
result = result.nextSibling;
}
نتيجة الإرجاع؛
}
//]]>
</script>
<الجسم>
<ul class="rolinList" id="rolin">
<لي>
<h2>花郎徒结</h2>
<div class="content"><p>الحصول على معلومات مفصلة عن المنتج<br /><br />
لا داعي للقلق بشأن هذا الأمر.<br />
شكرا جزيلا لك.<br />
لا داعي للقلق بشأن هذا الأمر.<br />
</p></div>
</لي>
<لي>
<h2>帝王槌</h2>
<div class = "content"> <p>
问津终寻帝王陵,黑影没,尸满岗,惟见逆鲮露寒光. <br />
须发苍,气轩昂,三尺银狼,破风动八方. <br />
依身紧握噬魂枪,饮虎血,豪万丈.惟有千年我故乡!</p></div>
</لي>
<لي>
<h2>玉女枪法</h2>
<div class="content"><p>المحتوى الخاص بنا: لا يوجد أي شيء، لا يوجد سبب لذلك.<br />
أفضل ما في الأمر: أفضل ما في الأمر.<br />
曾经有腔豪情:奇功盖世،名冠武林.<br />
经 经 种期盼: 烛影摇红، 衣袖添香.</p></div>
</لي>
<لي>
<h2>黑沙刚体</h2>
<div class = "content"> <p> 赵客缦胡缨، 吴钩霜雪明.
لا داعي للقلق بشأن هذا الأمر. <br />
لا داعي للقلق بشأن هذا الأمر. <br />
لا داعي للقلق بشأن هذا الأمر. <br />
لا داعي للقلق بشأن هذا الأمر. <br />
لا داعي للقلق بشأن هذا الأمر.</p>
</div>
</لي>
<لي>
<h2>المصدر: </h2>
<div class="content"><p>المحتوى الذي تم عرضه هنا هو 素手相牵,斜辉入眼帘,一轮逍遥自在间,醉了山水闲.<br />
لا داعي للقلق بشأن هذا الأمر.<br />
لا داعي للقلق بشأن هذه المشكلة.<br />
شكرا جزيلا لك.</p></div>
</لي>
<لي>
<h2>雾水掌</h2>
<div class="content"><p>المنتجات,المنتجات,المنتجات,المنتجات,<br />
لا داعي للقلق بشأن هذه المشكلة... </p>
</div>
</لي>
</ul>
</الجسم>
</html>