目前分類:網頁語法特效~超連結 (37)

瀏覽方式: 標題列表 簡短摘要

語法展示::  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} 中修改細部分類標題的文字大小及顏色(如果沒有可省略)


將以下程式碼複製,貼在<body>及</body>標籤之間。

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="center">
<a class="MainMenu" href="JavaScript:ShowSubMenu(1)">分類壹</a>
</td>
</tr>
</table>
<div id="SubMenu1" class="SubMenu" style="display:none">
<a class="SubMenu" href="#" target="0">連結1</a><br>
<a class="SubMenu" href="#" target="0">連結2</a><br>
<a class="SubMenu" href="#" target="0">連結3</a><br>
<a class="SubMenu" href="#" target="0">連結4</a><br>
</div>

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="center">
<a class="MainMenu" href="JavaScript:ShowSubMenu(2)">分類貳</a>
</td>
</tr>
</table>
<div id="SubMenu2" class="SubMenu" style="display:none">
<span class="cdh">細分一</span><br>
<a class="SubMenu" href="#" target="0">連結1</a><br>
<a class="SubMenu" href="#" target="0">連結2</a><br>
<a class="SubMenu" href="#" target="0">連結3</a><br>
<span class="cdh">細分二</span><br>
<a class="SubMenu" href="#" target="0">連結1</a><br>
<a class="SubMenu" href="#" target="0">連結2</a><br>
</div>



<a class="SubMenu" href="#" target="0"> 中修改連結的網址及目標框架(href為連結網址,target為目標框架)
如分類大項繁多可自行增加<table border="0" cellpadding="0" cellspacing="0">至</div>之間語法,但■編號數字部份不能與其它分類大項編號數字重複
■文字部份為細分項目,如不需要可直接省略

uuiop6623 發表在 痞客邦 PIXNET 留言(0) 人氣()

語法展示::  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)
自行增加修改連結的內容

uuiop6623 發表在 痞客邦 PIXNET 留言(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 中修改跑馬燈的速度
自行增加修改連結的內容,但切記不可斷行

uuiop6623 發表在 痞客邦 PIXNET 留言(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]+"&nbsp;&nbsp;"
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 中修改跑馬燈的速度
自行修改連結的內容

uuiop6623 發表在 痞客邦 PIXNET 留言(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" 中修改圖檔的位置

uuiop6623 發表在 痞客邦 PIXNET 留言(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>

uuiop6623 發表在 痞客邦 PIXNET 留言(0) 人氣()

語法展示::   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; 中修改效果距離視窗上方的距離
自行修改連結的文字與連結的位置


不要忘記付件也要一起帶回家喔~!!  >>>>>>我是附件帶我回家<<<<<<<

下載後解壓縮,將圖檔置於網頁同一目錄下


uuiop6623 發表在 痞客邦 PIXNET 留言(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 中修改連結文字的顏色



不要忘記付件也要一起帶回家喔~!!......     >>>>>>我是附件帶我回家<<<<<<<

下載後解壓縮,將圖檔置於網頁同一目錄下

uuiop6623 發表在 痞客邦 PIXNET 留言(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>

uuiop6623 發表在 痞客邦 PIXNET 留言(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>


自行修改增加連結的名稱及網址
width:70 中修改選單的寬度

uuiop6623 發表在 痞客邦 PIXNET 留言(0) 人氣()

語法展示::   http://home.graffiti.net/hfhfdxhdxd/


請用IE6.0或更新版本觀看語法特效展示


將以下程式碼複製,貼在<body>及</body>標籤之間。


<script language="JavaScript">
<!--
var scrollerwidth=60
var scrollerheight=145
var scrollerbgcolor='#F4F4F4'
var pausebetweenimages=5000
var slideimages=new Array()
slideimages[0]='<a href="http://tw.yahoo.com/" target="_blank">奇摩</a><br><br><a href="http://chinese.yahoo.com/" target="_blank">雅虎</a><br><br><a href="http://www.yam.com/" target="_blank">蕃薯藤</a><br><br><a href="http://www.sina.com.tw/" target="_blank">新浪網</a><br><br><a href="http://www.pchome.com.tw/" target="_blank">PChome</a>'
slideimages[1]='<a href="http://blog.pixnet.net/como0925" target="_blank">紫蓮の翼</a><br><br><a href="http://blog.pixnet.net/como0925" target="_blank">紫蓮の翼</a><br><br><a href="http://blog.pixnet.net/como0925" target="_blank">紫蓮の翼</a><br><br><a href="http://blog.pixnet.net/como0925" target="_blank">紫蓮の翼</a><br><br><a href="http://blog.pixnet.net/como0925" target="_blank">紫蓮の翼</a>'
slideimages[2]='<a href="#">你的連結</a><br><br><a href="#">你的連結</a><br><br><a href="#">你的連結</a><br><br><a href="#">你的連結</a><br><br><a href="#">你的連結</a>'
if (slideimages.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=4){
tlayer.top=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=4
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<=4){
tlayer2.top=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=4
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<=4){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=4
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<=4){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=4
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
if (document.layers)
document.write(slideimages[0])
if (document.layers)
document.write(slideimages[1])
if (document.layers)
document.write(slideimages[0])
if (document.all){
document.writeln('<center><span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div align="left" style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div align="left" id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div align="left" id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span></center>')
}
-->
</script>


var scrollerwidth=60 中修改特效的寬度
var scrollerheight=145 中修改特效的高度
var scrollerbgcolor='#F4F4F4' 中修改特效的底色
var pausebetweenimages=5000 中修改特效的速度(每1秒=1000)
自行增減連結文字與網址

uuiop6623 發表在 痞客邦 PIXNET 留言(0) 人氣()

語法展示::   http://home.graffiti.net/ggggg34567/


請用IE6.0或更新版本觀看語法特效展示


將以下程式碼複製,貼在<body>及</body>標籤之間。


<div id="point1" STYLE="position:absolute;visibility:visible;">
<table width="70" border="1" bordercolor="#FFFFFF" cellspacing="0" cellpadding="2" bgcolor="#000000">
<tr>
<td align=center>
<font size="2" color="#FF3399"><a href="http://tw.yahoo.com/" target="_blank">奇摩</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2" color="#FF3399"><a href="http://chinese.yahoo.com/" target="_blank">雅虎</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2" color="#FF3399"><a href="http://www.yam.com/" target="_blank">蕃薯藤</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2" color="#FF3399"><a href="http://www.sina.com.tw/" target="_blank">新浪網</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2" color="#FF3399"><a href="http://www.pchome.com.tw/" target="_blank">PC home</a></font> 
</td>
</tr>
<tr>
<td align=center>
<font size="2" color="#FF3399"><a href="http://blog.pixnet.net/como0925" target="_blank">紫蓮の翼</a></font> 
</td>
</tr>
</table>
</div>
<script language="JavaScript1.2">
<!--
var XX=5;
var xstep=1;
var delay_time=30;
var YY=0; 
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}
function reloc1()
{
if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}
}
function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}
if (ie||ns4||ns6)
window.onload=onad
-->
</script>


在<table width="70" border="1" bordercolor="#FFFFFF" cellspacing="0" cellpadding="2" bgcolor="#000000">中修改表格的設定,依序為:表格的寬度、框線的粗細、框線的顏色、表格的間距、表格的內距、表格的底色
自行增加連結文字與網址
<font size="2" color="#FF3399"> 中修改連結文字的大小與顏色

uuiop6623 發表在 痞客邦 PIXNET 留言(0) 人氣()

語法展示::  http://home.graffiti.net/wsdfghgcv/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。

<center>
<script language=JavaScript>
<!--
var index = 6
link = new Array(6);
text = new Array(6);      
link[0] ='http://tw.yahoo.com/'
link[1] ='http://chinese.yahoo.com/'
link[2] ='http://www.yam.com/'
link[3] ='http://www.sina.com.tw/'     
link[4] ='http://www.pchome.com.tw/' 
link[5] ='http://blog.pixnet.net/como0925
text[0] ='奇摩'
text[1] ='雅虎'
text[2] ='蕃薯藤'
text[3] ='新浪網'    
text[4] ='PC home'    
text[5] ='紫蓮の翼'    
document.write ("<marquee scrollamount='1' scrolldelay='100' direction= 'up' width='50' id=xiaoqing height='80' onmouseover=xiaoqing.stop() onmouseout=xiaoqing.start()>");          
for (i=0;i<index;i++){          
document.write ("<a href="+link[i]+" target=_blank'><font color=#000000>");          
document.write (text[i] + "</font></A><br>");          
}          
document.write ("</marquee>")
-->
</script>
</center>

var index = 6link = new Array(6);text = new Array(6); 中修改連結的數量
自行修改連結的文字與連結的位置
scrolldelay='100' 中修改上移的速度
height='80' 中修改一開始距離視窗上方的距離
<font color=#000000> 中修改連結文字的顏色

uuiop6623 發表在 痞客邦 PIXNET 留言(0) 人氣()

語法展示::  http://home.graffiti.net/wsxcfffc/


請用IE6.0或更新版本觀看語法特效展示


將以下程式碼複製,貼在<head>及</head>標籤之間。

<script language=JavaScript>
<!--
function dropMenu() {
speed=35;
topdistance=170;
items=6;
y=-50;
ob=1;
if (navigator.appName == "Netscape") {
v=".top=",dS="document.",sD="";
}
else {
v=".pixelTop=",dS="",sD=".style";
   }
}
function scrollItems() {
if (ob<items+1) {
objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y);
if (y<topdistance) setTimeout("scrollItems()",speed);
else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);
   }
}
-->
</script>


speed=35; 中修改選單下滑的速度
topdistance=170; 中修改選單距離視窗上方的距離
items=6; 中修改選單的總數量


將以下程式碼複製,貼在<body >標籤裡面。

 onload="dropMenu(), scrollItems();"


將以下程式碼複製,貼在<body>及</body>標籤之間。

<DIV id=object1 style="Z-INDEX: 2; LEFT: 205px; POSITION: absolute; TOP: -50px">
<TABLE width=80 bgColor=#FFBFBF border=1 >
    <TBODY><TR><TD>
        <CENTER><A href="http://tw.yahoo.com/" target="_blank">奇摩</A></CENTER>               
            </TD></TR></TBODY>
                 </TABLE></DIV>
<DIV id=object2 style="Z-INDEX: 2; LEFT: 205px; POSITION: absolute; TOP: -50px">
<TABLE width=80 bgColor=#FFFFBF border=1>
  <TBODY><TR><TD>
      <CENTER><A href="http://chinese.yahoo.com/" target="_blank">雅虎</A></CENTER>    
           </TD></TR></TBODY>
                 </TABLE></DIV>
<DIV id=object3 style="Z-INDEX: 2; LEFT: 205px; POSITION: absolute; TOP: -50px">
<TABLE width=80 bgColor=#BFFFBF border=1>
  <TBODY><TR><TD>
       <CENTER><A href="http://www.yam.com/" target="_blank">蕃薯藤</A></CENTER>     
          </TD></TR></TBODY>
              </TABLE></DIV>
<DIV id=object4 style="Z-INDEX: 2; LEFT: 205px; POSITION: absolute; TOP: -50px">
<TABLE width=80 bgColor=#BFBFFF border=1>
  <TBODY><TR><TD>
        <CENTER><A href="http://www.sina.com.tw/" target="_blank">新浪網</A></CENTER>     
             </TD></TR></TBODY>
                    </TABLE></DIV>
<DIV id=object5 style="Z-INDEX: 2; LEFT: 205px; POSITION: absolute; TOP: -50px">
<TABLE width=80 bgColor=#DFBFFF border=1>
  <TBODY><TR><TD>
        <CENTER><A href="http://www.pchome.com.tw/" target="_blank">PC home</A></CENTER>      
               </TD></TR></TBODY>
                     </TABLE></DIV>
<DIV id=object6 style="Z-INDEX: 2; LEFT: 205px; POSITION: absolute; TOP: -50px">
<TABLE width=80 bgColor=#FFD5AA border=1>
  <TBODY><TR><TD>
        <CENTER><A href="http://blog.pixnet.net/como0925" target="_blank">紫蓮の翼 </A></CENTER>      
               </TD></TR></TBODY>
                     </TABLE></DIV>


LEFT: 220px; 中修改選單距離視窗左方的距離
width=80 中修改選單的寬度
bgColor=#FFBFBF 中修改選單的顏色
自行修改連結的名稱及網址

uuiop6623 發表在 痞客邦 PIXNET 留言(0) 人氣()

語法展示::  http://home.graffiti.net/pjhkghjkgj/


請用IE6.0或更新版本觀看語法特效展示


將以下程式碼複製,貼在<body>及</body>標籤之間。


<center>
<script language="JavaScript">
<!--
function barlink(form)
{
var myindex=form.menu.selectedIndex;
window.open(form.menu.options[myindex].value,'center','');
}
-->
</script>
<form name="form">
<select name="menu">
<option value="http://tw.yahoo.com/">奇摩</option>
<option value="http://chinese.yahoo.com/">雅虎</option>
<option value="http://www.yam.com/">蕃薯藤</option>
<option value="http://www.sina.com.tw/">新浪網</option>
<option value="http://www.pchome.com.tw/">PChome</option>
<option value="http://blog.pixnet.net/como0925">紫蓮の翼</option>
<option value="mailto:123@yahoo.com.tw">E-Mail</option>
</select>
<input type="button" value="Go"
onclick="barlink(form)">
</form>
</center>

<option value="http://tw.yahoo.com/">奇摩</option> 中修改連結的名稱及連結網址
mailto:123@yahoo.com.tw 中修改成您的E-Mail信箱

uuiop6623 發表在 痞客邦 PIXNET 留言(0) 人氣()

語法展示::  http://home.graffiti.net/kuyjfchfhx/


請用IE6.0或更新版本觀看語法特效展示


將以下程式碼複製,貼在<head>及</head>標籤之間

<script language = "JavaScript">
<!--
function MakeArray()
        {
        this.length = MakeArray.arguments.length
        for (var i = 0; i < this.length; i++)
        this[i+1] = MakeArray.arguments[i]
        }
var siteopt = new MakeArray("請選擇",
                            "奇摩",
                            "雅虎",
                            "蕃薯藤",
                            "新浪網",
                            "PC home",
                            "紫蓮の翼",
                            "E-Mail");
var url = new MakeArray("#",
                        "http://tw.yahoo.com/",
                        "http://chinese.yahoo.com/",
                        "http://www.yam.com/",
                        "http://www.sina.com.tw/",
                        "http://blog.pixnet.net/como0925",
                        "mailto:123@yahoo.com.tw");
function jumpPage(form) {
        i = form.SelectMenu.selectedIndex;
        if (i == 0) return;
        window.location.href = url[i+1];
}
-->
</script>

var siteopt = new MakeArray("請選擇", 中修改與選單對應的名稱
var url = new MakeArray("#", 中修改與選單對應的連結
mailto:123@yahoo.com.tw 中修改成您的E-Mail信箱


將以下程式碼複製,貼在<body>及</body>標籤之間。

<center>
<form>
<select name="SelectMenu" onChange="jumpPage(this.form)">
<option>請選擇</option>
<option>奇摩</option>
<option>雅虎</option>
<option>蕃薯藤</option>
<option>新浪網</option>
<option>PC home</option>
<option>紫蓮の翼</option>
<option>E-Mail</option>
</select>
</form>
</center>



<option>請選擇</option> 中修改選單上的文字

uuiop6623 發表在 痞客邦 PIXNET 留言(0) 人氣()

語法展示::   http://home.graffiti.net/lihfngffdd/


請用IE6.0或更新版本觀看語法特效展示


將以下程式碼複製,貼在<body>及</body>標籤之間。

<script language="JavaScript1.2">
<!--
var marqueewidth=380
var marqueeheight=20
var speed=2
var marqueecontents='│<a href="http://tw.yahoo.com/" target="_blank">奇摩</a>│<a href="http://chinese.yahoo.com/" target="_blank">雅虎</a>│<a href="http://www.yam.com/" target="_blank">蕃薯藤</a>│<a href="http://www.sina.com.tw/" target="_blank">新浪網</a>│<a href="http://www.pchome.com.tw/" target="_blank">PChome</a>│<a href="http://blog.pixnet.net/como0925" target="_blank">紫蓮の翼</a>│'
if (document.all)
document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+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('<nobr>'+marqueecontents+'</nobr>')
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.width
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.left=marqueewidth
scrollit()
}
}
window.onload=regenerate2
-->
</script>
<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">
<layer name="cmarquee02"></layer>
</ilayer>


var marqueewidth=380 中修改跑馬燈的寬度
var marqueeheight=20 中修改跑馬燈的高度(配合文字大小才需修改)
var speed=2 中修改跑馬燈的速度
自行修改連結的目標及網址

uuiop6623 發表在 痞客邦 PIXNET 留言(0) 人氣()

語法展示::  http://home.graffiti.net/ljhkghjkg/


請用IE6.0或更新版本觀看語法特效展示


將以下程式碼複製,貼在<head>及</head>標籤之間。

<script language="JavaScript">
<!--
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++) {
this[i] = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
var colors = new initArray(
"#FF0000",
"#FF8000",
"#FFFF00",
"#00FF00",
"#0000FF",
"#8000FF",
"#FF00FF");
delay = 0.5;
link = 0;
vlink = 2;
function linkDance() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkDance()",delay*1000);
}
linkDance();
-->
</script>

delay = 0.5; 中修改變化的速度
自行修改變化的顏色
 


將以下程式碼複製,貼在<body>及</body>標籤之間。


<center>
<a href="http://tw.yahoo.com/" target="_blank">奇摩</a>
<a href="http://chinese.yahoo.com/" target="_blank">雅虎</a>
<a href="http://www.yam.com/" target="_blank">蕃薯藤</a>
<a href="http://www.sina.com.tw/" target="_blank">新浪網</a>
<a href="http://www.pchome.com.tw/" target="_blank">PChome</a>
<a href="http://blog.pixnet.net/como0925" target="_blank">紫蓮の翼</a>
</center>


uuiop6623 發表在 痞客邦 PIXNET 留言(0) 人氣()

語法展示::  http://home.graffiti.net/aghgjfgh/


請用IE6.0或更新版本觀看語法特效展示


將以下程式碼複製,貼在<head>及</head>標籤之間。

<script language=JavaScript>
<!--
var rate = 100;
var obj;
var act = 0;
var elmH = 0;
var elmS = 239;
var elmV = 255;
var clrOrg;
var TimerID;
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
    Browser = true;
} else {
    Browser = false;
}
if (Browser) {
    document.onmouseover = doRainbowAnchor;
    document.onmouseout = stopRainbowAnchor;
}
function doRainbow()
{
    if (Browser && act != 1) {
        act = 1;
        obj = event.srcElement;
        clrOrg = obj.style.color;
        TimerID = setInterval("ChangeColor()",100);
    }
}
function stopRainbow()
{
    if (Browser && act != 0) {
        obj.style.color = clrOrg;
        clearInterval(TimerID);
        act = 0;
    }
}
function doRainbowAnchor()
{
    if (Browser && act != 1) {
        obj = event.srcElement;

        while (obj.tagName != 'A' && obj.tagName != 'BODY') {
            obj = obj.parentElement;
            if (obj.tagName == 'A' || obj.tagName == 'BODY')
                break;
        }

        if (obj.tagName == 'A' && obj.href != '') {
            act = 1;
            clrOrg = obj.style.color;
            TimerID = setInterval("ChangeColor()",100);
        }
    }
}
function stopRainbowAnchor()
{
    if (Browser && act != 0) {
        if (obj.tagName == 'A') {
            obj.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }
}
function ChangeColor()
{
    obj.style.color = makeColor();
}
function makeColor()
{
    if (elmS == 0) {
        elmR = elmV;    elmG = elmV;    elmB = elmV;
    }
    else {
        t1 = elmV;
        t2 = (255 - elmS) * elmV / 255;
        t3 = elmH % 60;
        t3 = (t1 - t2) * t3 / 60;

        if (elmH < 60) {
            elmR = t1;  elmB = t2;  elmG = t2 + t3;
        }
        else if (elmH < 120) {
            elmG = t1;  elmB = t2;  elmR = t1 - t3;
        }
        else if (elmH < 180) {
            elmG = t1;  elmR = t2;  elmB = t2 + t3;
        }
        else if (elmH < 240) {
            elmB = t1;  elmR = t2;  elmG = t1 - t3;
        }
        else if (elmH < 300) {
            elmB = t1;  elmG = t2;  elmR = t2 + t3;
        }
        else if (elmH < 360) {
            elmR = t1;  elmG = t2;  elmB = t1 - t3;
        }
        else {
            elmR = 0;   elmG = 0;   elmB = 0;
        }
    }
    elmR = Math.floor(elmR);
    elmG = Math.floor(elmG);
    elmB = Math.floor(elmB);
    clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
    elmH = elmH + rate;
    if (elmH >= 360)
        elmH = 0;
    return clrRGB;
}
-->
</script>

var rate = 100; 中修改閃爍的速度
var elmS = 239; 中修改閃爍顏色的深淺(0~239)




將以下程式碼複製,貼在<body>及</body>標籤之間。

<center>
<a href="http://blog.pixnet.net/como0925" target="_blank">紫蓮の翼</a>
</center>




uuiop6623 發表在 痞客邦 PIXNET 留言(0) 人氣()

語法展示::   http://home.graffiti.net/sefghhjjfhjf/


請用IE6.0或更新版本觀看語法特效展示


將以下程式碼複製,貼在<body>及</body>標籤之間。


<center>
<script language="JavaScript">
<!--
var linkno = 6;
var date = new Date();
var rd = date.getMinutes();
var ra = rd % linkno;
var re = ++ra;
var mo=0
frame="_blank"
if (re < 1) re=++re
if (re == 1) {
re = "http://tw.yahoo.com/";
mo = "奇摩";
}
if (re == 2) {
re = "http://chinese.yahoo.com/";
mo = "雅虎";
}
if (re == 3) {
re = "http://www.yam.com/";
mo = "蕃薯藤";
}
if (re == 4) {
re = "http://www.sina.com.tw/";
mo = "新浪網";
}
if (re == 5) {
re = "http://www.pchome.com.tw/";
mo = "PC home";
}
if (re == 6) {
re = "http://blog.pixnet.net/como0925";
mo = "紫蓮の翼";
}
var link="<A HREF="+re+" onMouseOver=\"window.status='"+mo+"'\">"+mo+" </A>";
document.write(link);
-->
</script>
</center>


var linkno = 6; 中修改連結的數量
re = "http://tw.yahoo.com/"; mo = "奇摩"; 中修改連結的文字與連結的位置

uuiop6623 發表在 痞客邦 PIXNET 留言(0) 人氣()

1 2