أنشئ تأثيرات انزلاقية جميلة للنص باستخدام CSS

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml ">
<الرأس>



<نمط النوع = "نص/CSS">


<نوع البرنامج النصي = "نص/جافا سكريبت">
// نافذة.onload = وظيفة () {
رولينتاب ("رولين")
}
وظيفة رولينتاب (كائن) {
قائمة فار = $(obj).getElementsByTagName("LI");
حالة var = {show:false,hidden:false,showObj:false};
لـ (var i=0; 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;
}
نتيجة الإرجاع؛
}
//]]>

<الجسم>

<لي>


花郎徒结




الحصول على معلومات مفصلة عن المنتج


لا داعي للقلق بشأن هذا الأمر.

شكرا جزيلا لك.

لا داعي للقلق بشأن هذا الأمر.





<لي>


帝王槌





问津终寻帝王陵,黑影没,尸满岗,惟见逆鲮露寒光.

须发苍,气轩昂,三尺银狼,破风动八方.

依身紧握噬魂枪,饮虎血,豪万丈.惟有千年我故乡!



<لي>


玉女枪法




المحتوى الخاص بنا: لا يوجد أي شيء، لا يوجد سبب لذلك.

أفضل ما في الأمر: أفضل ما في الأمر.

曾经有腔豪情:奇功盖世،名冠武林.

经 经 种期盼: 烛影摇红، 衣袖添香.



<لي>


黑沙刚体




赵客缦胡缨، 吴钩霜雪明.
لا داعي للقلق بشأن هذا الأمر.

لا داعي للقلق بشأن هذا الأمر.

لا داعي للقلق بشأن هذا الأمر.

لا داعي للقلق بشأن هذا الأمر.

لا داعي للقلق بشأن هذا الأمر.





<لي>


المصدر:




المحتوى الذي تم عرضه هنا هو 素手相牵,斜辉入眼帘,一轮逍遥自在间,醉了山水闲.

لا داعي للقلق بشأن هذا الأمر.

لا داعي للقلق بشأن هذه المشكلة.

شكرا جزيلا لك.



<لي>


雾水掌




المنتجات,المنتجات,المنتجات,المنتجات,

لا داعي للقلق بشأن هذه المشكلة...