語法展示:: http://home.graffiti.net/fjfghfghjg/請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<head>及</head>標籤之間。 <style type="text/css">
<!--
A:hover{color:#FF0000;background-color:#FFFF80}
A.MainMenu{text-decoration:none;font:10pt;color:#0000FF}
A.SubMenu{text-decoration:none;font-weight:normal;font:10pt;color:#9F40FF}
DIV.SubMenu{margin-left:10pt}
.cdh{color:#1F1F1F;font:10pt}
-->
</style>
<script language="JavaScript">
<!--
var currentMenu = 1;
function ShowSubMenu(id) {
if (document.all["SubMenu" + id].style.display == "")
{
document.all["SubMenu" + id].style.display = "none";
currentMenu = 0;
}
else
{
if (currentMenu != 0) {document.all["SubMenu" + currentMenu].style.display = "none";}
document.all["SubMenu" + id].style.display = "";
currentMenu = id;
}
}
-->
</script>
| 在 A:hover{color:#FF0000;background-color:#FFFF80} 中修改游標觸碰時文字的顏色及底色 |
| 在 A.MainMenu{text-decoration:none;font:10pt;color:#0000FF} 中修改分類大項的文字大小及顏色 |
| 在 A.SubMenu{text-decoration:none;font-weight:normal;font:10pt;color:#9F40FF} 中修改內部連結的文字大小及顏色 |
| 在 DIV.SubMenu{margin-left:10pt} 中修改內部連結部份距離視窗左方的距離 |
| 在 .cdh{color:#1F1F1F;font:10pt} 中修改細部分類標題的文字大小及顏色(如果沒有可省略) |
新人報到~!! 發表在 痞客邦 留言(0) 人氣(1)
語法展示:: http://home.graffiti.net/kjgfhgfhf/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language=JavaScript1.2>
<!--
var scrollerwidth=500
var scrollerheight=100
var scrollerbgcolor='white'
var pausebetweenimages=5000
var slideimages=new Array()
slideimages[0]='<a href="http://www.sina.com.tw/" target="_blank"><img src="http://www.sina.com.tw/service/sina_logo.gif" border=0 alt="新浪網"></a>'
slideimages[1]='<a href="http://blog.pixnet.net/como0925" target="_blank"><img src="3.gif" border=0 alt="紫蓮の翼"></a>'
slideimages[2]='<a href="http://www.sina.com.tw/" target="_blank"><img src="http://www.sina.com.tw/service/sina_logo.gif" border=0 alt="新浪網"></a>'
slideimages[3]='<a href="http://blog.pixnet.net/como0925" target="_blank"><img src="3.gif" border=0 alt="紫蓮の翼"></a>'
if (slideimages.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
-->
</script>
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgcolor=&{scrollerbgcolor};>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script>
</layer>
</ilayer>
<p>
<CENTER>
<script language="JavaScript1.2">
<!--
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
-->
</script>
</CENTER>
| 在 var scrollerwidth=88 中修改LoGo的寬度 |
| 在 var scrollerheight=31 中修改LoGo的高度 |
| 在 var pausebetweenimages=5000 中修改轉動的速度(每1秒=1000) |
| 自行增加修改連結的內容 |
新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)
語法展示:: http://home.graffiti.net/kghjgff456/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<script language="JavaScript1.2">
<!--
var marqueewidth=150
var marqueeheight=50
var speed=1
var marqueecontents='<center><P><a href="http://blog.pixnet.net/como0925" target="_blank"><img src="3.gif" border=0 alt="紫蓮の翼"></a><P><a href="http://tw.yahoo.com/" target="_blank"><img src="http://tw.search.yahoo.com/pic/y!kimo_40.gif" border=0 alt="奇摩"></a><P><a href="http://chinese.yahoo.com/" target="_blank"><img src="http://us.yimg.com/i/cn/cat.gif" border="0" alt="雅虎"></a><P><a href="http://www.yam.com/" target="_blank"><img src="http://www.yam.com/searchyam/img/yamsearch12090w3.gif" border=0 alt="蕃薯藤"></a><P><a href="http://www.sina.com.tw/" target="_blank"><img src="http://www.sina.com.tw/service/sina_logo.gif" border=0 alt="新浪網"></a><P><a href="http://www.pchome.com.tw/" target="_blank"><img src="http://event.pchome.com.tw/profile/authorized/img/logo3.gif" border=0 alt="PChome"></a></a></center>'
if (document.all)
document.write('<marquee direction="down" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.height
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}
window.onload=regenerate2
-->
</script>
<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">
<layer name="cmarquee02" width=&{marqueewidth}; height=&{marqueeheight};></layer>
</ilayer>
</center>
| 在 var marqueewidth=150 中修改跑馬燈的寬度(請填寫最寬的) |
| 在 var marqueeheight=50 中修改跑馬燈的高度 |
| 在 var speed=1 中修改跑馬燈的速度 |
| 自行增加修改連結的內容，但切記不可斷行 |
新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)
語法展示:: http://home.graffiti.net/khhgfgfg/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript">
<!--
var w=650
var speed=5
var side=new Array()
var slide=''
side[0]='<a href="http://tw.yahoo.com/" target="_blank"><img src="http://tw.search.yahoo.com/pic/y!kimo_40.gif" border=0 alt="奇摩"></a>'
side[1]='<a href="http://chinese.yahoo.com/" target="_blank"><img src="http://us.yimg.com/i/cn/cat.gif" border=0 alt="雅虎"></a>'
side[2]='<a href="http://www.yam.com/" target="_blank"><img src="http://www.yam.com/searchyam/img/yamsearch12090w3.gif" border=0 alt="蕃薯藤"></a>'
side[3]='<a href="http://www.sina.com.tw/" target="_blank"><img src="http://www.sina.com.tw/service/sina_logo.gif" border=0 alt="新浪網"></a>'
side[4]='<a href="http://www.pchome.com.tw/" target="_blank"><img src="http://event.pchome.com.tw/profile/authorized/img/logo3.gif" border=0 alt="PChome"></a>'
var picspeed=speed
for (i=0;i<side.length;i++)
slide=slide+side[i]+" "
if (document.all){
document.write('<marquee id="logo" scrollAmount=0 style="width:'+w+'">'+slide+'</marquee>')
logo.onmouseover=new Function("logo.scrollAmount=0")
logo.onmouseout=new Function("if (document.readyState=='complete') logo.scrollAmount=speed")
}
function load(){
window.location.reload()
}
function load2(){
if (document.layers){
document.idea.visibility="show"
setTimeout("window.onresize=load",450)
inside()
}
if (document.all)
logo.scrollAmount=speed
}
function inside(){
document.idea.document.yan.document.write('<nobr>'+slide+'</nobr>')
document. idea.document.yan.document.close()
thelength=document.idea.document.yan.document.width
scride()
}
function scride(){
if (document.idea.document.yan.left>=thelength*(-1)){
document.idea.document.yan.left-=speed
setTimeout("scride()",100)
}
else{
document.idea.document.yan.left=w
scride()
}
}
window.onload=load2
-->
</script>
| 在 var w=450 中修改跑馬燈從右邊出現的位置 |
| 在 var speed=5 中修改跑馬燈的速度 |
| 自行修改連結的內容 |
新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)
語法展示:: http://home.graffiti.net/hjgfjgfjf/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript1.2">
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=20
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}
-->
</script>
<center>
<a href="http://blog.pixnet.net/como0925" target="_blank">
<img src="3.gif" style="filter:alpha(opacity=40)"
onMouseover="high(this)" onMouseout="low(this)" border="0">
</a>
</center>
| 在 a href="http://www.yam.com/" 中修改連結的網址 |
| 在 img src="http://www.yam.com/searchyam/img/yamsearch12090w3.gif" 中修改圖檔的位置 |
新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)
語法展示:: http://home.graffiti.net/rfvgfffdfd/請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<div id="float" style="position:absolute;left:0pt;top:0pt;z-index:9;overflow:visible; visibility: visible; width: 100pt; height: 100pt">
<table border="0">
<tr>
<td align="center" valign="top" bgcolor=#FF0000>
<div align="left"><tt> <a href="http://tw.yahoo.com/">奇摩</a><br>
<a href="http://chinese.yahoo.com/">雅虎</a><br>
<a href="http://www.yam.com/">蕃薯藤</a><br>
<a href="http://www.sina.com.tw/">新浪網</a><br>
<a href="http://www.pchome.com.tw/">PC home</a><br>
<a href="http://blog.pixnet.net/como0925">紫蓮の翼</a></tt></div>
</td>
</tr>
</table>
</div>
<div align="right">
<script language="JavaScript">
<!--
function InIE(theName,WantTop,WantLeft) {
RealTop=parseInt(document.body.scrollTop)
TrueTop=WantTop+RealTop
document.all[theName].style.top=TrueTop
RealLeft=parseInt(document.body.scrollLeft)
TrueLeft=WantLeft+RealLeft
document.all[theName].style.left=TrueLeft
}
function InNN(theName,WantX,WantY) {
RealLay=document.layers[theName]
BadX=self.pageYOffset
BadY=self.pageXOffset
RealX=BadX+WantX
RealY=BadY+WantY
RealLay.moveTo(RealY,RealX)
}
IE4=(document.all)?1:0
NN4=(document.layers)?1:0
if (IE4)
setInterval('InIE("float",0,2)',1)
if (NN4)
setInterval('InNN("float",0,2)',1)
-->
</script>
</div> 新人報到~!! 發表在 痞客邦 留言(0) 人氣(33)
語法展示:: http://home.graffiti.net/khgfggfffd/請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
function MFXinitMenu(){
IE = document.all ? 1:0;
NN = document.layers ? 1:0;
HIDDEN = (NN) ? 'hide' : 'hidden';
VISIBLE = (NN) ? 'show' : 'visible';
myLayer=new Array();
mySpeed=5;
subLeft=0;
closes=true;
myLayer[0]=(NN) ? document.MFX0 : document.all.MFX0.style;
myLayer[1]=(NN) ? document.MFX1 : document.all.MFX1.style;
running=false;
whichOpen=-1;
lastMain=myLayer.length-2;
MFXmain=new Array();
for(i=0; i<myLayer.length; i++){
mainORsub= i % 2;
MFXmain[i] = mainORsub ? 0:1;
}
myTop=new Array();
myLeft=new Array();
myHeight=new Array();
myWidth=new Array();
mySlide=new Array();
for(i=0; i<myLayer.length; i++){
if(NN&&MFXmain[i]){
if(i==0){
myTop[i]=myLayer[i].top;
myLeft[i]=myLayer[i].left;}
else{
myLeft[i]=myLeft[i-2];
myTop[i]=myTop[i-2]+myHeight[i-2];}
myHeight[i]=myLayer[i].clip.height;
myWidth[i]=myLayer[i].clip.width;
myLayer[i].left=myLeft[i];
myLayer[i].top=myTop[i];
myLayer[i].visibility=VISIBLE;}
if(NN&&!MFXmain[i]){
myTop[i]=myTop[i-1]+myHeight[i-1];
myLeft[i]=myLeft[i-1];
myHeight[i]=myLayer[i].clip.height;
myWidth[i]=myLayer[i].clip.width;
mySlide[i]=myTop[i]+myHeight[i];
myLayer[i].left=myLeft[i]+subLeft;
myLayer[i].top=myTop[i];}
if(IE&&MFXmain[i]){
if(i==0){
myLeft[i]=myLayer[i].pixelLeft;
myTop[i]=myLayer[i].pixelTop;}
else{
myLeft[i]=myLeft[i-2];
myTop[i]=myTop[i-2]+myHeight[i-2];}
myHeight[i]=myLayer[i].pixelHeight;
myWidth[i]=myLayer[i].pixelWidth;
myLayer[i].left=myLeft[i];
myLayer[i].top=myTop[i];
myLayer[i].visibility=VISIBLE;}
if(IE&&!MFXmain[i]){
myTop[i]=myTop[i-1]+myHeight[i-1];
myLeft[i]=myLeft[i-1];
myHeight[i]=myLayer[i].pixelHeight;
myWidth[i]=myLayer[i].pixelWidth;
myLayer[i].pixelLeft=myLeft[i]+subLeft;
myLayer[i].pixelTop=myTop[i];
mySlide[i]=myTop[i]+myHeight[i];
}
}
}
function MFXrunMenu(myName,newspeed){
ieStep=0;
thereS=false;
thereC=false;
if(newspeed>0){mySpeed=newspeed;}
first=myName;
if(whichOpen==-1&&!running&&MFXmain[myName]&&!(whichOpen==myName)){
running=true;
if(NN){
myLayer[myName+1].clip.height=0;
myLayer[myName+1].visibility=VISIBLE;
}
if(IE){
myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (0) +" "+ ("auto") +")";
myLayer[myName+1].visibility=VISIBLE;
}
MFXopenMenuS(myName);
MFXopenMenuC(myName);
}
if(whichOpen>=0&&!running&&!(whichOpen==myName)){
running=true;
second=whichOpen;
ieStep1=myHeight[second+1];
thereCS=false;
thereCC=false;
MFXcloseMenuS(second);
MFXcloseMenuC(second);
}
if(whichOpen>=0&&!running&&whichOpen==myName&&closes){
running=true;
second=whichOpen;
ieStep1=myHeight[second+1];
thereCS=false;
thereCC=false;
MFXcloseMenuS(second);
MFXcloseMenuC(second);
}
}
function MFXstopCloseS(myName){
running=false;
thereCS=true;
if(closes&&first==whichOpen){whichOpen=-1;}
else{whichOpen=-1;
MFXrunMenu(first);
}
}
function MFXstopOpenS(myName){
running=false;
thereS=true;
if(IE){myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ ("auto") +" "+ ("auto") +")";}
whichOpen=myName;
}
function MFXopenMenuS(myName){
myStep=mySpeed;
if(NN&&!thereS&&!(first==lastMain)){
if(myLayer[first+2].top+myStep>mySlide[first+1]){
myStep=mySlide[first+1]-myLayer[first+2].top;
}
for(i=first+2; i<myLayer.length; i+=2){
myLayer[i].top+=myStep;
}
if(myLayer[first+2].top==mySlide[first+1]){
MFXstopOpenS(first)
}
if(running)setTimeout('MFXopenMenuS(first)',10);
}
if(IE&&!thereS&&!(first==lastMain)){
if(myLayer[first+2].pixelTop+myStep>mySlide[first+1]){
myStep=mySlide[first+1]-myLayer[first+2].pixelTop;
}
for(i=first+2; i<myLayer.length; i+=2){
myLayer[i].pixelTop+=myStep;
}
if(myLayer[first+2].pixelTop==mySlide[first+1]){
MFXstopOpenS(first)
}
if(running)setTimeout('MFXopenMenuS(first)',10);
}
}
function MFXopenMenuC(myName){
myStep=mySpeed;
if(NN&&!thereC){
if ((myLayer[first+1].clip.height+myStep)>myHeight[first+1]){
myLayer[first+1].clip.height=myHeight[first+1]
}
if(myLayer[first+1].clip.height==myHeight[first+1]){
thereC=true;
whichOpen=first;
MFXstopOpenS(first)
}else{
myLayer[first+1].clip.height+=myStep;
}
if(running)setTimeout('MFXopenMenuC(first)',10);
}
if(IE&&!thereC){
ieStep+=myStep;
myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (ieStep) +" "+ ("auto") +")";if(ieStep>=myHeight[first+1]){
thereC=true;
whichOpen=first;
MFXstopOpenS(first)
}
if(running)setTimeout('MFXopenMenuC(first)',10);
}
}
function MFXcloseMenuS(myName){
myStep=mySpeed;
if(NN&&!thereCS&&!(second==lastMain)){
if(myLayer[second+2].top-myStep<myTop[second+2]){
myStep=myLayer[second+2].top-myTop[second+2];
}
for(i=second+2; i<myLayer.length; i+=2){
myLayer[i].top-=myStep;
}
if(myLayer[second+2].top==myTop[second+2]){
MFXstopCloseS(second);
}
if(running)setTimeout('MFXcloseMenuS(second)',10);
}
if(IE&&!thereCS&&!(second==lastMain)){
if(myLayer[second+2].pixelTop-myStep<myTop[second+2]){
myStep=myLayer[second+2].pixelTop-myTop[second+2];
}
for(i=second+2; i<myLayer.length; i+=2){
myLayer[i].pixelTop-=myStep;
}
if(myLayer[second+2].pixelTop==myTop[second+2]){
MFXstopCloseS(second);
}
if(running)setTimeout('MFXcloseMenuS(second)',10);
}
}
function MFXcloseMenuC(myName){
myStep=-mySpeed;
ieStep1-=mySpeed;
if(NN&&!thereCC){
if ((myLayer[second+1].clip.bottom+myStep)<0){
myLayer[second+1].clip.bottom=0;
}
if(myLayer[second+1].clip.bottom==0){
thereCC=true;
if(second==lastMain)MFXstopCloseS(second);
}else{
myLayer[second+1].clip.bottom+=myStep;
}
if(running)setTimeout('MFXcloseMenuC(second)',10);
}
if(IE&&!thereCC){
if(ieStep1<=0){
myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (0) +" "+ ("auto") +")";
thereCC=true;
if(second==lastMain)MFXstopCloseS(second);
}else{
myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (ieStep1) +" "+ ("auto") +")";
}
if(running)setTimeout('MFXcloseMenuC(second)',10);
}
}
-->
</script>
將以下程式碼複製，貼在<body >標籤裡面。
onLoad="MFXinitMenu()"
將以下程式碼複製，貼在<body>及</body>標籤之間。
<DIV id="MFX0" style="position: absolute; width: 90; height: 19; z-index: 11; left: 200; top: 170; visibility: hidden">
<div align="center"><a href="#" onClick="MFXrunMenu(0,5)"><img border="0" src="1.gif"><b><font size="3">入口網站</font></b></a></div>
</DIV>
<DIV id="MFX1" style="position: absolute; width: 90; height: 160; z-index: 2; left: 24; top: 191; visibility: hidden">
<div align="center">
<table border="0" cellspacing="1">
<tr>
<td align="left"><a href="http://tw.yahoo.com/" target="_blank"><img border="0" src="2.gif">奇摩</a></td>
</tr>
<tr>
<td align="left"><a href="http://chinese.yahoo.com/" target="_blank"><img border="0" src="2.gif">雅虎</a></td>
</tr>
<tr>
<td align="left"><a href="http://www.yam.com/" target="_blank"><img border="0" src="2.gif">蕃薯藤</a></td>
</tr>
<tr>
<td align="left"><a href="http://www.sina.com.tw/" target="_blank"><img border="0" src="2.gif">新浪網</a></td>
</tr>
<tr>
<td align="left"><a href="http://www.pchome.com.tw/" target="_blank"><img border="0" src="2.gif">PC home</a></td>
</tr>
</table>
</div>
</DIV>
| 在 left: 200; 中修改效果距離視窗左方的距離 |
| 在 top: 170; 中修改效果距離視窗上方的距離 |
| 自行修改連結的文字與連結的位置 |
不要忘記付件也要一起帶回家喔~!! >>>>>>我是附件帶我回家<<<<<<< 新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)
語法展示:: http://home.graffiti.net/fdgdfgdf/#請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language=JavaScript>
<!--
function MM_initTimelines() {
//MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
var ns = navigator.appName == "Netscape";
document.MM_Time = new Array(2);
document.MM_Time[0] = new Array(1);
document.MM_Time["Timeline1"] = document.MM_Time[0];
document.MM_Time[0].MM_Name = "Timeline1";
document.MM_Time[0].fps = 15;
document.MM_Time[0][0] = new String("sprite");
document.MM_Time[0][0].slot = 1;
if (ns)
document.MM_Time[0][0].obj = document.Layer1;
else
document.MM_Time[0][0].obj = document.all ? document.all["Layer1"] : null;
document.MM_Time[0][0].keyFrames = new Array(1, 10);
document.MM_Time[0][0].values = new Array(3);
document.MM_Time[0][0].values[0] = new Array(0,-5,-10,-20,-30,-40,-50,-60,-80,-100);
document.MM_Time[0][0].values[0].prop = "left";
document.MM_Time[0][0].values[1] = new Array(135,135,135,135,135,135,135,135,135,135);
document.MM_Time[0][0].values[1].prop = "top";
if (!ns) {
document.MM_Time[0][0].values[0].prop2 = "style";
document.MM_Time[0][0].values[1].prop2 = "style";
}
document.MM_Time[0][0].values[2] = new Array("inherit","inherit");
document.MM_Time[0][0].values[2].prop = "visibility";
if (!ns)
document.MM_Time[0][0].values[2].prop2 = "style";
document.MM_Time[0].lastFrame = 10;
document.MM_Time[1] = new Array(1);
document.MM_Time["Timeline2"] = document.MM_Time[1];
document.MM_Time[1].MM_Name = "Timeline2";
document.MM_Time[1].fps = 15;
document.MM_Time[1][0] = new String("sprite");
document.MM_Time[1][0].slot = 1;
if (ns)
document.MM_Time[1][0].obj = document.Layer1;
else
document.MM_Time[1][0].obj = document.all ? document.all["Layer1"] : null;
document.MM_Time[1][0].keyFrames = new Array(1, 10);
document.MM_Time[1][0].values = new Array(3);
document.MM_Time[1][0].values[0] = new Array(-100,-80,-60,-50,-40,-30,-20,-10,-5,0);
document.MM_Time[1][0].values[0].prop = "left";
document.MM_Time[1][0].values[1] = new Array(135,135,135,135,135,135,135,135,135,135);
document.MM_Time[1][0].values[1].prop = "top";
if (!ns) {
document.MM_Time[1][0].values[0].prop2 = "style";
document.MM_Time[1][0].values[1].prop2 = "style";
}
document.MM_Time[1][0].values[2] = new Array("inherit","inherit");
document.MM_Time[1][0].values[2].prop = "visibility";
if (!ns)
document.MM_Time[1][0].values[2].prop2 = "style";
document.MM_Time[1].lastFrame = 10;
for (i=0; i<document.MM_Time.length; i++) {
document.MM_Time[i].ID = null;
document.MM_Time[i].curFrame = 0;
document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
}
}
//-->
</script>
<script language=JavaScript>
<!--
function MM_timelinePlay(tmLnName, myID) { //v1.2
//Copyright 1997 Macromedia, Inc. All rights reserved.
var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
tmLn = document.MM_Time[tmLnName];
if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
if (myID == tmLn.ID) { //if Im newest
setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
fNew = ++tmLn.curFrame;
for (i=0; i<tmLn.length; i++) {
sprite = tmLn[i];
if (sprite.charAt(0) == 's') {
if (sprite.obj) {
numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range
keyFrm=1;
for (j=0; j<sprite.values.length; j++) {
props = sprite.values[j];
if (numKeyFr != props.length) {
if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
else sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
} else {
while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
else sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
} } } } }
} else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
if (fNew > tmLn.lastFrame) tmLn.ID = 0;
} }
}
//-->
</script>
<script language=JavaScript>
<!--
function MM_timelineGoto(tmLnName, fNew, numGotos) { //v1.2
//Copyright 1997 Macromedia, Inc. All rights reserved.
var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,theObj;
if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
tmLn = document.MM_Time[tmLnName];
if (numGotos != null)
if (tmLn.gotoCount == null) tmLn.gotoCount = 1;
else if (tmLn.gotoCount++ >= numGotos) {tmLn.gotoCount=0; return}
jmpFwd = (fNew > tmLn.curFrame);
for (i = 0; i < tmLn.length; i++) {
sprite = (jmpFwd)? tmLn[i] : tmLn[(tmLn.length-1)-i]; //count bkwds if jumping back
if (sprite.charAt(0) == "s") {
numKeyFr = sprite.keyFrames.length;
firstKeyFr = sprite.keyFrames[0];
lastKeyFr = sprite.keyFrames[numKeyFr - 1];
if ((jmpFwd && fNew<firstKeyFr) || (!jmpFwd && lastKeyFr<fNew)) continue; //skip if untouchd
for (keyFrm=1; keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]; keyFrm++);
for (j=0; j<sprite.values.length; j++) {
props = sprite.values[j];
if (numKeyFr == props.length) propNum = keyFrm-1 //keyframes only
else propNum = Math.min(Math.max(0,fNew-firstKeyFr),props.length-1); //or keep in legal range
if (sprite.obj != null) {
if (props.prop2 == null) sprite.obj[props.prop] = props[propNum];
else sprite.obj[props.prop2][props.prop] = props[propNum];
} } } }
tmLn.curFrame = fNew;
if (tmLn.ID == 0) eval('MM_timelinePlay(tmLnName)');
}
//-->
</script>
將以下程式碼複製，貼在<body >標籤裡面。
onLoad="MM_timelinePlay('Timeline1')"
將以下程式碼複製，貼在<body>及</body>標籤之間。
<DIV id=Layer1
style="HEIGHT: 80px; LEFT: 10px; POSITION: absolute; TOP: 125px; VISIBILITY: inherit; WIDTH: 130px; Z-INDEX: 1">
<TABLE border=0 borderColor=black cellPadding=0 cellSpacing=0 width=115>
<TBODY>
<TR>
<TD align=middle bgColor=#FFFF00 width=100><a href="http://tw.yahoo.com/" target="_blank"><font color="#FF00FF" size="2">奇摩</font></a></TD>
<TD bgColor=#c4c4c4 width=14><A href="#"
onclick="MM_timelineGoto('Timeline1','1');MM_timelinePlay('Timeline1')"><IMG
alt=隱藏目錄 border=0 src="1.gif" width="15" height="15"></A></TD></TR>
<TR>
<TD align=middle bgColor=#FFFF00 width=100><a href="http://chinese.yahoo.com/" target="_blank"><font color="#FF00FF" size="2">雅虎</font></a></TD>
<TD align=middle bgColor=#c4c4c4 rowSpan=3 width=15><font color="#000000" size="2">隱<BR>藏<BR>選<BR>單</font></TD></TR>
<TR>
<TD align=middle bgColor=#FFFF00 width=100><a href="http://www.yam.com/" target="_blank"><font color="#FF00FF" size="2">蕃薯藤</font></a></TD></TR>
<TR>
<TD align=middle bgColor=#FFFF00 width=100><a href="http://www.sina.com.tw/" target="_blank"><font color="#FF00FF" size="2">新浪網</font></a></TD></TR>
<TR>
<TD align=middle bgColor=#FFFF00 width=100><a href="http://www.pchome.com.tw/" target="_blank"><font color="#FF00FF" size="2">PC home</font></a></TD>
<TD bgColor=#c4c4c4 width=14><A href="#"
onclick="MM_timelineGoto('Timeline2','1');MM_timelinePlay('Timeline2')"><IMG
align=abscenter alt=顯示目錄 border=0
src="2.gif" width="15" height="15"></A></TD></TR></TBODY></TABLE></DIV>
| 自行修改連結的文字與連結的位置 |
| 在 bgColor=#FFFF00 中修改連結文字的顏色 |
不要忘記付件也要一起帶回家喔~!!...... >>>>>>我是附件帶我回家<<<<<<<下載後解壓縮，將圖檔置於網頁同一目錄下
新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)
語法展示:: http://home.graffiti.net/luxdgfd/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language=JavaScript>
<!--
document.onclick = popUp
function popUp() {
newX = window.event.x + document.body.scrollLeft
newY = window.event.y + document.body.scrollTop
menu = document.all.itemopen
if ( menu.style.display == ""){
menu.style.display = "none" }
else {
menu.style.display = ""}
menu.style.pixelLeft = newX - 50
menu.style.pixelTop = newY - 50
}
-->
</script>
<center>
<table id="itemopen" class='box' style='display:none'>
<tr><td><a href='http://tw.yahoo.com/' target='_blank' class="cc" >奇摩</a></td></tr>
<tr><td><a href='http://chinese.yahoo.com/' target='_blank' class="cc" >雅虎</a></td></tr>
<tr><td><a href='http://www.yam.com/' target='_blank' class="cc">蕃薯藤</a></td></tr>
<tr><td><a href='http://www.sina.com.tw/' target='_blank' class="cc" >新浪網</a></td></tr>
<tr><td><a href='http://www.pchome.com.tw/' target='_blank' class="cc" >PChome</a></td></tr>
<tr><td><a href='http://blog.pixnet.net/como0925' target='_blank' class="cc" >紫蓮の翼</a></td></tr>
</table>
</center>
新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)
語法展示:: http://home.graffiti.net/lougchfgh/請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<head>及</head>標籤之間。
<style>
<!--
#iewrap{
position:relative;
height:30px
}
#iewrap2{
position:absolute
}
#dropmenu03{
filter:revealTrans(Duration=1.5,Transition=12)
visibility:hide
}
-->
</style>
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<layer id="dropmenu02" visibility=show>
<span id="iewrap">
<span id="iewrap2" onClick="dropit2();event.cancelBubble=true;return false">
<font face="細明體"><a href="#">按我看看吧 ^_^</a></font>
</span>
</span>
</layer>
</ilayer>
<script language=JavaScript>
<!--
var enableeffect=true
var selection=new Array()
selection[0]='<font face="細明體"><a href="http://tw.yahoo.com/" target="_blank">奇摩</a></font><br>'
selection[1]='<font face="細明體"><a href="http://chinese.yahoo.com/" target="_blank">雅虎</a></font><br>'
selection[2]='<font face="細明體"><a href="http://www.yam.com/" target="_blank">蕃薯藤</a></font><br>'
selection[3]='<font face="細明體"><a href="http://www.sina.com.tw/" target="_blank">新浪網</a></font><br>'
selection[4]='<font face="細明體"><a href="http://www.pchome.com.tw/" target="_blank">PC home</a></font><br>'
selection[5]='<font face="細明體"><a href="http://blog.pixnet.net/como0925" target="_blank">紫蓮の翼</a></font><br>'
if (document.layers)
document.dropmenu01.document.dropmenu02.visibility='show'
function dropit2(){
if (document.all){
dropmenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX
dropmenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (dropmenu03.style.visibility=="hidden"){
if (enableeffect)
dropmenu03.filters.revealTrans.apply()
dropmenu03.style.visibility="visible"
if (enableeffect)
dropmenu03.filters.revealTrans.play()
}
else{
hidemenu()
}
}
}
function dropit(e){
if (document.dropmenu03.visibility=="hide")
document.dropmenu03.visibility="show"
else
document.dropmenu03.visibility="hide"
document.dropmenu03.left=e.pageX-e.layerX
document.dropmenu03.top=e.pageY-e.layerY+19
return false
}
function hidemenu(){
if (enableeffect)
dropmenu03.filters.revealTrans.stop()
dropmenu03.style.visibility="hidden"
}
function hidemenu2(){
document.dropmenu03.visibility="hide"
}
if (document.layers){
document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK)
document.dropmenu01.document.dropmenu02.onclick=dropit
}
else if (document.all)
document.body.onclick=hidemenu
-->
</script>
<div id="dropmenu03" style="position:absolute;left:2;top:2;layer-background-color:FFBFFF;background-color:;width:70;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript1.2">
<!--
if (document.all)
dropmenu03.style.padding='6px'
for (i=0;i<selection.length;i++)
document.write(selection[i])
-->
</script>
</div>
<script language="JavaScript1.2">
<!--
if (document.layers){
document.dropmenu03.captureEvents(Event.CLICK)
document.dropmenu03.onclick=hidemenu2
}
-->
</script>
</center>
新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)
