語法展示:: http://home.graffiti.net/bggyhdhdxgz/
在 onMouseOver="parent.location='../index.htm'" 中修改連結網址 在 游標一碰到我就會回首頁喔 中修改連結的文字
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<a href="Doesn't matter" onMouseOver="parent.location='">
游標一碰到我就會回首頁喔</a>
</center>
語法展示:: http://home.graffiti.net/ppofhgfhfdx/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<head>及</head>標籤之間。
<style>
<!--
#tickertape{position:relative;width:60}
#subtickertape{position:absolute;border: 1px solid black;width:400}
.subtickertapefont a{color:#FFFFFF;text-decoration:none}
-->
</style>在 #tickertape{position:relative;width:60} 中修改特效距離視窗左方的位置 在 #subtickertape{position:absolute;border: 1px solid black;width:400} 中修改特效的寬度 在 .subtickertapefont a{color:#FFFFFF;text-decoration:none} 中修改連結的顏色
將以下程式碼複製，貼在<body >標籤裡面。
onload="if (document.all||document.layers) {regenerate2();update()}"
將以下程式碼複製，貼在<body>及</body>標籤之間。
<div id="tickertape" align="center">
<div id="subtickertape" class="subtickertapefont" align="center">初始化......</div>
</div>
<script language="JavaScript1.2">
<!--
var speed=5000
var news=new Array()
news[0]="<a href='http://tw.yahoo.com/' target='_blank'>奇摩</a>"
news[1]="<a href='http://chinese.yahoo.com/' target='_blank'>雅虎</a>"
news[2]="<a href='http://www.yam.com/' target='_blank'>蕃薯藤</a>"
news[3]="<a href='http://www.sina.com.tw/' target='_blank'>新浪網</a>"
news[4]="<a href='http://www.pchome.com.tw/' target='_blank'>PC home</a>"
news[5]="<a href='http://cdh.idv.tw' target='_blank'>爪哇島</a>"
i=0
if (document.all)
tickerobject=document.all.subtickertape.style
else
tickerobject=document.tickertape.document
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}
function update(){
BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10);
if (document.layers){
document.tickertape.document.subtickertape.document.write('<span class="subtickertapefont">'+news[i]+'</span>')
document.tickertape.document.subtickertape.document.close()
}
else
document.all.subtickertape.innerHTML=news[i]
if (i<news.length-1)
i++
else
i=0
setTimeout("update()",speed)
}
function BgFade(red1, grn1, blu1, red2,
grn2, blu2, steps) {
sred = red1; sgrn = grn1; sblu = blu1;
ered = red2; egrn = grn2; eblu = blu2;
inc = steps;
step = 0;
RunFader();
}
function RunFader() {
var epct = step/inc;
var spct = 1 - epct;
if (document.layers)
tickerobject.bgColor =
Math.floor(sred * spct + ered *
epct)*256*256 +
Math.floor(sgrn * spct + egrn * epct)*256 +
Math.floor(sblu * spct + eblu * epct);
else
tickerobject.backgroundColor=
Math.floor(sred * spct + ered *
epct)*256*256 +
Math.floor(sgrn * spct + egrn * epct)*256 +
Math.floor(sblu * spct + eblu * epct);
if ( step < inc ) {
setTimeout('RunFader()',50);
}
step++;
}
-->
</script>
語法展示:: http://home.graffiti.net/jkhgjkghg/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<img name="pic1" src="13-1.gif" border="0"><a href="http://tw.yahoo.com/" onMouseOver="imgover(pic1)" onMouseOut="imgout(pic1)" target="_blank">奇摩</a>
<img name="pic2" src="13-1.gif" border="0"><a href="http://chinese.yahoo.com/" onMouseOver="imgover(pic2)" onMouseOut="imgout(pic2)" target="_blank">雅虎</a>
<img name="pic3" src="13-1.gif" border="0"><a href="http://www.yam.com/" onMouseOver="imgover(pic3)" onMouseOut="imgout(pic3)" target="_blank">蕃薯藤</a>
<img name="pic4" src="13-1.gif" border="0"><a href="http://www.sina.com.tw/" onMouseOver="imgover(pic4)" onMouseOut="imgout(pic4)" target="_blank">新浪網</a>
<img name="pic5" src="13-1.gif" border="0"><a href="http://www.pchome.com.tw/" onMouseOver="imgover(pic5)" onMouseOut="imgout(pic5)" target="_blank">PC home</a>
<img name="pic6" src="13-1.gif" border="0"><a href="http://blog.pixnet.net/como0925" onMouseOver="imgover(pic6)" onMouseOut="imgout(pic6)" target="_blank">紫蓮の翼</a>
</center>
自行修改連結的名稱及網址，
可自行增加連結數量，但須注意依序編號(每條連結有3處)
可自行更改喜歡的圖檔
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
function imgover(imgname){
imgname.src = "14-1.gif"
}
function imgout(imgname){
imgname.src = "13-1.gif"
}
-->
</script>
語法展示:: http://home.graffiti.net/juygfh/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<table border="0" width="100%" cellspacing="2" cellpadding="2">
<tr>
<td width=50% bgcolor="#80BFFF">
<div id="scriptmenu">
<a href="http://tw.yahoo.com/" target="_blank" onMouseover="changetext(content[0])">奇摩</a><br>
<a href="http://chinese.yahoo.com/" target="_blank" onMouseover="changetext(content[1])">雅虎</a><br>
<a href="http://www.yam.com/" target="_blank" onMouseover="changetext(content[2])">蕃薯藤</a><br>
<a href="http://www.sina.com.tw/" target="_blank" onMouseover="changetext(content[3])">新浪網</a><br>
<a href="http://www.pchome.com.tw/" target="_blank" onMouseover="changetext(content[4])">PC home</a>
</div>
</td>
<td valign="top" bgcolor="#BFDFFF">
<ilayer id="d1" width="100">
<layer id="d2" width="100" height="150">
<div id="descriptions" align="left"></div>
</layer>
</ilayer>
</td>
</table>
</center>
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var content=new Array()
content[0]='台灣入口網站 1<br>其它說明自己寫'
content[1]='台灣入口網站 2<br>其它說明自己寫'
content[2]='台灣入口網站 3<br>其它說明自己寫'
content[3]='台灣入口網站 4<br>其它說明自己寫'
content[4]='台灣入口網站 5<br>其它說明自己寫'
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}
function changetext(whichcontent){
if (document.all)
descriptions.innerHTML=whichcontent
else if (document.layers){
document.d1.document.d2.document.write(whichcontent)
document.d1.document.d2.document.close()
}
}
-->
</script>
在 content[0]='台灣入口網站 1<br>其它說明自己寫' 中修改各連結的文字說明
語法展示:: http://home.graffiti.net/kioggggfhf/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<a onMouseOver=Show(a1) onMouseOut=Hide(a1) href="#" target="0">請指這邊</a>
<div class=article id=a1 style="width: 100">有沒有看到這個說明ㄚ......</div>
<a onMouseOver=Show(b2) onMouseOut=Hide(b2) href="#" target="0">這邊也有!</a>
<div class=article id=b2 style="width: 100">多按幾次重新整理，你會發現每次提示訊息開啟的方式，會有所變化！</div>
</center>
將以下程式碼複製，貼在<head>及</head>標籤之間。
<style type="text/css">
<!--
.article {
BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; VISIBILITY: hidden ; background-color:#80BFFF;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px}
-->
</style>
<script language=JavaScript1.2>
<!--
function Show(divid) {
divid.filters.revealTrans.apply();
divid.style.visibility = "visible";
divid.filters.revealTrans.play();
}
function Hide(divid) {
divid.filters.revealTrans.apply();
divid.style.visibility = "hidden";
divid.filters.revealTrans.play();
}
-->
</script>
語法展示:: http://home.graffiti.net/swjkhhvfd/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<script language="JavaScript">
<!--
if ( had_tips != 1 ) {
var _ua = document.all ? ((navigator.userAgent.indexOf('MSIE 5') > 5) ? "ie5" : "ie4") : "foo";
if (_ua != "foo" ) {
if (typeof(_doc) == "undefined" || _doc == null) _doc = document;
var _tipx = 0;
var _tipy = 0;
var _tipOX = 10;
var _tipOY = 1;
var _tipWidth;
_doc.write('<DIV ID="TIP__" STYLE="filter:Alpha(Opacity=90,style=1,Finishopacity=10);position:absolute;display:none;z-index:100"></DIV>');
_doc.onmousemove = tsai;
var _tip = _doc.all['TIP__'];
}
}
var had_tips = 1;
function tsaiannie (sMsg, sTitle, iWidth, iHeight, iBorder, sTFC, sTBC, sMFC, sMBC) {
_tipWidth = 150;
var _tipBorder = 1,
_tipTFC = "#FFF8F0",
_tipTBC = "#000000",
_tipMFC = "#00BF00",
_tipMBC = "#FFFFFF";
if (_ua == "foo") return;
_tip.innerHTML = '<TABLE CELLPADDING="'+_tipBorder+'" CELLSPACING="0" WIDTH="'+_tipWidth+'" BORDER="0" BGCOLOR="'+_tipTBC+'"><TR><TD>'
+ ((sTitle != null) ? '<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="100%" BORDER="0"><TR><TD STYLE="padding-top:2px;padding-bottom:2px;font:8pt Arial,Verdana,Tahoma;color:'+_tipTFC+'">'+sTitle+'</TD></TR></TABLE>' : '')
+ '<TABLE CELLPADDING="2" CELLSPACING="0" WIDTH="100%" BORDER="0" BGCOLOR="'+_tipMBC+'"><TR><TD STYLE="color:'+_tipMFC+';font:normal 8pt Arial,Verdana,Tahoma">'+sMsg+'</TD></TR></TABLE></TD></TR></TABLE>';
annie();
_tip.style.display = "";
}
function tsai() {
if (_ua == "ie4") {
_tipx = event.x;
_tipy = event.y;
} else if (_ua == "ie5") {
_tipx = (event.clientX + _tipOX + _tipWidth <= _doc.body.clientWidth) ?
(event.clientX + _doc.body.scrollLeft + _tipOX) :
(event.clientX + _doc.body.scrollLeft - _tipWidth - 5);
_tipy = event.clientY + _doc.body.scrollTop + _tipOY;
} else {
return;
}
if (_tip.style.display != "none") annie();
}
function annie() {
_tip.style.pixelTop = _tipy;
_tip.style.pixelLeft = _tipx;
}
function tsai900403 () {
_tip.style.display = "none";
}
document.write('<A ONMOUSEOUT="tsai900403()" HREF="#" target="0" ONMOUSEOVER="tsaiannie(\'<font color=#0000FF>有沒有</font>看到這個說明ㄚ......\' )">請指這邊</A><DIV></DIV>');
document.write('<A ONMOUSEOUT="tsai900403()" HREF="#" target="0" ONMOUSEOVER="tsaiannie(\'提示文字樣式可作個別設定<font color=#FF00FF>而且</font>提示框的背景是<font color=#FF0000>透明</font>的喔\' )">這邊也有!</A><DIV></DIV>');
-->
</script>
</center>
語法展示:: http://home.graffiti.net/flnodxhfs/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<div id="tickerbg" style="position:absolute;; width: 0"></div>
<div id="ticker" style="position: absolute; left: 0; top: 0; width: 0; height: 0"></div>
<a href="#" target="0" onMouseOver="showmessage('Java Script是一個Java Applet程式語言的簡易版本，它是由Netscape與Sun這兩家公司在1995年底所制定的，早期是為了在Navigator 2.0上設計動態網頁而設計的...... ')" onMouseOut="hideticker()">Java Script</a>
<a href="#" target="0" onMouseOver="showmessage('Java Applet是一個跨平台的程式語言，也就是相同的程式碼可以在不同的硬體機器上執行，這對於網際網路上的應用程式來說是十分重要的，因為Internet是由許多不同種類的機器所連接而成的... ')" onMouseOut="hideticker()">Java Applet</a>
可自行修改連結的網址、框架及提示文字
將以下程式碼複製，貼在<head>及</head>標籤之間。
| 在 var tickerwidth=150 中修改提示框的寬度 |
| 在 var tickerheight=150 中修改提示框的高度 |
| 在 var tickerpadding=5 中修改提示框的間距 |
| 在 var borderwidth=1 中修改提示框的框線粗細 |
| 在 var fnt="細明體" 中修改文字的字體 |
| 在 var fntsize=10 中修改文字的大小 |
| 在 var fntsizelastletter=10 中修改最後一字文字的大小 |
| 在 var fntcolor="#0000FF" 中修改文字的顏色 |
| 在 var fntcolorlastletter="#FFFF00" 中修改最後一字文字的顏色 |
| 在 var fntweight=3 中修改文字的粗細(1~9) |
| 在 var backgroundcolor="#DFBFFF" 中修改提示框背景顏色 |
| 在 var speed=120 中修改提示文字的速度 |
| 在 var xdistance=10 中修改提示框與連結文字水平的距離 |
| 在 var ydistance=15 中修改提示框與連結文字垂直的距離 |
語法展示:: http://home.graffiti.net/gfhfdhfr/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<a href="http://blog.pixnet.net/como0925" target="_blank" onMouseOver="greenlight(this)"; onMouseOut="stp(this)"><span id="esh">紫蓮の翼</span></a>
</center>
自行修改連結的文字與連結的位置
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var a,b,go,word;
function greenlight(word){
a="紫蓮の翼~有空來逛逛";
word.style.color="9933FF";
linkSwitch();
}
function linkSwitch(){
clearTimeout(go);
b=a;
a=a.substring(1,100)+a.charAt(0);
esh.innerText=a;
go=setTimeout("linkSwitch()",100);
}
function stp(word){
clearTimeout(go);
esh.innerText="要記得回來灌灌水喔";
word.style.color="blue";
}
-->
</script>在a="紫蓮の翼~有空來逛逛"; 中修改訊息的文字 在 esh.innerText="要記得回來灌灌水喔";
中修改游標移開後顯示的文字
語法展示:: http://home.graffiti.net/kopgmd/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<a href="http://blog.pixnet.net/como0925"
onMouseOver="statusIn('紫蓮の翼~有空來坐坐');return true;"
onMouseOut="statusOut();">把游標移過來，再看看下面的狀態列</a>
</center>在 a href="http://blog.pixnet.net/como0925" 中修改連結的網址 在 ('紫蓮の翼 ~有空來坐坐'') 中修改說明的內容 在 onMouseOut="statusOut();">把游標移過來，再看看下面的狀態列</a> 中修改連結的文字
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var data = "719185920208314353746425706869";
var done = 1;
function statusIn(text) {
decrypt(text, 2, 1);
}
function statusOut() {
self.status = '';
done = 1;
}
function decrypt(text, max, delay) {
if (done) {
done = 0;
decrypt_helper(text, max, delay, 0, max);
}
}
function decrypt_helper(text, runs_left, delay, charvar, max) {
if (!done) {
runs_left = runs_left - 1;
var status = text.substring(0, charvar);
for (var current_char = charvar; current_char < text.length; current_char++) {
status += data.charAt(Math.round(Math.random()*data.length));
}
window.status = status;
var rerun = "decrypt_helper('" + text + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");"
var new_char = charvar + 1;
var next_char = "decrypt_helper('" + text + "'," + max + "," + delay + "," + new_char + "," + max + ");"
if(runs_left > 0) {
setTimeout(rerun, delay);
}
else {
if (charvar < text.length) {
setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1)));
}
else {
done = 1;
}
}
}
}
-->
</script>
在 var data = "719185920208314353746425706869"; 中修改自己的亂碼樣式
語法展示:: http://home.graffiti.net/kjhhggkg/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<DIV id=scrollerbg style="POSITION: absolute; TOP: -1000px"></DIV>
<DIV id=scrollertext
style="POSITION: absolute; TOP: -1000px"></DIV>
將以下程式碼複製，貼在<body >標籤裡面。
onload="initiate()"
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language=JavaScript1.2>
<!--
var message= new Array()
message[0]="奇摩|台灣入口網站 1|http://tw.yahoo.com/"
message[1]="雅虎|台灣入口網站 2|http://as4003.hypermart.net/wenchin/ering.cgi"
message[2]="蕃薯藤|台灣入口網站 3|http://www.yam.com/"
message[3]="新浪網|台灣入口網站 4|http://www.sina.com.tw/"
message[4]="PC home|台灣入口網站 5|http://www.pchome.com.tw/"
message[5]="紫蓮の翼|消磨時光好地方|http://blog.pixnet.net/como0925"
var scrollerheight=20
var titlezonewidth=50
var copyzonewidth=115
var scrollertop=170
var scrollerleft=160
var scrollerborder=5
var titlezonebg="FF8000"
var copyzonebg="FF9F40"
var scrollbg="CCCCCC"
var targetlink="_blank"
var font_titleface="細明體"
var font_titlecolor="FFFFFF"
var font_titlesize=2
var font_copyface="細明體"
var font_copycolor="FFFFFF"
var font_copysize=2
var titlebold=0
var copybold=0
var titlealign="center"
var copyalign="left"
var standstill=4000
var pre_titlebold
var after_titlebold
var pre_copybold
var after_copybold
var cliptop=0
var clipbottom=0
var clipleft=0
var clipright=titlezonewidth+copyzonewidth
var i_message=0
var mes_joined
var mes_split
var contenttext
var contentbg=""
var step=1
var pause=20
if (titlebold==1) {
pre_titlebold="<b>"
after_titlebold="</b>"
}
else if (titlebold==0) {
pre_titlebold=""
after_titlebold=""
}
if (copybold==1) {
pre_copybold="<b>"
after_copybold="</b>"
}
else if (copybold==0) {
pre_copybold=""
after_copybold=""
}
function initiate() {
mes_joined=message[i_message]
mes_split=mes_joined.split("|")
contenttext="<table cellpadding=4 cellspacing=0 border=0>"
contenttext+="<tr valign='top'>"
contenttext+="<td align="+titlealign+" width="+titlezonewidth+" height='"+scrollerheight+"' bgcolor='"+titlezonebg+"'>"
contenttext+="<a href='"+mes_split[2]+"' target='"+targetlink+"'>"
contenttext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"
contenttext+=pre_titlebold
contenttext+=mes_split[0]
contenttext+=after_titlebold
contenttext+="</font></a></td>"
contenttext+="<td align="+copyalign+" width="+copyzonewidth+" height='"+scrollerheight+"' bgcolor='"+copyzonebg+"'>"
contenttext+="<font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"
contenttext+=pre_copybold
contenttext+=mes_split[1]
contenttext+=after_copybold
contenttext+="</font></td></tr>"
contenttext+="</table>"
var bg_width=titlezonewidth+copyzonewidth+2*scrollerborder
var bg_height=scrollerheight+2*scrollerborder
contentbg="<table width="+bg_width+" height='"+bg_height+"' cellpadding=0 cellspacing=0 border='"+scrollerborder+"'><tr><td bgcolor='"+scrollbg+"'> </td></tr></table>"
if (document.all) {
scrollertext.innerHTML=contenttext
scrollerbg.innerHTML=contentbg
document.all.scrollertext.style.posTop=scrollertop+scrollerheight
document.all.scrollertext.style.posLeft=scrollerleft
document.all.scrollerbg.style.posTop=scrollertop-scrollerborder
document.all.scrollerbg.style.posLeft=scrollerleft-scrollerborder
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollin()
}
if (document.layers) {
document.scrollertext.document.write(contenttext)
document.scrollertext.document.close()
document.scrollerbg.document.write(contentbg)
document.scrollerbg.document.close()
document.scrollertext.top=scrollertop+scrollerheight
document.scrollertext.left=scrollerleft
document.scrollerbg.top=scrollertop-scrollerborder
document.scrollerbg.left=scrollerleft-scrollerborder
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
scrollin()
}
}
function scrollin(){
if (document.all){
if (document.all.scrollertext.style.posTop>scrollertop) {
clipbottom+=step
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.scrollertext.style.posTop-=step
var timer=setTimeout("scrollin()",pause)
}
else {
clearTimeout(timer)
var timer=setTimeout("scrollout()",standstill)
}
}
if (document.layers){
if (document.scrollertext.top>scrollertop) {
clipbottom+=step
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
document.scrollertext.top-=step
var timer=setTimeout("scrollin()",pause)
}
else {
clearTimeout(timer)
var timer=setTimeout("scrollout()",standstill)
}
}
}
function scrollout(){
if (document.all){
if (document.all.scrollertext.style.posTop>(scrollertop-scrollerheight)) {
cliptop+=step
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.scrollertext.style.posTop-=step
var timer=setTimeout("scrollout()",pause)
}
else {
clearTimeout(timer)
changemessage()
}
}
if (document.layers){
if (document.scrollertext.top>(scrollertop-scrollerheight)) {
cliptop+=step
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
document.scrollertext.top-=step
var timer=setTimeout("scrollout()",pause)
}
else {
clearTimeout(timer)
changemessage()
}
}
}
function changemessage(){
i_message++
if (i_message>message.length-1) {i_message=0}
mes_joined=message[i_message]
mes_split=mes_joined.split("|")
cliptop=0
clipbottom=0
contenttext="<table cellpadding=4 cellspacing=0 border=0>"
contenttext+="<tr valign='top'>"
contenttext+="<td align="+titlealign+" width="+titlezonewidth+" height='"+scrollerheight+"' bgcolor='"+titlezonebg+"'>"
contenttext+="<a href='"+mes_split[2]+"' target='"+targetlink+"'>"
contenttext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"
contenttext+=pre_titlebold
contenttext+=mes_split[0]
contenttext+=after_titlebold
contenttext+="</font></a></td>"
contenttext+="<td align="+copyalign+" width="+copyzonewidth+" height='"+scrollerheight+"' bgcolor='"+copyzonebg+"'>"
contenttext+="<font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"
contenttext+=pre_copybold
contenttext+=mes_split[1]
contenttext+=after_copybold
contenttext+="</font></td></tr>"
contenttext+="</table>"
if (document.all) {
scrollertext.innerHTML=contenttext
document.all.scrollertext.style.posTop=scrollertop+scrollerheight
document.all.scrollertext.style.posLeft=scrollerleft
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollin()
}
if (document.layers) {
document.scrollertext.document.write(contenttext)
document.scrollertext.document.close()
document.scrollertext.top=scrollertop+scrollerheight
document.scrollertext.left=scrollerleft
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
scrollin()
}
}
-->
</script>在 message[0]="奇摩|台灣入口網站 1|http://tw.yahoo.com/" 中修改依序為
連結文字|連結說明|連結位置
前面數字需依序編號在 var scrollerheight=20 中修改捲軸的高度 在 var titlezonewidth=50 中修改標題欄的寬度 在 var copyzonewidth=115 中修改說明欄的寬度 在 var scrollertop=170 中修改距離視窗上方的距離 在 var scrollerleft=160 中修改距離視窗左方的距離 在 var scrollerborder=5 中修改表框的粗細 在 var titlezonebg="FF8000" 中修改標題欄的背景色 在 var copyzonebg="FF9F40" 中修改說明欄的背景色 在 var scrollbg="CCCCCC" 中修改表格的底色 在 var targetlink="_blank" 中修改連結的方式 在 var font_titleface="細明體"、var font_titlecolor="FFFFFF"、var font_titlesize=2 中修改標題文字的字型、顏色、大小 在 var font_copyface="細明體"、var font_copycolor="FFFFFF"、var font_copysize=2 中修改說明文字的字型、顏色、大小 在 var titlebold=0 中修改標題文字的粗細，0為正常1為粗體 在 var copybold=0 中修改說明文字的粗細，0為正常1為粗體 在 var titlealign="center" 中修改標題文字對齊方式 在 var copyalign="left" 中修改說明文字對齊方式 在 var standstill=4000 中修改停頓的時間
語法展示:: http://home.graffiti.net/gchgfhf/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<div id="tsai1" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:100pt;background-color:#FFFFFF">
<layer name="nstip" width=1000px ></layer>
</div>
<script language="JavaScript">
<!--
if (!document.layers&&!document.all)
event="test"
function wenchin(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tsai1.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tsai1.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tsai1.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tsai1.style.visibility="visible"
}
else if (document.layers){
document.tsai1.document.nstip.document.write('<b>'+text+'</b>')
document.tsai1.document.nstip.document.close()
document.tsai1.document.nstip.left=0
currentscroll=setInterval("wenchin1()",100)
document.tsai1.left=e.pageX+10
document.tsai1.top=e.pageY+10
document.tsai1.visibility="show"
}
}
function tsai(){
if (document.all)
document.all.tsai1.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tsai1.visibility="hidden"
}
}
function wenchin1(){
if (document.tsai1.document.nstip.left>=-document.tsai1.document.nstip.document.width)
document.tsai1.document.nstip.left-=5
else
document.tsai1.document.nstip.left=150
}
-->
</script>
<a href="http://blog.pixnet.net/como0925" target="_blank" onMouseOver="wenchin(this,event,'閒閒沒事到處逛逛的好地方，每天都有新內容，這裡是謀殺時間的好去處')" onMouseOut="tsai()"><img src="anm-050.gif" border=0></a>
</center>
| 在 width:100pt 中修改說明內框的大小 |
| 在 background-color:#FFFFFF 中修改說明內框的底色 |
| 自行修改連結的位置、連結說明、以及連結的LoGo |
| 內框文字的顏色為網頁預設文字顏色 |
| 自行增加連結數量，其語法為 <a href="連結網址" target="_blank" onMouseOver="wenchin(this,event,'連結說明')" onMouseOut="tsai()"><img src="LoGo位置" border=0></a> 但切記不可斷行 |
語法展示:: http://home.graffiti.net/fghjgfhfg/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<div id="object1" style="position:absolute; visibility:show;
left:25px; top:-50px; z-index:2">layer hidden off the screen</div>
<a href="#" onMouseOver="popLayer(1)" onMouseOut="hideLayer(-50)" target="_blank">請指這邊</a>
<a href="#" onMouseOver="popLayer(2)" onMouseOut="hideLayer(-50)" target="_blank">這邊也有!</a>
</center>
在 <a href="#" onMouseOver="popLayer(1)" onMouseOut="hideLayer(-50)" target="_blank">請指這邊</a> 中修改連結的名稱及網址
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
function setupDescriptions() {
var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4) setVariables();
}
var x,y,a,b;
function setVariables(){
if (navigator.appName == "Netscape") {
h=".left=";
v=".top=";
dS="document.";
sD="";
}
else
{
h=".pixelLeft=";
v=".pixelTop=";
dS="";
sD=".style";
}
}
var isNav = (navigator.appName.indexOf("Netscape") !=-1);
function popLayer(a){
desc = "<table cellpadding=3 border=1 bgcolor=FFDFBF><td>";
if (a==1) desc += "有沒有看到這個說明ㄚ......"
if (a==2) desc += "~*^_^*~";
desc += "</td></table>";
if(isNav) {
document.object1.document.write(desc);
document.object1.document.close();
document.object1.left=x+25;
document.object1.top=y;
}
else {
object1.innerHTML=desc;
eval(dS+"object1"+sD+h+(x+25));
eval(dS+"object1"+sD+v+y);
}
}
function hideLayer(a){
if(isNav) {
eval(document.object1.top=a);
}
else object1.innerHTML="";
}
function handlerMM(e){
x = (isNav) ? e.pageX : event.clientX;
y = (isNav) ? e.pageY : event.clientY;
}
if (isNav){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
-->
</script>
| 在 if (a==1) desc += "有沒有看到這個說明ㄚ......" 中修改說明一顯示的文字 |
| 在 if (a==2) desc += "~*^_^*~"; 中修改說明二顯示的文字 |
將以下程式碼複製，貼在<body >標籤裡面。
OnLoad="setupDescriptions()"
語法展示:: http://home.graffiti.net/edffhjuk888ku/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<a href="#"
onMouseOver="window.status='你看！有說明喔^_^';return true;"
onMouseOut="window.status=' ';">把游標移過來，再看看下面的狀態列</a>
</center>在 a href="#" 中修改按鈕的文字及連結網址 在 onMouseOver="window.status='你看！有說明喔^_^';return true;" 中修改說明的內容 在 onMouseOut="window.status=' ';">把游標移過來，再看看下面的狀態列</a> 中修改連結的文字
語法展示:: http://home.graffiti.net/lkivbfr/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<form name='tooltipsform'>
<input type="text" name="tips" size="50" value="把游標移到下面的連結上">
</form>
<a href="#" onMouseOver="writeTip(2);return true" onMouseOut="writeTip(1)">請指這邊</a>
<a href="#" onMouseOver="writeTip(3);return true" onMouseOut="writeTip(1)">這邊也有!</a>
</center>
在 <input type="text" name="tips" size="50" value="把游標移到下面的連結上"> 中修改顯示欄位的長度
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
function MakeArray(n) {
this.length = n;
for (var i = 1; i <= n; i++) {
this[i] = 0 }
return this
}
var ToolTips = new MakeArray(1);
ToolTips[0] = 1; //number of tips
ToolTips[1] = "把游標移到這裡的連結↓及這裡的連結↓";
ToolTips[2] ="有沒有看到這個說明ㄚ......";
ToolTips[3] = "~*^_^*~";
function writeTip(imgIndex ){
document.tooltipsform.tips.value=(ToolTips[imgIndex]);
}
-->
</script>在 ToolTips[1] = "把游標移到這裡的連結↓及這裡的連結↓"; 中修改未選擇說明時顯示的文字 在 ToolTips[2] ="有沒有看到這個說明ㄚ......"; 中修改說明一顯示的文字 在 ToolTips[3] = "~*^_^*~"; 中修改說明二顯示的文字
語法展示:: http://home.graffiti.net/erfvbtgghtr/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<a href="http://chinese.yahoo.com/" _fcksavedurl=""http://chinese.yahoo.com/"" target="main" onMouseOut="slide(0)" onMouseOver="slide(1)">
<img alt="台灣雅虎" name="i1" src="11.jpg" border="0" vspace="2" width="70" height="19"></a>
<a href="http://cn.yahoo.com/" target="main" onMouseOut="slide(0)" onMouseOver="slide(2)">
<img alt="中國雅虎" name="i2" src="21.jpg" border="0" vspace="2" width="70" height="19"></a>
<a href="http://hk.yahoo.com/" target="main" onMouseOut="slide(0)" onMouseOver="slide(3)">
<img alt="香港雅虎" name="i3" src="31.jpg" border="0" vspace="2" width="70" height="19"></a>
</center>
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
agent = navigator.userAgent;
browserVer = 2;
if (agent.indexOf("a/3",6) == -1 & agent.indexOf("a/4",6) == -1) {browserVer = 2}
else {browserVer = 3}
if (browserVer == 3) {
i1a = new Image();
i1b = new Image();
i2a = new Image();
i2b = new Image();
i3a = new Image();
i3b = new Image();
i1a.src = "11.jpg";
i1b.src = "12.jpg";
i2a.src = "21.jpg";
i2b.src = "22.jpg";
i3a.src = "31.jpg";
i3b.src = "32.jpg";
}
function slide(position) {
if (browserVer == 3) {
if (position == 0) {
document.i1.src = i1a.src
document.i2.src = i2a.src
document.i3.src = i3a.src
return true;
}
else if (position == 1) {
document.i1.src = i1b.src
document.i2.src = i2a.src
document.i3.src = i3a.src
return true;
}
else if (position == 2) {
document.i1.src = i1a.src
document.i2.src = i2b.src
document.i3.src = i3a.src
return true;
}
else if (position == 3) {
document.i1.src = i1a.src
document.i2.src = i2a.src
document.i3.src = i3b.src
return true;
}
}
}
-->
</script>
在 i1a.src = "11.jpg"; i1b.src = "12.jpg"; i2a.src = "21.jpg"; i2b.src = "22.jpg"; i3a.src = "31.jpg"; i3b.src = "32.jpg"; 中修改圖形的位置及名稱
不要忘記付件也要一起帶回家喔~!!...... >>>>>>我是附件帶我回家<<<<<<<
下載後解壓縮，將圖檔置於網頁同一目錄下
語法展示:: http://home.graffiti.net/khfhfh44g/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<form>
<input TYPE="button" VALUE="變化連結按鈕" NAME="goTo" onClick="window.goToUrl()">
</form>
</center>
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var startTime =null;
var timerID =null;
var initial =new Date();
var pos =0;
var menuItem =null;
function initArray() {
this.length = initArray.arguments.length
for (var i = 0; i < this.length; i++) {
this[i+1] = initArray.arguments[i]
}
}
function parsemenuItem(data,num) {
for(var i=0;i<data.length;i++) {
if(data.substring(i,i+1)=="|") break;
}
if (num==0) return(data.substring(0,i));
else return(data.substring(i+1,data.length));
}
function startTimer() {
initial = new Date();
startTime=initial.getTime();
stopTimer();
menuItem = new initArray(
"奇摩|http://tw.yahoo.com/",
"雅虎|http://chinese.yahoo.com/",
"蕃薯藤|http://www.yam.com/",
"新浪網|http://www.sina.com.tw/",
"PChome|http://www.pchome.com.tw/",
"紫蓮の翼|http://blog.pixnet.net/como0925" );
showTimer();
}
function stopTimer() {
timerID=null;
menuItem=null;
//clearTimeout(timerID);
}
function showTimer() {
pos= (pos == menuItem.length) ? 1 : pos + 1;
document.forms[0].elements[0].value=parsemenuItem(menuItem[pos],0);
timerID=window.setTimeout('showTimer()',3000);
}
function goToUrl() {
//parent.welcome.location=parsemenuItem(menuItem[pos],1);
this.location=parsemenuItem(menuItem[pos],1);
return (false);
}
-->
</script>自行增減連結的數量及路徑 在 timerID=window.setTimeout('showTimer()',3000); 中修改變化的速度(每1秒=1000)
將以下程式碼複製，貼在<body >標籤裡面。
onload="window.startTimer()"
語法展示:: http://home.graffiti.net/mjkjhjih/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<form onMouseover="change('#FFFF00')" onMouseout="change('')">
<input type="button" value="奇摩" onClick="jumpto('http://tw.yahoo.com/')">
<input type="button" value="雅虎" onClick="jumpto('http://chinese.yahoo.com/')">
<input type="button" value="蕃薯藤" onClick="jumpto('http://www.yam.com/')">
<input type="button" value="新浪網" onClick="jumpto('http://www.sina.com.tw/')">
<input type="button" value="PChome" onClick="jumpto('http://www.pchome.com.tw/')">
<input type="button" value="紫蓮の翼" onClick="jumpto('http://blog.pixnet.net/como0925')">
</form>
</center>
將以下程式碼複製，貼在<head>及</head>標籤之間。
