يتضمن هذا المكون الإضافي مكونات متعددة مكونات لتبديل علامة SuperSlide وخريطة التركيز. SuperSlide هي وظيفة مخصصة لتحقيق مكالمات المؤثرات الخاصة الموحد. يمكن أن يحل معظم التأثيرات مثل تبديل العلامات وتبديل خريطة التركيز ، ويمكن أن يجمع أيضًا بين الشرائح المتعددة لإنشاء المزيد من التأثيرات. (متوافقة مع المتصفحات السائدة مثل kernel IE (بما في ذلك IE6 لا تقهر) ، ويب kernel ، FF ، المشغل ، إلخ). تحتوي مكتبة المكونات الإضافية الموحدة لمواقع الويب على معظم تأثيرات JS شائعة الاستخدام على الموقع الإلكتروني. يحتوي الملف على شرح مفصل للاستخدام.
JS Call:
نسخة الكود كما يلي:
jQuery (".
jQuery ("#rabbleslidetxt"). الشريحة ({titcell: ". parhd li" ، maincell: ". parbdin" ، effect: "top" ، trigger:
رمز CSS:
نسخة الكود كما يلي:
/* تأثير التمرير بنص الشريحة المزدوجة*/
#doubleslidetxt {width: 524px ؛ التكبير: 1 ؛ الموقف: قريب محاذاة النص: اليسار ؛ }
#doubleslidetxt .parhd {الموضع: absolute ؛ Z-index: 1 ؛ أعلى: 10 بكسل ؛ اليسار: 453 بكسل ؛ العرض: 44 بكسل ؛ الفائض: مخفي. }
#doubleslidetxt .parhd li {width: 14px ؛ Padding: 5px 5px 5px 5px ؛ ارتفاع الخط: 16 بكسل ؛ الحدود: 1 بكسل Solid #BACCDF ؛ الحدود اليسرى: 0 ؛
هامش القاع: 5 بكسل ؛ الخلفية: #fff ؛ اللون:#B5C4D3 ؛ المؤشر: مؤشر. الهامش اليساري: 1px ؛ }
#doubleslidetxt .parhd li.on {background: #dbeefd ؛ خط الرصيف: جريئة ؛ اللون:#367399 ؛ اليمين الحدودي: 3px Solid #4E98C6 ؛
الهامش اليساري: 0px ؛ الموقف: قريب Z-index: 100 ؛ الحشو: 5px 10px 5px 10px ؛}
#doubleslidetxt .parbd {الموضع: النسبية ؛ z-index: 0 ؛ العرض: 440 بكسل ؛ اليسار: 0px ؛ الحدود: 1 بكسل Solid #BACCDF ؛ الحشو: 6px ؛ الخلفية: #DBEEFD ؛}
#doubleslidetxt .parbd .slidetxtbox {background: #ffff ؛ العرض: 400 بكسل ؛ الحدود: 0 ؛ الحشو: 20 بكسل ؛ }
#doubleslidetxt .parbd .slidetxtbox .hd {background: #fff ؛ }
HTML:
نسخة الكود كما يلي:
<! doctype html public "-// w3c // dtd xhtml 1.0 Strict // en" "http://www.w3
<html xmlns = "http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8">
<meta http-equiv = "content-language" content = "en-cn">
<meta name = "الكلمات الرئيسية" content = "">
<meta name = "الوصف" content = "">
<title> Super Slide </title>
<script type = "text/javaScript" src = "../ jquery.pack.js"> </script>
<script type = "text/javaScript" src = "../ jquery.blockui.js"> </script>
<script type = "text/javaScript" src = "../ jquery.superslide.js"> </script>
<link href = "../ default.css" rel = "STYLESHEET" type = "text/css">
<link href = "../ demo.css" rel = "STYLESHEET" type = "text/css">
</head>
<body>
<body>
<!-المحتوى S->
<div id = "democontent">
<viv>
<div id = "exerboldlidetxt">
<viv>
<ul>
<li> العمود 1 </li>
<li> العمود 2 </li>
<li> العمود الثالث </li>
</ul>
</div>
<!-parbd s->
<viv>
<viv>
<!-slidetxtbox s->
<viv>
<viv>
<ul> <li> <a href = ""> education1 </a> </li> <li> <a href = ""> Training1 </a> </li> <li> <a href = "" "
</div>
<viv>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> الصين تكسر قواعد عمالقة البرمجيات العالمية </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> اللغة المنطوقة: إذا كنت تستطيع التحدث باللغة الصينية ، فيمكنك التحدث باللغة الإنجليزية! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> من الأفضل تعلم اللغة الأجنبية عبر الإنترنت من اختيار الخضروات في المزرعة </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> الرياضيات والفيزياء والكيمياء معلمي يقرأون بالفعل مواد التعلم؟ </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> تعلم اللغة الإنجليزية لإرسال iPad2 ، 45 يومًا من الاختراق </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> ادرس اللغات الأجنبية وانتقل إلى جامعة الدراسات الأجنبية في بكين! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> المعلمون الشهيرون تعليم المقالات: 3 حيل ذكية لكتابة درجات عالية </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> yale boy: علمك للتحضير لامتحان SAT </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> shi qiang: تدريس اللغة الاحترافية المتطورة </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> الرياضيات والفيزياء والكيمياء معلمي يقرأون بالفعل مواد التعلم؟ </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 【الموصى بها】 طريقة اللغة الإنجليزية للمدارس الشهيرة مكشوفة! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> تم كشف "نقطة الاختبار" من امتحان القبول الكلية لعام 2012 !! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> ثماني مدارس شهيرة في أستراليا </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 2012 World University تصنيفات طازجة </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> دراسة في سنغافورة ، الدورات الدولية ثنائية اللغة </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> الدراسة في الخارج في اليابان بعد امتحان القبول في الكلية ستكون اختيارك </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> الترويج لموارد الميزة في صناعة التعليم والتدريب </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> اضبط المعرض التعليمي الأخير لهذا العام الآن </a> </li>
</ul>
</div>
</div>
<!-slidetxtbox e->
<!-slidetxtbox s->
<viv>
<viv>
<ul> <li> <a href = ""> التعليم 2 </a> </li> <li> <a href = ""> التدريب 2 </a> </li> <li> <a href = ""> الذهاب إلى الخارج 2 </a> </li> </li> </ul>
</div>
<viv>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> الصين تكسر قواعد عمالقة البرمجيات العالمية </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> اللغة المنطوقة: إذا كنت تستطيع التحدث باللغة الصينية ، فيمكنك التحدث باللغة الإنجليزية! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> من الأفضل تعلم اللغة الأجنبية عبر الإنترنت من اختيار الخضروات في المزرعة </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> الرياضيات والفيزياء والكيمياء معلمي يقرأون بالفعل مواد التعلم؟ </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> تعلم اللغة الإنجليزية لإرسال iPad2 ، 45 يومًا من الاختراق </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> ادرس اللغات الأجنبية وانتقل إلى جامعة الدراسات الأجنبية في بكين! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> المعلمون الشهيرون تعليم المقالات: 3 حيل ذكية لكتابة درجات عالية </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> yale boy: علمك للتحضير لامتحان SAT </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> shi qiang: تدريس اللغة الاحترافية المتطورة </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> الرياضيات والفيزياء والكيمياء معلمي يقرأون بالفعل مواد التعلم؟ </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 【الموصى بها】 طريقة اللغة الإنجليزية للمدارس الشهيرة مكشوفة! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> تم كشف "نقطة الاختبار" من امتحان القبول الكلية لعام 2012 !! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> ثماني مدارس شهيرة في أستراليا </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 2012 World University تصنيفات طازجة </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> دراسة في سنغافورة ، الدورات الدولية ثنائية اللغة </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> الدراسة في الخارج في اليابان بعد امتحان القبول في الكلية ستكون اختيارك </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> الترويج لموارد الميزة في صناعة التعليم والتدريب </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> اضبط المعرض التعليمي الأخير لهذا العام الآن </a> </li>
</ul>
</div>
</div>
<!-slidetxtbox e->
<!-slidetxtbox s->
<viv>
<viv>
<ul> <li> <a href = ""> exprical 3 </a> </li> <li> <a href = ""> Training3 </a> </li> <li> <a href = ""> الذهاب إلى الخارج 3 </a> </li> </li> </ul> <ul>
</div>
<viv>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> الصين تكسر قواعد عمالقة البرمجيات العالمية </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> اللغة المنطوقة: إذا كنت تستطيع التحدث باللغة الصينية ، فيمكنك التحدث باللغة الإنجليزية! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> من الأفضل تعلم اللغة الأجنبية عبر الإنترنت من اختيار الخضروات في المزرعة </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> الرياضيات والفيزياء والكيمياء معلمي يقرأون بالفعل مواد التعلم؟ </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> تعلم اللغة الإنجليزية لإرسال iPad2 ، 45 يومًا من الاختراق </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> ادرس اللغات الأجنبية وانتقل إلى جامعة الدراسات الأجنبية في بكين! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> المعلمون الشهيرون تعليم المقالات: 3 حيل ذكية لكتابة درجات عالية </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> yale boy: علمك للتحضير لامتحان SAT </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> shi qiang: تدريس اللغة الاحترافية المتطورة </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> الرياضيات والفيزياء والكيمياء معلمي يقرأون بالفعل مواد التعلم؟ </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 【الموصى بها】 طريقة اللغة الإنجليزية للمدارس الشهيرة مكشوفة! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> تم كشف "نقطة الاختبار" من امتحان القبول الكلية لعام 2012 !! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> ثماني مدارس شهيرة في أستراليا </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 2012 World University تصنيفات طازجة </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> دراسة في سنغافورة ، الدورات الدولية ثنائية اللغة </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> الدراسة في الخارج في اليابان بعد امتحان القبول في الكلية ستكون اختيارك </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> الترويج لموارد الميزة في صناعة التعليم والتدريب </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> اضبط المعرض التعليمي الأخير لهذا العام الآن </a> </li>
</ul>
</div>
</div>
<!-slidetxtbox e->
</div>
</div>
<!-parbd e->
</div>
<script type = "text/javaScript">
jQuery (".
jQuery ("#rabbleslidetxt"). الشريحة ({titlecell: ". parhd li" ، maincell: ". parbdin" ، effect: "top" ، trigger: "click"}) ؛
</script>
</div>
</div>
<!-المحتوى e->
</body>
</html>
ما سبق هو كل شيء عن هذا المقال ، أتمنى أن تنال إعجابك.