看到滑鼠帶著文字會跑訊息框
這就是滑鼠帶著訊息框跑馬燈

haco 發表在 痞客邦 留言(1) 人氣()

想放一堆JavaScript語法
但是網誌描述或新增欄位已經貼滿了一堆語法
看起來很雜亂
也怕修改時修改錯了
結果部落格改壞掉了

haco 發表在 痞客邦 留言(0) 人氣()

看到網誌描述內容文字都可以像打字機打出一排文字
這就是打字機訊息跑馬燈
現在我網頁描述就是使用這個

將以下語法內敘述修改成自己想敘述的文字
1.紅色標示的請改成你敘述的文字
2.綠色標示改字大小
3.土黃色標示改字粗體或整個刪調呈現正常
4.藍色標示改寬度
5.紫色標示改字色
6.深橘色標示改框背景色
7.淺藍色標示表現速度1000表示1秒
8.可以再加敘述line[9]="........."   

<script language="JavaScript1.2">              
<!--             
//Secify scroller contents              
var line=new Array()              
line[1]="歡迎光臨約克夏琦琦&YOYO的口愛記事......"              
line[2]="教學部份....我儘量讓瀏覽的大大能了解怎麼貼語法及修改..."
line[3]="但我不喜歡直接複製我的文章就走......"
line[4]="連引用介紹都沒有......
line[5]="您一定也不喜歡這樣的情形......
line[6]="所以我鎖文章......" 
line[7]="有需要語法請直接迴響密秘留言mail......" 
line[8]="我會將語法mail給您......"      
//Specify font size for scoller              
var ts_fontsize="11px"              
              
//--Don't edit below this line              
              
var longestmessage=1              
for (i=1;i<line.length;i++){              
if (line[i].length>line[longestmessage].length)              
longestmessage=i              
}              
              
//Auto set scroller width              
var tscroller_width=line[longestmessage].length*3             
              
lines=line.length-1 //--Number of lines              
              
//if IE 4+ or NS6              
if (document.all||document.getElementById){              
document.write('<left> <form name="bannerform">')              
document.write('<input type="text" name="banner" size="60"' )                   
document.write('  style="background-color:#aa0000; color:#000000; font-weight:bold; font-family: tahoma; font-size: '+ts_fontsize+'; border: medium none" onfocus="blur()">')              
document.write('</form>')              
}              
              
temp=""              
nextchar=-1;              
nextline=1;              
cursor="\\"              
function animate(){              
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){              
nextline++;              
nextchar=-1;              
document.bannerform.banner.value=temp;              
temp="";              
setTimeout("nextstep()",2000)}              
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){              
nextline=1;              
nextchar=-1;              
document.bannerform.banner.value=temp;              
temp="";              
setTimeout("nextstep()",2000)}              
else{              
nextstep()}}              
              
function nextstep(){              
              
if (cursor=="\\"){              
cursor="||"}              
else if (cursor=="||"){              
cursor="//"}              
else if (cursor=="//"){              
cursor="--"}              
else if (cursor=="--"){              
cursor="\\"}                          
              
nextchar++;              
temp+=line[nextline].charAt(nextchar);              
document.bannerform.banner.value=temp+cursor              
setTimeout("animate()",100)}              
              
//if IE 4+ or NS6              
if (document.all||document.getElementById)              
window.onload=animate              
// -->              
</script>

haco 發表在 痞客邦 留言(21) 人氣()

看到網誌描述內容文字都可以像打字機打出一排文字
這就是打字機訊息框跑馬燈

 

將以下語法內敘述修改成自己想敘述的文字

1.紅色標示的請改成你敘述的文字,每段話可一直翻頁,記的要以逗點隔開。
2.綠色標示改高度
3.藍色標示改寬度
4.
紫色標示改字色
5.深橘色標示改框背景色
6.最好將textlist.js這個檔上傳到自己網頁空間,以免檔案不見,無法出現跑馬燈
   只要將以下網址改成自己上傳的網址
<script language="javascript">var rows=1;var cols=45;var bg="#f2d8ff";var fg="#000000";tl = new Array("歡迎光臨約克夏琦琦&YOYO的口愛記事","但很感謝您的來訪....","滑過時請留下您的鼠跡","我一定會抽空回覆","這兒文章數眾多...","希望您在這裡很愉快^^~");</script><script src="http://benz.nchu.edu.tw/~s9163019/jsex/textlist.js"></script>

haco 發表在 痞客邦 留言(14) 人氣()

圖片橫式跑馬燈滑鼠點下去可以連結網址
可以放多張圖片
1.將語法複製貼到新增欄位內容
2.將以下語法修改

 藍色標示就是你有多少連結,可以自己再加
 紅色標示就是連結網址
 綠色標示就是出現的圖片或文字
 紫色標示就是滑鼠放到圖片上會出現的文字
 咖啡色標示就是圖片的寬高
 深橘色標示就是跑馬的速度
 洋紅色標示就是跑馬圖片所需位置的寬高設定
PS.有一點這語法會與部落格加入跑馬燈─打字移動效果狀態列(5)相衝

語法:
<p align="center">
<script language="JavaScript1.2">
<!--
var sliderwidth=150
var sliderheight=
113
var slidespeed=4
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://kaipolly" target="_blank"><img src="http://pollytr0.jpg" alt=Polly&Ella width=150 height=113 border=0></a>'
leftrightslide[1]='<a href="http://huchihyu426" target="_blank"><img src="http://3161rq7.jpg" alt=小西&達妹 width=150 height=113 border=0></a>'
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+"&nbsp;&nbsp;"

if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
function regenerate(){
window.location.reload()
}
function regenerate112(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate112
//-->
</script>

haco 發表在 痞客邦 留言(1) 人氣()

看到網誌瀏覽器下面狀態列文字可以像打字般出現後往左移動
這就是打字移動效果狀態列跑馬燈
這是我正在使用的bingo
1.將語法複製貼到新增欄位
2.將以下語法內敘述修改成自己想敘述的文字

語法:
<body OnLoad="Scroll();">
<SCRIPT Language="JavaScript">
var msg="約克夏琦琦&YOYO的口愛記事”感謝您的來訪,平常忙的昏頭轉向,滑過時請留下您的鼠跡,我會去拜訪您的部落格,希望您在這裡很愉快";
var interval = 100;
var spacelen = 120;
var space10=" ";
var seq=0;
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) {
seq = spacelen;
window.setTimeout("Scroll2();", interval );
}
else
window.setTimeout("Scroll();", interval );
}
function Scroll2() {
var out="";
for (i=1; i<=spacelen/space10.length; i++) out += space10;
out = out + msg;
len=out.length;
window.status=out.substring(seq, len);
seq++;
if ( seq >= len ) { seq = 0; };
window.setTimeout("Scroll2();", interval );
}
</SCRIPT>

haco 發表在 痞客邦 留言(0) 人氣()

看到我網誌右欄有個圖片垂直跑馬燈滑鼠點下去可以連結網址
可以放多張圖片與文字連結
1.將語法複製貼到新增欄位
2.將以下語法修改

 藍色標示就是你有多少連結,0~5共6個
     所以我標6個,可以自己再加
 紅色標示就是連結網址
 綠色標示就是出現的圖片或文字
 紫色標示就是滑鼠放到圖片上會出現的文字
 咖啡色標示就是圖片的寬高
 深橘色標示就是跑馬的速度
 洋紅色標示就是跑馬圖片所需位置的寬高設定

語法:
<script language="JavaScript"> 
<!--  
var windex = 6                                             
wlink = new Array();                                             
wtext = new Array();                                             
                                             
wlink[0] = "http://blog.pixnet.net/240204"; 
wlink[1] = "http://blog.pixnet.net/240204";  
wlink[2] = "http://blog.pixnet.net/485387"; 
wlink[3] = "http://blog.pixnet.net/485387";
wlink[4] = "http://blog.pixnet.net/20060915"; 
wlink[5] = "http://blog.pixnet.net/20060915";  
wtext[0] = "<img border=0 src=http://
xxxx/1161764861.jpg
alt=點我ㄚㄚ的文章 width=150 height=113>"; 
wtext[1] = "無毛約克夏丫丫變可愛!!";  
wtext[2] = "<img border=0 src=http://
xxxx/1161769329.jpg
alt=點我瑤瑤的文章 width=150 height=113>"; 
wtext[3] = "令人心疼的約克夏~瑤瑤";  
wtext[4] = "<img border=0 src=http://
xxxx/1161770317.jpg
alt=點我老約克夏的文章 width=150 height=113>"; 
wtext[5] = "令人心疼老約克夏助養~";  
                                             
document.write ("<marquee scrollamount=2 scrolldelay=0 direction=up
width=150 id=wxiaoqing height=150
onmouseover=wxiaoqing.stop() onmouseout=wxiaoqing.start()>"); 
for (i=0;i<windex;i++){  
        document.write ("<a href="+wlink[i]+" target='_blank'>");  
        document.write (wtext[i] + "</font></A><br><br><align='center'>");  

document.write ("</marquee>") 
// --> 
</script>

haco 發表在 痞客邦 留言(0) 人氣()

看到網誌瀏覽器下面狀態列文字可以像打字般出現
這就是打字效果狀態列跑馬燈
1.將語法複製貼到新增欄位
2.將以下語法內敘述修改成自己想敘述的文字

語法:
<body OnLoad="Scroll();">
<SCRIPT Language="JavaScript">
var msg="約克夏琦琦&YOYO的口愛記事☆感謝您的來訪,平常忙的昏頭轉向,滑過時請留下您的鼠跡,我會去拜訪您的部落格,希望您在這裡很愉快";
var interval = 100;
seq = 0;
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) { seq = 0 };
window.setTimeout("Scroll();", interval );
}
</SCRIPT>

haco 發表在 痞客邦 留言(0) 人氣()

看到網誌瀏覽器下面狀態列文字可以往左移動
這就是文字往左移動狀態列跑馬燈
1.將語法複製貼到新增欄位
2.將以下語法內敘述修改成自己想敘述的文字
 也可以再加文句
var m3 = " ********** "
var m4 = " ********** "
var msg=m1+m2+m3+............;

語法:
<SCRIPT LANGUAGE="JavaScript">
<!--
function scroll(seed)
{
var m1 = "歡迎光臨約克夏琦琦&YOYO的口愛記事"
var m2 = "希望您在這裡很愉快^^~"
var msg=m1+m2;
var out = " ";
var c = 1;
if (seed > 100) {
seed--;
var cmd="scroll(" + seed + ")";
timerTwo=window.setTimeout(cmd,100);
}
else if (seed <= 100 && seed > 0) {
for (c=0 ; c < seed ; c++) {
out+=" ";
}
out+=msg;
seed--;
var cmd="scroll(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,100);
} else if (seed <= 0) {
if (-seed < msg.length) {
out+=msg.substring(-seed,msg.length);
seed--;
var cmd="scroll(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,100);
}
else {
window.status=" ";
timerTwo=window.setTimeout("scroll(100)",7);
}
}
}
timerONE=window.setTimeout('scroll(100)',50);
//-->
</SCRIPT>

haco 發表在 痞客邦 留言(0) 人氣()

看到網誌描述內容文字都可以往左移動
這就是跑馬燈
歡迎光臨約克夏琦琦&YOYO的口愛記事,平常忙的昏頭轉向,但很感謝您的來訪,滑過時請留下您的鼠跡,我一定會抽空回覆,這兒文章數眾多,請慢慢觀賞,希望您在這裡很愉快^^~
將以下語法內敘述修改成自己想敘述的文字
1.<b> </b>字體的粗細
2.<font color="#FF0000" size="3"> </font>字體的顏色和字體的大小
3.<span style="background-color: #FFFFCC"> </span>字的底色

語法:
<b><font color="#FF0000" size="3"><span style="background-color: #FFFFCC"><marquee>歡迎光臨約克夏琦琦&YOYO的口愛記事,平常忙的昏頭轉向,但很感謝您的來訪,滑過時請留下您的鼠跡,我一定會抽空回覆,這兒文章數眾多,請慢慢觀賞,希望您在這裡很愉快^^~</marquee></span></font></b>

haco 發表在 痞客邦 留言(2) 人氣()

1
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。