【圖片橫移區】語法C39
高速 中速 低速
【語法】
<body bgColor="#000000" onload="mov();"> <script language="JavaScript"> <!-- w = 2 ; // ? t = 10 ; // ? dirc = 0 /* 㗇?��𤧣 */ function mov(){ if(dirc==0){ if (( pic1.style.posLeft -= w) < -pic1.width ) { pic1.style.posLeft += pic1.width + pic2.width } ; if (( pic2.style.posLeft -= w) < -( pic2.width + pic1.width )) { pic2.style.posLeft = pic1.style.posLeft } ; timerID = setTimeout( "mov()", t ) ; } else { if ((pic1.style.posLeft += w) > pic2.width ) { pic1.style.posLeft -= ( pic1.width + pic2.width) } ; if ((pic2.style.posLeft += w) > 0) { pic2.style.posLeft -= (pic1.width + pic2.width) } ; timerID = setTimeout( "mov()", t ) ; } } function Spd0(){if(w == 0){w = wo} else {wo = w;w = 0 }} function Spdf(){ w=4 }; function Spdn(){ w=2 }; function Spds(){ w=1 }; function Dirn(){if(dirc==0){dirc=1} else {dirc=0}} // --> </script> <!--nobanner--> <nobr> <img id=pic1 style="position: relative" src="http://home.educities.edu.tw/nkhs9323005/jpg0131.jpg"><img id=pic2 style="position: relative" src="http://home.educities.edu.tw/nkhs9323005/jpg0131.jpg"> </nobr> <p align="center"> <font color=#ffffff> 高速<input onclick="Spdf()" type="radio" value="4" name="R1"> <font color=#ffffff> 中速</font><input onclick="Spdn()" type="radio" checked value="3" name="R1"> <font color=#ffffff> 低速</font><input onclick="Spds()" type="radio" value="4" name="R1"></font> <input style="FONT-WEIGHT: bold; COLOR: blue; FONT-FAMILY: " onclick="Spd0()" type="button" value="停 止、重 開"> <input style="FONT-WEIGHT: bold; COLOR: red; FONT-FAMILY: " onclick="Dirn()" type="button" value="逆 回 轉"> </p> </body>
在 src="http://home.educities.edu.tw/nkhs9323005/jpg0131.jpg" 中更換圖片 圖片參考如下↓
◎【圖片橫移區】語法《範例一》◎
<body onload=mov();> <p align="center"> <SCRIPT language="JavaScript"> <!-- w = 2 ; // ? t = 10 ; // ? dirc = 0 /* 㗇?��𤧣 */ function mov(){ if(dirc==0){ if (( pic1.style.posLeft -= w) < -pic1.width ) { pic1.style.posLeft += pic1.width + pic2.width } ; if (( pic2.style.posLeft -= w) < -( pic2.width + pic1.width )) { pic2.style.posLeft = pic1.style.posLeft } ; timerID = setTimeout( "mov()", t ) ; } else { if ((pic1.style.posLeft += w) > pic2.width ) { pic1.style.posLeft -= ( pic1.width + pic2.width) } ; if ((pic2.style.posLeft += w) > 0) { pic2.style.posLeft -= (pic1.width + pic2.width) } ; timerID = setTimeout( "mov()", t ) ; } } function Spd0(){if(w == 0){w = wo} else {wo = w;w = 0 }} function Spdf(){ w=4 }; function Spdn(){ w=2 }; function Spds(){ w=1 }; function Dirn(){if(dirc==0){dirc=1} else {dirc=0}} // --> </SCRIPT> <!--nobanner--> <p align="center"> <NOBR> <IMG id=pic1 style="POSITION: relative" src="http://home.educities.edu.tw/nkhs9323005/jpg0131.jpg" width="2000" height="200"><IMG id=pic2 style="POSITION: relative" src="http://home.educities.edu.tw/nkhs9323005/jpg0131.jpg" width="2000" height="200"> </NOBR> </p> <CENTER> </p>
◎【圖片橫移區】語法《範例二》◎
<body onload=mov();> <p align="center"> <SCRIPT language="JavaScript"> <!-- w = 2 ; // ? t = 10 ; // ? dirc = 0 /* 㗇?��𤧣 */ function mov(){ if(dirc==0){ if (( pic1.style.posLeft -= w) < -pic1.width ) { pic1.style.posLeft += pic1.width + pic2.width } ; if (( pic2.style.posLeft -= w) < -( pic2.width + pic1.width )) { pic2.style.posLeft = pic1.style.posLeft } ; timerID = setTimeout( "mov()", t ) ; } else { if ((pic1.style.posLeft += w) > pic2.width ) { pic1.style.posLeft -= ( pic1.width + pic2.width) } ; if ((pic2.style.posLeft += w) > 0) { pic2.style.posLeft -= (pic1.width + pic2.width) } ; timerID = setTimeout( "mov()", t ) ; } } function Spd0(){if(w == 0){w = wo} else {wo = w;w = 0 }} function Spdf(){ w=4 }; function Spdn(){ w=2 }; function Spds(){ w=1 }; function Dirn(){if(dirc==0){dirc=1} else {dirc=0}} // --> </SCRIPT> <!--nobanner--> <p align="center"> <NOBR> <IMG id=pic1 style="POSITION: relative" src="http://home.educities.edu.tw/nkhs9323005/jpg0129.jpg" width="2000" height="200"><IMG id=pic2 style="POSITION: relative" src="http://home.educities.edu.tw/nkhs9323005/jpg0129.jpg" width="2000" height="200"> </NOBR> </p> <CENTER> </p>
◎【框架語法】《範例一》◎
<p align="center"><iframe src="http://home.educities.edu.tw/nkhs9323005/AAAA1138.htm" scrolling="no" width="480" height="240" marginheight="0" frameborder="0" borderwidth="0"></iframe></p>
◎【框架語法】《範例二》◎
<p align="center"><iframe src="http://home.educities.edu.tw/nkhs9323005/AAAA1139.htm" scrolling="no" width="480" height="240" marginheight="0" frameborder="0" borderwidth="0"></iframe></p>
