August 5, 2010
走馬燈 (右向左)
網頁語言 » JavaScript | by apao
以下放至於<body >與</body>之間
<SCRIPT language="JavaScript"><!--
myMsg = "你好歡迎光臨!你好歡迎光臨!你好歡迎光臨! ";
myMsg = myMsg + myMsg;
myCnt = 0;
function myFunc(){
document.myForm.myFormMes.value = myMsg.substring(myCnt,myMsg.length);
myCnt = ( myCnt == (myMsg.length/2)-1 ) ? 0 : myCnt+1;
}
// --></SCRIPT>
<form name="myForm">
<input type="text" size="30" name="myFormMes">
</form>
<SCRIPT language="JavaScript"><!--
setInterval("myFunc()",200);
// --></SCRIPT>
備註︰
你好歡迎光臨!你好歡迎光臨!你好歡迎光臨! ←可自由置換,留空白有助於斷字,較容易理解。
size="30"←可用CSS控制寬度等等,較容易適用於各瀏覽器內。
參考連結︰
http://www.livemusic98.com
<SCRIPT language="JavaScript"><!--
myMsg = "你好歡迎光臨!你好歡迎光臨!你好歡迎光臨! ";
myMsg = myMsg + myMsg;
myCnt = 0;
function myFunc(){
document.myForm.myFormMes.value = myMsg.substring(myCnt,myMsg.length);
myCnt = ( myCnt == (myMsg.length/2)-1 ) ? 0 : myCnt+1;
}
// --></SCRIPT>
<form name="myForm">
<input type="text" size="30" name="myFormMes">
</form>
<SCRIPT language="JavaScript"><!--
setInterval("myFunc()",200);
// --></SCRIPT>
備註︰
你好歡迎光臨!你好歡迎光臨!你好歡迎光臨! ←可自由置換,留空白有助於斷字,較容易理解。
size="30"←可用CSS控制寬度等等,較容易適用於各瀏覽器內。
參考連結︰
http://www.livemusic98.com
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 3, 2010
August 2, 2010
左右卷動的畫面舞台
網頁語言 » JavaScript | by apao
按[<< < > >>] 可以看到由[PAGE - 1到PAGE - 5]不同的畫面的左右滑動。
demo
http://www.hajimeteno.ne.jp/dhtml/sample/sp58.html
也有直的模式
http://www.hajimeteno.ne.jp/dhtml/dist/js62.html
August 2, 2010
July 31, 2010
由於為了網頁顯示更快速,將rollover的圖檔集中在一個圖檔時,在Link的地方,按下時會出現無限延長點線式的筐線,以下面的方式解決就可以了。
不知道的話,還真的會為了這件事情查了老半天...
解決重點︰
CSS中寫入 [outline: none; ]就可以了
寫例︰
a { outline: none; }
測試︰
Mac
Safari4 (完全不出現), Firefox3.6 (拉了link的地方還是會出現)
Win
Firefox 3.6
IE (按下時還是會出現框線,不過是正常的link的範圍)
參考︰
http://study.aruko.net/2007/11/01/13/