採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
August 5, 2010
範例來自︰http://www.fa-hua.com.tw
以下放至於<body>與</body>之間
<SCRIPT language="JavaScript"><!--
myMsg = " 你好歡迎光臨！";
myCnt = 0;
myDspFlg = 0;
function myFunc(){
if ( myDspFlg == 0 ){
document.myForm.myFormMes.value = myMsg.substring(0,myCnt);
if ( myCnt == myMsg.length ){
myCnt = 0;
myDspFlg = 1;
}else{
myCnt += 1;
}
}else if ( myDspFlg == 1 ){
document.myForm.myFormMes.value = "";
myDspFlg = 2;
}else{
document.myForm.myFormMes.value = myMsg;
myCnt ++;
if ( myCnt == 5 ){
myDspFlg = 0;
myCnt = 0;
}else{
myDspFlg = 1;
}
}
}
// --></SCRIPT>
<form name="myForm">
<input type="text" size="30" name="myFormMes">
</form>
<SCRIPT language="JavaScript"><!--
setInterval("myFunc()",200);
// --></SCRIPT>
備註︰
你好歡迎光臨！←可自由置換
size="30"←可以CSS指定寬度等等，較適用於各瀏覽器。
以下放至於<body>與</body>之間
<SCRIPT language="JavaScript"><!--
myMsg = " 你好歡迎光臨！";
myCnt = 0;
myDspFlg = 0;
function myFunc(){
if ( myDspFlg == 0 ){
document.myForm.myFormMes.value = myMsg.substring(0,myCnt);
if ( myCnt == myMsg.length ){
myCnt = 0;
myDspFlg = 1;
}else{
myCnt += 1;
}
}else if ( myDspFlg == 1 ){
document.myForm.myFormMes.value = "";
myDspFlg = 2;
}else{
document.myForm.myFormMes.value = myMsg;
myCnt ++;
if ( myCnt == 5 ){
myDspFlg = 0;
myCnt = 0;
}else{
myDspFlg = 1;
}
}
}
// --></SCRIPT>
<form name="myForm">
<input type="text" size="30" name="myFormMes">
</form>
<SCRIPT language="JavaScript"><!--
setInterval("myFunc()",200);
// --></SCRIPT>
備註︰
你好歡迎光臨！←可自由置換
size="30"←可以CSS指定寬度等等，較適用於各瀏覽器。
August 2, 2010
按[<< < > >>] 可以看到由[PAGE - 1到PAGE - 5]不同的畫面的左右滑動。
demo
http://www.hajimeteno.ne.jp/dhtml/sample/sp58.html
也有直的模式
http://www.hajimeteno.ne.jp/dhtml/dist/js62.html
