語法展示:: 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) 人氣(2,420)
語法展示:: 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) 人氣(272)
語法展示:: 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) 人氣(234)
語法展示:: 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) 人氣(252)
語法展示:: 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) 人氣(182)
語法展示:: 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) 人氣(1,478)
語法展示:: 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) 人氣(621)
紫蓮の翼 發表在 痞客邦 留言(3) 人氣(1,072)
語法展示:: 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) 人氣(291)
語法展示:: 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) 人氣(222)
網頁特效語法 (11)