看到滑鼠帶著文字會跑訊息框
這就是滑鼠帶著訊息框跑馬燈
haco 發表在 痞客邦 留言(1) 人氣(518)
想放一堆JavaScript語法
但是網誌描述或新增欄位已經貼滿了一堆語法
看起來很雜亂
也怕修改時修改錯了
結果部落格改壞掉了
haco 發表在 痞客邦 留言(0) 人氣(645)
看到網誌描述內容文字都可以像打字機打出一排文字
這就是打字機訊息跑馬燈
現在我網頁描述就是使用這個
將以下語法內敘述修改成自己想敘述的文字
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,518)
看到網誌描述內容文字都可以像打字機打出一排文字
這就是打字機訊息框跑馬燈
將以下語法內敘述修改成自己想敘述的文字
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,937)
圖片橫式跑馬燈滑鼠點下去可以連結網址
可以放多張圖片
1.將語法複製貼到新增欄位內容
2.將以下語法修改
藍色標示就是你有多少連結,可以自己再加
紅色標示就是連結網址
綠色標示就是出現的圖片或文字
紫色標示就是滑鼠放到圖片上會出現的文字
咖啡色標示就是圖片的寬高
深橘色標示就是跑馬的速度
洋紅色標示就是跑馬圖片所需位置的寬高設定
PS.有一點這語法會與部落格加入跑馬燈─打字移動效果狀態列(5)相衝
語法:
<p align="center">
<script language="JavaScript1.2">
<!--
var sliderwidth=150
var sliderheight=113
var slidespeed=4var 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]+" "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) 人氣(1,315)
看到網誌瀏覽器下面狀態列文字可以像打字般出現後往左移動
這就是打字移動效果狀態列跑馬燈
這是我正在使用的
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) 人氣(486)
看到我網誌右欄有個圖片垂直跑馬燈滑鼠點下去可以連結網址
可以放多張圖片與文字連結
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,959)
看到網誌瀏覽器下面狀態列文字可以像打字般出現
這就是打字效果狀態列跑馬燈
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) 人氣(525)
看到網誌瀏覽器下面狀態列文字可以往左移動
這就是文字往左移動狀態列跑馬燈
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) 人氣(471)
看到網誌描述內容文字都可以往左移動
這就是跑馬燈
將以下語法內敘述修改成自己想敘述的文字
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) 人氣(436)