中文(繁体)
中文(简体)
中文(繁体)
한국어
日本語
English
Português
Español
Русский
العربية
Indonesia
Deutsch
Français
ภาษาไทย
首頁
源碼下載
編程相關
建站資源
書籍教程
網頁設計教程
網絡編程教程
手遊
手機軟件
文章
首頁
>
網頁設計教程
>
HTML教程
層(div或table)的左右滾動
作者:Eve Cole
更新時間:2009-06-11 17:23:34
<腳本語言=“javascript”>
函數 MM_setIMG(w,h,d) {
if (w==null) {w=0}
if (h==null) {h=0}
if (w<=h){ if (h>=114 || h==0) {d.height=114}}else{ if (w>=114 || w==0) {d.width=114 }}
}
</腳本>
<表格寬度=“558”邊框=“0”對齊=“中心”cellpadding=“0”cellspacing=“1”bgcolor=“#CCCCCC”>
<tr>
<td bgcolor="#FFFFFF" style="padding-left:2px">
<div id="demoz" style="overflow:hidden;width:550;">
<表格邊框=“0”對齊=“左”cellpadding=“0”cellspacing=“0”cellspace=“0”>
<tr>
<td id="demo1z" valign="top">
<表格邊框=“0”對齊=“左”cellpadding=“0”cellspacing=“0”cellspace=“0”>
<tr>
<td valign="top"><表格寬度="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<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>
<tr>
<td><表格寬度=“98%”邊框=“0”對齊=“中心”cellpadding=“0”cellspacing=“0”bgcolor=“#F2F2F2”
style="BORDER-COLLAPSE: 折疊">
<TR>
<TD寬度=“8%”bgColor=“#ffffff”高度=“25”><IMG高度=“11”src=“../publicimg/arrow04.gif”寬度=“13”></TD>
<TD bgColor="#ffffff" height="25">
<A href="../featuredproducts/product_jump.asp?product_id=7201">Gucci 高跟鞋 ....</A></TD>
</TR>
<TR>
<TD寬度=“8%”bgColor=“#ffffff”高度=“25”><IMG高度=“11”src=“../publicimg/arrow04.gif”寬度=“13”></TD>
<TD bgColor="#ffffff" height="25">Gucci 高跟繫帶涼鞋</FONT></TD>
</TR>
<TR>
<TD對齊=“中間”colSpan=“2”高度=“12”>
<表格寬度=“100%”邊框=“0”cellspacing=“0”cellpadding=“0”>
<tr>
<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" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150"align="center"><A href="../featuredproducts/product_jump.asp?product_id=7200"><img src="
</tr>
<tr>
<td><表格寬度=“98%”邊框=“0”對齊=“中心”cellpadding=“0”cellspacing=“0”bgcolor=“#F2F2F2”
style="BORDER-COLLAPSE: 折疊">
<TR>
<TD寬度=“8%”bgColor=“#ffffff”高度=“25”><IMG高度=“11”src=“../publicimg/arrow04.gif”寬度=“13”></TD>
<TD bgColor="#ffffff" height="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”寬度=“13”></TD>
<TD bgColor="#ffffff" height="25">小山羊皮高跟女鞋</FONT></TD>
</TR>
<TR>
<TD對齊=“中間”colSpan=“2”高度=“12”>
<表格寬度=“100%”邊框=“0”cellspacing=“0”cellpadding=“0”>
<tr>
<TD寬度=“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" border="0" cellspacing="0" cellpadding="0">
<tr>
<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>
<tr>
<td><表格寬度=“98%”邊框=“0”對齊=“中心”cellpadding=“0”cellspacing=“0”bgcolor=“#F2F2F2”
style="BORDER-COLLAPSE: 折疊">
<TR>
<TD寬度=“8%”bgColor=“#ffffff”高度=“25”><IMG高度=“11”src=“../publicimg/arrow04.gif”寬度=“13”></TD>
<TD bgColor="#ffffff" height="25">
<A href="../featuredproducts/product_jump.asp?product_id=7170">Prada Python/Cr ....</A></TD>
</TR>
<TR>
<TD寬度=“8%”bgColor=“#ffffff”高度=“25”><IMG高度=“11”src=“../publicimg/arrow04.gif”寬度=“13”></TD>
<TD bgColor="#ffffff" height="25">Prada蟒紋/鱷魚紋高跟鞋</FONT></TD>
</TR>
<TR>
<TD對齊=“中間”colSpan=“2”高度=“12”>
<表格寬度=“100%”邊框=“0”cellspacing=“0”cellpadding=“0”>
<tr>
<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>
</表>
<腳本>
變數速度z=30
demo2z.innerHTML=demo1z.innerHTML
函數馬奎茲(){
if(demo2z.offsetWidth-demoz.scrollLeft<=0)
demoz.scrollLeft-=demo1z.offsetWidth
別的{
demoz.scrollLeft++
}
}
var MyMarz=setInterval(Marqueez,speedz)
demoz.onmouseover=function() {clearInterval(MyMarz)}
demoz.onmouseout=function() {MyMarz=setInterval(Marqueez,speedz)}
</腳本>
相關文章
HTML段落標籤
2024-11-12
HTML入門教學
2024-11-12
HTML編輯器
2024-11-12
HTML語法規範
2024-11-12
HTML常用標籤
2024-11-12
HTML超連結標籤
2024-11-12
HTML插入圖片
2024-11-12
HTML清單標籤
2024-11-12
HTML字元實體
2024-11-12
HTML框架
2024-11-08
HTML事件
2024-11-08
HTML 5 之後是什麼? HTML
2010-01-18