<html>
<head>
<meta
HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<title>孟甲商行</title>
<style type="text/css">
#myDiv {
overflow:
hidden;
width:
350px;
background-color:
red;
}
#myDiv
img {
border:
1px solid;
width:
80px;
}
</style>
</head>
<body>
<div id="myDiv">
<table>
<tr>
<td
id="pic1">
//可在紅色字區域將他替換為程式碼
<table>
<tr>
<td><img
src="0.gif" /></td>
<td><img
src="1.gif" /></td>
<td><img
src="2.gif" /></td>
<td><img
src="3.gif" /></td>
<td><img
src="4.gif" /></td>
<td><img
src="5.gif" /></td>
<td><img
src="6.gif" /></td>
<td><img
src="7.gif" /></td>
</tr>
</table>
//可在紅色字區域將他替換為程式碼
</td>
<td
id="pic2"></td>
</tr>
</table>
</div>
</body>
<script
type="text/javascript">
<!--
//變數Speed為設定捲軸的速度用 越小越快
var
Speed=1;
//接受setInterval所回傳的值
var
timer;
//取得myDiv的參考用的變數
var
myDiv = document.getElementById("myDiv");
//取得pic2的參考用的變數
var
pic2= document.getElementById("pic2");
//讓pic2的innerHTML等於pic1的innerHTML
pic2.innerHTML=document.getElementById("pic1").innerHTML;
//用來捲動myDiv捲軸用的主程式
function
picMarquee(){
//若pic2的寬小於myDiv的scrollLeft，表示捲軸已經過了第一行
//所以讓Div的scrollLeft再回到原來的位置；反之 則繼續往右跑
if(pic2.offsetWidth
- myDiv.scrollLeft <= 0){
myDiv.scrollLeft
= 0;
}else{
myDiv.scrollLeft++;
}
}
//每Speed毫秒就執行一次pciMarquee()
timer=setInterval(picMarquee,Speed);
//當滑鼠在myDiv上時 就停止捲動
myDiv.onmouseover=function(){
clearInterval(timer);
}
//當滑鼠離開myDiv上時 就繼續往右捲動
myDiv.onmouseout=function(){
timer=setInterval(picMarquee,Speed);
}
//-->
</script>
</html>
<!--擋Hinet廣告用-->
<script
type="text/javascript">
<!--
//先用Open物件來替代window.open()
var
Open = window.open;
//覆寫window.open()變成回傳window本身
window.open
= function(){return window;};
//-->
</script>
~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~ 響應式網頁架站只要6,888元起|[RWD]響應式網站，自適應網頁，讓SEO搜尋引擎最佳化你的網站
"你是獵人還是獵物？"
0 comments :
張貼留言
1.猛甲茶道，歡迎多留言，可以幫自己網站打廣告~
2.需要 猛甲茶道 回覆，請勿使用匿名留言[可使用名稱/網址，名稱填自己名字，若無網址，請填E-mail]。
3.匿名攻訐、不相干之廣告適用於無條件刪去法，望請海涵:)
4.您可以使用一些 HTML 標記，如：
<b>粗體</b>, <i>斜體</i>, <a href='網址'>描述文字</a>