語法展示:: 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> asp520520 發表在 痞客邦 留言(0) 人氣(4)
語法展示:: 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> asp520520 發表在 痞客邦 留言(0) 人氣(13)
語法展示:: 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>標籤之間。
<script language=javaScript>
<!--
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
var backgroundcolor="#DFBFFF"
var standstill=2000
var speed=120
var xdistance=10
var ydistance=15
var timer
var topposition=0
var leftposition=0
var x,y
var i_substring=0
var i_presubstring=0
var i_message=0
var message
var messagecontent=""
var messagebackground=""
var messagepresubstring=""
var messageaftersubstring=""
fntweight=fntweight*100
function getmessagebackground() {
messagebackground="<table border="+borderwidth+" width="+tickerwidth+" height="+tickerheight+" cellspacing=0 cellpadding=0><tr><td valign=top bgcolor='"+backgroundcolor+"'>"
messagebackground+=" </td></tr></table>"
}
function getmessagecontent() {
messagecontent="<table border=0 cellspacing=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>"
messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>"
messagecontent+="<font color='"+fntcolor+"'>"
messagecontent+=messagepresubstring
messagecontent+="</font>"
messagecontent+="</span>"
messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsizelastletter+"pt;font-weight:900'>"
messagecontent+="<font color='"+fntcolorlastletter+"'>"
messagecontent+=messageaftersubstring
messagecontent+="</font>"
messagecontent+="</span>"
messagecontent+="</td></tr></table>"
}
function showticker() {
if (i_substring<=message.length-1) {
i_substring++
i_presubstring=i_substring-1
if (i_presubstring<0) {i_presubstring=0}
messagepresubstring=message.substring(0,i_presubstring)
messageaftersubstring=message.substring(i_presubstring,i_substring)
getmessagecontent()
if (document.all) {
ticker.innerHTML=messagecontent
timer=setTimeout("showticker()", speed)
}
if (document.layers) {
document.ticker.document.write(messagecontent)
document.ticker.document.close()
timer=setTimeout("showticker()", speed)
}
}
else {
clearTimeout(timer)
}
}
function hideticker() {
clearTimeout(timer)
i_substring=0
i_presubstring=0
if (document.all) {
document.all.ticker.style.visibility="hidden"
document.all.tickerbg.style.visibility="hidden"
}
if (document.layers) {
document.ticker.visibility="hidden"
document.tickerbg.visibility="hidden"
}
}
function showmessage(linkmessage) {
getmessagebackground()
message=linkmessage
i_substring=0
i_presubstring=0
leftposition=x+xdistance
topposition=y+ydistance
if (document.all) {
document.all.ticker.style.posLeft=leftposition
document.all.ticker.style.posTop=topposition
document.all.tickerbg.style.posLeft=leftposition
document.all.tickerbg.style.posTop=topposition
tickerbg.innerHTML=messagebackground
document.all.ticker.style.visibility="visible"
document.all.tickerbg.style.visibility="visible"
showticker()
}
if (document.layers) {
document.ticker.left=leftposition
document.ticker.top=topposition
document.tickerbg.left=leftposition
document.tickerbg.top=topposition
document.tickerbg.document.write(messagebackground)
document.tickerbg.document.close()
document.ticker.visibility="visible"
document.tickerbg.visibility="visible"
showticker()
}
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
-->
</script>| 在 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 中修改提示框與連結文字垂直的距離 |
| |
asp520520 發表在 痞客邦 留言(0) 人氣(4)
語法展示:: 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="要記得回來灌灌水喔";
中修改游標移開後顯示的文字 |
asp520520 發表在 痞客邦 留言(0) 人氣(2)
語法展示:: 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"; 中修改自己的亂碼樣式
asp520520 發表在 痞客邦 留言(0) 人氣(5)
語法展示:: 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 中修改停頓的時間 |
asp520520 發表在 痞客邦 留言(0) 人氣(5)
語法展示:: 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>
但切記不可斷行 |
asp520520 發表在 痞客邦 留言(0) 人氣(1)
語法展示:: 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()" asp520520 發表在 痞客邦 留言(0) 人氣(3)
語法展示:: 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> 中修改連結的文字 |
asp520520 發表在 痞客邦 留言(0) 人氣(4)
語法展示:: 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] = "~*^_^*~"; 中修改說明二顯示的文字 |
asp520520 發表在 痞客邦 留言(0) 人氣(3)