الصفحة الرئيسية>دروس تصميم الويب>تعليمي HTML

التمرير لليسار ولليمين للطبقة (div أو جدول)

الكاتب：Eve Cole وقت التحديث：2009-06-11 17:23:34
<لغة البرمجة = "جافا سكريبت">
الدالة MM_setIMG(w,h,d) {
إذا (ث == خالية) {ث = 0}
إذا (ح==خالية) {ح=0}
إذا (ث<=ح){ إذا (ح>=114 || ح==0) {d.height=114}}else{ إذا (ث>=114 || ث==0) {d.width=114 }}
}
</script>
<عرض الجدول = "558" الحدود = "0" محاذاة = "المركز" cellpadding = "0" تباعد الخلايا = "1" bgcolor = "#CCCCCC">
<تر>
<td bgcolor="#FFFFFF" style="padding-left:2px">
<div id="demoz" style="overflow:hidden;width:550;">
<حدود الجدول = "0" محاذاة = "يسار" خلية الحشو = "0" تباعد الخلايا = "0" مساحة الخلية = "0">
<تر>
<td id="demo1z" valign="top">
<حدود الجدول = "0" محاذاة = "يسار" خلية الحشو = "0" تباعد الخلايا = "0" مساحة الخلية = "0">
<تر>
<td valign="top"><عرض الجدول = "150" حدود = "0" تباعد الخلايا = "0" خلية الحشو = "0">
<تر>
<td width="150" align="center"><A href="../featuredproducts/product_jump.asp?product_id=7201"><img src=" onLoad="javascript:MM_setIMG(this.width,this. الارتفاع، هذا)"></A></td>
</tr>
<تر>
<td><عرض الجدول = "98%" الحدود = "0" محاذاة = "المركز" خلية الحشو = "0" تباعد الخلايا = "0" bgcolor = "#F2F2F2"
style="BORDER-COLLAPSE: طي">
<TR>
<عرض TD = "8%" bgColor = "#ffffff" ارتفاع = "25"><IMG ارتفاع = "11" src = "../publicimg/arrow04.gif" width = "13"></TD>
<TD bgColor = "#ffffff" الارتفاع = "25">
<A href="../featuredproducts/product_jump.asp?product_id=7201">كعب غوتشي العالي ....</A></TD>
</TR>
<TR>
<عرض TD = "8%" bgColor = "#ffffff" ارتفاع = "25"><IMG ارتفاع = "11" src = "../publicimg/arrow04.gif" width = "13"></TD>
<TD bgColor="#ffffff" height="25">ملابس غوتشي</FONT></TD>
</TR>
<TR>
<TD align="middle" colSpan="2" height="12">
<عرض الجدول = "100%" الحدود = "0" تباعد الخلايا = "0" خلية الحشو = "0">
<تر>
<عرض TD = "44%" bgColor = "#ffffff">
<IMG height="11" src="../publicimg/arrow04.gif" width="13"> الصورة
</TD>
<TD bgColor="#ffffff"><font color="red"><B> 525.00 </B></font>
</TD>
</tr>
</الجدول>
</TD>
</TR>
</الجدول>
</TD>
</tr>
</الجدول>
</TD>
<td valign="top"><عرض الجدول = "150" حدود = "0" تباعد الخلايا = "0" خلية الحشو = "0">
<تر>
<td width="150" align="center"><A href="../featuredproducts/product_jump.asp?product_id=7200"><img src=" </tr>
<تر>
<td><عرض الجدول = "98%" الحدود = "0" محاذاة = "المركز" خلية الحشو = "0" تباعد الخلايا = "0" bgcolor = "#F2F2F2"
style="BORDER-COLLAPSE: طي">
<TR>
<عرض TD = "8%" bgColor = "#ffffff" ارتفاع = "25"><IMG ارتفاع = "11" src = "../publicimg/arrow04.gif" width = "13"></TD>
<TD bgColor = "#ffffff" الارتفاع = "25">
<A href="../featuredproducts/product_jump.asp?product_id=7200">جوزيبي زانوت ....</A></TD>
</TR>
<TR>
<عرض TD = "8%" bgColor = "#ffffff" ارتفاع = "25"><IMG ارتفاع = "11" src = "../publicimg/arrow04.gif" width = "13"></TD>
<TD bgColor="#ffffff" height="25">الحجم الطبيعي</FONT></TD>
</TR>
<TR>
<TD align="middle" colSpan="2" height="12">
<عرض الجدول = "100%" الحدود = "0" تباعد الخلايا = "0" خلية الحشو = "0">
<تر>
<عرض عرض = "44%" bgColor = "#ffffff">
<IMG height="11" src="../publicimg/arrow04.gif" width="13"> الصورة
</TD>
<TD bgColor="#ffffff"><font color="red"><B> 475.00 </B></font>
</TD>
</tr>
</الجدول>
</TD>
</TR>
</الجدول>
</TD>
</tr>
</الجدول>
</TD>

<td valign="top"><عرض الجدول = "150" حدود = "0" تباعد الخلايا = "0" خلية الحشو = "0">
<تر>
<td width="150" align="center"><A href="../featuredproducts/product_jump.asp?product_id=7170"><img src=" onLoad="javascript:MM_setIMG(this.width,this. الارتفاع، هذا)"></A></td>
</tr>
<تر>
<td><عرض الجدول = "98%" الحدود = "0" محاذاة = "المركز" خلية الحشو = "0" تباعد الخلايا = "0" bgcolor = "#F2F2F2"
style="BORDER-COLLAPSE: طي">
<TR>
<عرض TD = "8%" bgColor = "#ffffff" ارتفاع = "25"><IMG ارتفاع = "11" src = "../publicimg/arrow04.gif" width = "13"></TD>
<TD bgColor = "#ffffff" الارتفاع = "25">
<A href="../featuredproducts/product_jump.asp?product_id=7170">برادا بايثون/Cr ....</A></TD>
</TR>
<TR>
<عرض TD = "8%" bgColor = "#ffffff" ارتفاع = "25"><IMG ارتفاع = "11" src = "../publicimg/arrow04.gif" width = "13"></TD>
<TD bgColor="#ffffff" height="25">برادا/ 鳄鱼纹高跟鞋</FONT></TD>
</TR>
<TR>
<TD align="middle" colSpan="2" height="12">
<عرض الجدول = "100%" الحدود = "0" تباعد الخلايا = "0" خلية الحشو = "0">
<تر>
<عرض TD = "44%" bgColor = "#ffffff">
<IMG height="11" src="../publicimg/arrow04.gif" width="13"> الصورة
</TD>
<TD bgColor="#ffffff"><font color="red"><B> 850.00 </B></font>
</TD>
</tr>
</الجدول>
</TD>
</TR>
</الجدول>
</TD>
</tr>
</الجدول>
</TD>
</tr>
</الجدول>
</TD>
<td id="demo2z" valign="top"></td>
</tr>
</الجدول>
</div>
</TD>
</tr>
</الجدول>
<النص البرمجي>
فار سبيدز=30
demo2z.innerHTML=demo1z.innerHTML
وظيفة ماركيز () {
إذا (demo2z.offsetWidth-demoz.scrollLeft<=0)
demoz.scrollLeft-=demo1z.offsetWidth
آخر{
demoz.scrollLeft++
}
}
فار MyMarz=setInterval(Marqueez,speedz)
demoz.onmouseover=function() {clearInterval(MyMarz)}
demoz.onmouseout=function() {MyMarz=setInterval(Marqueez,speedz)}
</script>
مقالات ذات صلة