目前日期文章:200805 (210)

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

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


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

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

<script language="JavaScript1.2" TYPE="text/JavaScript">
<!--
var fireNo = 5;
var fireSize = 80;
var speed = 5;
var wa = 6;
var space = 15
var fireColor = new Array('#ffffff','#ff0000','#00ff00','#ffff00','#00ffff','#ff00ff','#ff8000','#ff80ff','#ff0080');
var _dom=(document.all?3:(document.getElementById?1:(document.layers?2:0)));
var fireLay="";
for (i=0; i<fireNo*wa; i++) {
    if (_dom == 1 || _dom == 3) {
        fireLay += '<DIV id="fire' + i + '" style="position:absolute; width:1px; height:1px left:0px; top=0px; font-size:1px; background:#FFFFFF;"></DIV>';
    }
    if (_dom == 2) {
        fireLay += '<LAYER name="fire'+ i +'" left="0" top="0" clip="0,0,1,1" bgcolor="#FFFFFF"></LAYER>\n';
    }
}
document.writeln(fireLay);
function getWindowSize() {
    if(_dom == 1 || _dom == 2) {
        win_width = self.innerWidth;
        win_height = self.innerHeight;
    }
    if (_dom == 3) {
        win_width = document.body.clientWidth;
        win_height = document.body.clientHeight;
    }
}
function getScrollPosY() {
    if (_dom == 1) return scrollY;
    if (_dom == 2) return pageYOffset;
    if (_dom == 3) return document.body.scrollTop;
}
function showLayer(layerName){
    if (_dom == 1) document.getElementById(layerName).style.visibility = "visible";
    if (_dom == 2) document.layers[layerName].visibility = "show";
    if (_dom == 3) document.all(layerName).style.visibility = "visible";
}
function hideLayer(layerName){
    if (_dom == 1) document.getElementById(layerName).style.visibility = "hidden";
    if (_dom == 2) document.layers[layerName].visibility = "hide";
    if (_dom == 3) document.all(layerName).style.visibility = "hidden";
}
function hanabi() {
 for (i=0; i<fireNo*wa; i++) {
  if (_dom == 1) var div = document.getElementById("fire" + i).style;
  if (_dom == 2) var div = document.layers["fire" + i];
  if (_dom == 3) var div = document.all("fire" + i).style;
  zure1 = Math.floor(i/fireNo)%2 == 0 ? 0:(Math.PI / fireNo);
  zure2 = Math.floor(i/fireNo) * space;
  ran = (radius1>(fireSize*0.8)) ? Math.floor(Math.random()*20-10) : 0;
  radius2 = (radius1 - zure2) > 0 ? radius1 - zure2 : 0;
  if ((radius1 - zure2) > fireSize) { hideLayer("fire" + i); }
  else { showLayer("fire" + i); }
  div.left = centerX + Math.cos(i * (Math.PI * 2 / fireNo) + zure1) * (radius2) + ran;
  div.top = centerY + Math.sin(i * (Math.PI * 2 / fireNo) + zure1) * (radius2) + ran;
  if (radius2 < fireSize * 0.4) {
   if (_dom == 1 || _dom == 3) {
    div.background = startColor;
    div.width = 1;
    div.height = 1;
   }
   if (_dom == 2){
    div.bgColor = startColor;
    div.clip.width = 1;
    div.clip.height = 1;
   }
  } else if (radius2 < fireSize * 0.8) {
   if (_dom == 1 || _dom == 3) {
    div.width = 2;
    div.height = 2;
   }
   if (_dom == 2){
    div.clip.width = 2;
    div.clip.height = 2;
   }
  } else {
   if (_dom == 1 || _dom == 3) {
    div.background = fireColor[Math.floor(Math.random() * fireColor.length)];
    div.width = Math.floor(Math.random()*2+1);
    div.height = Math.floor(Math.random()*2+1);
   }
   if (_dom == 2){
    div.bgColor = fireColor[Math.floor(Math.random() * fireColor.length)];
    div.clip.width = Math.floor(Math.random()*2+1);
    div.clip.height = Math.floor(Math.random()*2+1);
   }
  }
 }
 radius1 += speed;
 if (radius1 > (fireSize + space * wa)) { setHanabiPos(); }
 else { setTimeout("hanabi()",10);}
}
function setHanabiPos() {
 rev = 0; radius1 = 0;
 getWindowSize(); sclY = getScrollPosY();
 startColor = fireColor[Math.floor(Math.random() * fireColor.length)];
    centerX =  Math.floor(Math.random() * (win_width - (fireSize + space * wa) * 2) + (fireSize + space * wa));
    centerY =  Math.floor(Math.random() * (win_height - (fireSize + space * wa) * 2) + (fireSize + space * wa)) + sclY;
    setTimeout("hanabi()",2000);
}
setHanabiPos();
-->
</script>


var fireNo = 5; 中修改煙火的樣式
var fireSize = 80; 中修改煙火的大小
var speed = 5; 中修改煙火的展開速度
var wa = 6; 中修改特效總使用時間
setTimeout("hanabi()",2000); 中修改煙火之間間隔的時間(每1秒=1000)

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

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


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

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

<script language="JavaScript">
<!--
N = 50;
Y = new Array();
X = new Array();
S = new Array();
A = new Array();
B = new Array();
M = new Array();
V = (document.layers)?1:0;
iH=(document.layers)?window.innerHeight:window.document.body.clientHeight;
iW=(document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < N; i++){                                                               
 Y[i]=Math.round(Math.random()*iH);
 X[i]=Math.round(Math.random()*iW);
 S[i]=Math.round(Math.random()*5+2);
 A[i]=0;
 B[i]=Math.random()*0.1+0.1;
 M[i]=Math.round(Math.random()*1+1);
}
if (V){
for (i = 0; i < N; i++)
{document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M[i]+","+M[i]+"'></LAYER>")}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px">');
document.write('<div style="position:relative">');
for (i = 0; i < N; i++)
{document.write('<div id="si" style="position:absolute;top:0;left:0;width:'+M[i]+';height:'+M[i]+';background:#fffff0;font-size:'+M[i]+'"></div>')}
document.write('</div></div>');
}
function snow(){
var H=(document.layers)?window.innerHeight:window.document.body.clientHeight;
var W=(document.layers)?window.innerWidth:window.document.body.clientWidth;
var T=(document.layers)?window.pageYOffset:document.body.scrollTop;
var L=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < N; i++){
sy=S[i]*Math.sin(90*Math.PI/180);
sx=S[i]*Math.cos(A[i]);
Y[i]+=sy;
X[i]+=sx;
if (Y[i] > H){
Y[i]=-10;
X[i]=Math.round(Math.random()*W);
M[i]=Math.round(Math.random()*1+1);
S[i]=Math.round(Math.random()*5+2);
}
if (V){document.layers['sn'+i].left=X[i];document.layers['sn'+i].top=Y[i]+T}
else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T}
A[i]+=B[i];
}
setTimeout('snow()',50);
}
-->
</script>


N = 50; 中修改雪花的數量
setTimeout('snow()',50); 中修改雪花飄落的速度


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

 onLoad="snow()"

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

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


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

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

<script language="JavaScript">
<!--
cOlOuRs=new Array("abbbff","ffffee","ffff7a","dffffd","ffaaa0","ffddd0")
S_amount = 30;
L_amount = 10;
S_Ypos = new Array();
S_Xpos = new Array();
L_Ypos = new Array();
L_Xpos = new Array();
S_speed= new Array();
L_speed= new Array();
if (document.all)
{
for (i = 0; i < S_amount; i++) 
{                                                                
 S_Ypos[i] = Math.round(Math.random()*document.body.offsetHeight);
 S_Xpos[i] = Math.round(Math.random()*document.body.offsetWidth);
}
for (i = 0; i < L_amount; i++) 
{                                                                
 L_Ypos[i] = Math.round(Math.random()*document.body.offsetHeight);
 L_Xpos[i] = Math.round(Math.random()*document.body.offsetWidth);
}
document.write('<div id="Outer" style="position:absolute;top:0px;left:0px">');
document.write('<div id="Inner" style="position:relative">');
for (i = 0; i < S_amount; i++)
{document.write('<div id="ieS_star" style="position:absolute;top:'+S_Ypos[i]+';left:'+S_Xpos[i]+';width:1px;height:1px;background:#fffff0;font-size:1px"></div>');}
for (i = 0; i < L_amount; i++) 
{document.write('<div id="ieL_star" style="position:absolute;top:'+L_Ypos[i]+';left:'+L_Xpos[i]+';width:2px;height:2px;background:#ffffff;font-size:2px"></div>');}
document.write('</div>');
document.write('</div>');
for (i = 0; i < L_amount; i++) 
{
 for (j = 0; j < cOlOuRs.length; j++)
  {var NewColour=Math.round(Math.random()*[j])}
document.all.ieS_star[i].style.background=cOlOuRs[NewColour];
document.all.ieL_star[i].style.background=cOlOuRs[NewColour];
}
for (i=0; i < ieS_star.length; i++){S_speed[i]=Math.random()*3+1}
for (i=0; i < ieL_star.length; i++){L_speed[i]=Math.random()*7+2}
function ES_go()
{
 document.all.Outer.style.pixelTop=document.body.scrollTop;
 for (i=0; i < ieS_star.length; i++)
 {
 ieS_star[i].style.pixelLeft-=S_speed[i];
 if (ieS_star[i].style.pixelLeft < -10){ieS_star[i].style.pixelLeft=window.document.body.offsetWidth}
 }
S_timer=setTimeout('ES_go()',30);
}
function EL_go()
{
 for (i=0; i < ieL_star.length; i++)
 {
 ieL_star[i].style.pixelLeft-=L_speed[i];
 if (ieL_star[i].style.pixelLeft < -10){ieL_star[i].style.pixelLeft=window.document.body.offsetWidth}
 }
L_timer=setTimeout('EL_go()',10);
}
function IeStart()
{
 ES_go();
 EL_go();
}
IeStart()
}
else if (document.layers)
{
for (i = 0; i < S_amount; i++) 
{                                                                
 S_Ypos[i] = Math.round(Math.random()*window.innerHeight);
 S_Xpos[i] = Math.round(Math.random()*window.innerWidth);
 document.write("<LAYER NAME='S_star"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>");
 document.layers["S_star"+i].top = S_Ypos[i];
 document.layers["S_star"+i].left = S_Xpos[i];
}
for (i = 0; i < L_amount; i++) 
{
 L_Ypos[i] = Math.round(Math.random()*window.innerHeight);
 L_Xpos[i] = Math.round(Math.random()*window.innerWidth);
 document.write("<LAYER NAME='L_star"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,2,2'></LAYER>");
 document.layers["L_star"+i].top = L_Ypos[i];
 document.layers["L_star"+i].left = L_Xpos[i];
  for (j = 0; j < cOlOuRs.length; j++)
   {
   var NewColour=Math.round(Math.random()*[j]);
   }
document.layers['S_star'+i].bgColor=cOlOuRs[NewColour];
document.layers['L_star'+i].bgColor=cOlOuRs[NewColour];
}
for (i=0; i < S_amount; i++){S_speed[i]=Math.random()*3+1}
for (i=0; i < L_amount; i++){L_speed[i]=Math.random()*7+2} 
function NS_go()
{
 for (i=0; i < S_amount; i++)
 {
 var temp="S_star"+i;//50
 document.layers[temp].top=S_Ypos[i]+window.pageYOffset;
 document.layers['S_star'+i].left-=S_speed[i];
 if (document.layers['S_star'+i].left < -10){document.layers['S_star'+i].left=window.innerWidth}
 }
S_timer=setTimeout('NS_go()',30);
}
function NL_go()
{
 for (i=0; i < L_amount; i++)
 {
 var temp="L_star"+i
 document.layers[temp].top=L_Ypos[i]+window.pageYOffset;
 document.layers['L_star'+i].left-=L_speed[i];
 if (document.layers['L_star'+i].left < -10){document.layers['L_star'+i].left=window.innerWidth}
}
L_timer=setTimeout('NL_go()',10);
}
function NsStart()
{
 NS_go();
 NL_go();
}
NsStart();
}
window.onresize = new Function("window.location.reload()");
-->
</script>
<div style="position:relative"></div>


("abbbff","ffffee","ffff7a","dffffd","ffaaa0","ffddd0") 中修改星星的顏色
S_amount = 30; 中修改星星的數量
L_amount = 10; 中修改星星的大小

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

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


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

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

<script language="JavaScript">
<!--
var backgroundimage=new Array("01.gif","02.gif","03.gif","04.gif","05.gif")
var swapspeed=2
var timer
var imgpreload=new Array()
if (document.all) {
for (i=0;i<=backgroundimage.length-1;i++) {
imgpreload[i]=new Image()
imgpreload[i].src=backgroundimage[i]
}
}
var i_backgroundimage=0
swapspeed=swapspeed*1000
function swapimages() {
if (document.all) {
window.status=i_backgroundimage
document.body.background=backgroundimage[i_backgroundimage]
i_backgroundimage++
if (i_backgroundimage>=backgroundimage.length) {i_backgroundimage=0}
timer=setTimeout("swapimages()",swapspeed)
}
}
window.onload=swapimages
-->
</script>

var backgroundimage=new Array("01.gif","02.gif","03.gif","04.gif","05.gif") 中修改圖檔的名稱及路徑
var swapspeed=2 中修改變換的時間


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

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


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

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

<center>
<script language="JavaScript1.2">
<!--
function tile(){
if (!document.all)
return
var source=event.srcElement
if (source.tagName=="IMG") {
 document.body.style.backgroundImage="url("+source.src+")";
}
}
function restore(){
document.body.style.backgroundImage='';
document.body.style.color='';
}
document.body.onclick=restore
-->
</script>
<span class="bgimages" onClick="tile();event.cancelBubble=true">
<img src="01.gif">
<img src="02.gif">
<img src="03.gif">
<img src="04.gif">
<img src="05.gif">
<img src="06.gif">
<img src="07.gif">
<img src="08.gif">
<img src="09.gif">
<img src="10.gif">
</span>
</center>


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

<style>
<!--
.bgimages img {cursor:hand}
-->
</style>


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

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


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

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


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

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

<div id="logo" style="position:absolute; visibility:show; left:0px; top:-150px; z-index:2">
  <table border="0"  cellspacing="0" cellpadding="0" width=60>
    <tr>
      <td>
        <center>
          <a href="JavaScript:void(0)" onMouseOver="switchLogo('menu')" ;>
          <p align="right">選<br>擇<br>背<br>景</p>
          </a>
        </center>
      </td>
    </tr>
  </table>
</div>
<div id="menu" style="position:absolute; visibility:show; left:0px; top:-150px; z-index:2">
<table border="0"  cellspacing="0" cellpadding="0" width=75><tr><td>
<span class=bgimages onClick=tile();event.cancelBubble=true>
      <table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
          <td colspan="5" align="center" bgcolor="#FF00FF">
            <p align="center">選擇背景</td>
        </tr>
        <tr>
          <td align="center"><img border="0" src="01.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="02.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="03.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="04.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="05.jpg" width="15" height="15"></td>
        </tr>
        <tr>
          <td align="center"><img border="0" src="06.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="07.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="08.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="09.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="10.jpg" width="15" height="15"></td>
        </tr>
        <tr>
          <td align="center"><img border="0" src="11.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="12.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="13.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="14.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="15.jpg" width="15" height="15"></td>
        </tr>
        <tr>
          <td align="center"><img border="0" src="16.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="17.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="18.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="19.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="20.jpg" width="15" height="15"></td>
        </tr>
        <tr>
          <td align="center"><img border="0" src="21.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="22.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="23.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="24.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="25.jpg" width="15" height="15"></td>
        </tr>
        <tr>
          <td align="center"><img border="0" src="26.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="27.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="28.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="29.jpg" width="15" height="15"></td>
          <td align="center"><img border="0" src="30.jpg" width="15" height="15"></td>
        </tr>
      </table></span>
    </td></tr></table>
</div>
<script language=JavaScript1.2>
<!--
function tile(){
if (!document.all)
return
var source=event.srcElement
if (source.tagName=="IMG") {
 document.body.style.backgroundImage="url("+source.src+")";
 document.body.style.color="#FFFF00";
}
}
function restore(){
document.body.style.backgroundImage='';
document.body.style.color='';
}
document.body.onclick=restore
-->
</script>


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


<script language=javaScript>
<!--
function setVariables(){
if (navigator.appName == "Netscape") {
v=".top=";h=".left=";dS="document.";sD="";
y="window.pageYOffset";x="window.pageXOffset";iW="window.innerWidth";iH="window.innerHeight"
}
else {h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";
y="document.body.scrollTop";x="document.body.scrollLeft";
iW="document.body.clientWidth";iH="document.body.clientHeight"
}
xyz=500
object="logo";
checkLocationA()
}
movex=0,movey=0,xdiff=0,ydiff=0,ystart=0,xstart=0
function checkLocation(){
innerX=eval(iW)-75
innerY=eval(iH)-100
if (document.layers){innerY-=10;innerX-=10}
yy=eval(y);
xx=eval(x);
ydiff=ystart-yy;
xdiff=xstart-xx;
if ((ydiff<(-1))||(ydiff>(1))) movey=Math.round(ydiff/10),ystart-=movey
if ((xdiff<(-1))||(xdiff>(1))) movex=Math.round(xdiff/10),xstart-=movex
eval(dS+object+sD+v+(ystart+innerY));
eval(dS+object+sD+h+(xstart+innerX));
setTimeout("checkLocation()",10)}
function checkLocationA(){ystart=eval(y);xstart=eval(x);}
function switchLogo(abc){
if (abc=="menu"){
eval(dS+object+sD+v+0);
eval(dS+object+sD+h+(-200));
object=abc}
else xyz=setTimeout("delayLogo()",2000)
}
function delayLogo(){
eval(dS+object+sD+v+0);
eval(dS+object+sD+h+(-200));
object='logo'
}
-->
</script>


innerX=eval(iW)-75 中修改選單距離視窗右方的距離
innerY=eval(iH)-100 中修改選單距離視窗下方的距離





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



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

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



width=75 中修改選單的寬度(如無自行增減圖檔不需修改)
bgcolor="#FF00FF" 中修改標題的底色
document.body.style.color="#FFFF00" 中修改選擇背景後標題的顏色
可自行製作更換背景圖檔,預設大小15X15



 onLoad="setVariables();checkLocation()" style="margin-left: 2; margin-right: 10; margin-top: 2"

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

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


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

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


<script language="JavaScript">
<!--
var backgr1="01.jpg"
var backgr2="02.jpg"
var backgr3="03.jpg"
var backgr4="04.jpg"
var backgr5="05.jpg"
var cur=Math.round(6*Math.random())
if (cur<=1)
backgr=backgr1
else if (cur<=4)
backgr=backgr2
else
backgr=backgr3
document.write('<body background="'+backgr+'" bgcolor="#FFEAD5">')
-->
</script>


自行修改圖檔的名稱及路徑
<body background="'+backgr+'" bgcolor="#FFEAD5"> 中修改圖檔遺失時取代的背景顏色

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

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


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

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

<script language="Javascript">
<!--
var background = "8.gif";
var speed = 0;
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName != "Netscape" || browserVer >= 4.5) {
function moveback(movert,movedn,hPos,vPos) {
if (arguments[4])
document.body.style.backgroundImage = "url(\"" + arguments[4] + "\")";
if (arguments[5])
document.body.style.backgroundRepeat = arguments[5]
if (!isNaN(hPos)) {
if ((movert!=0) && (hPos>0)) hPos=-100000
hPos += movert
}
if (!isNaN(vPos)) {
if ((movedn!=0) && (vPos>0)) vPos=-100000
vPos+= movedn
}
document.body.style.backgroundPosition= hPos + " " + vPos
if (isNaN(hPos)) hPos = "\"" + hPos + "\""
if (isNaN(vPos)) vPos = "\"" + vPos + "\""
setTimeout("moveback("+movert+","+movedn+","+hPos+","+vPos+")",speed)
}
moveback(1,1,0,0, background);
}
-->
</script>



var background = "8.gif"; 中修改圖檔的名稱或路徑

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

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


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

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


<script language="JavaScript">
<!--
var backgroundOffset = 0;
var bgObject = eval('document.body');
function scrollBG(maxSize) {
backgroundOffset = backgroundOffset + 1;
if (backgroundOffset > maxSize) backgroundOffset = 0;
bgObject.style.backgroundPosition = "0 " + backgroundOffset;
}
var ScrollTimer = window.setInterval("scrollBG(307)", 64);
-->
</script>


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

 background="8.gif"

可自行更改圖檔及名稱

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

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


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

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

<script language="JavaScript">
<!--
 lck=0;
 function r(hval)
 {
  if ( lck == 0 )
  {
   document.bgColor=hval;
   document.f.c.value=hval;
  }
 }
 function l()
 {
  if (lck == 0)
   {
    lck = 1;
   }
  else
   {
    lck = 0;
   }
 }
-->
</script>
<center>
<form name="f">
    <p align="center"><input type="text" size="6" name="c"></p>
</form>
  <table border="0" cellpadding="0" cellspacing="2">
    <tr>
      <td bgcolor="#000000"><a href="JavaScript:l()"
        onMouseOver="r('#000000'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#000033"><a href="JavaScript:l()"
        onMouseOver="r('#000033'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#000066"><a href="JavaScript:l()"
        onMouseOver="r('#000066'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#000099"><a href="JavaScript:l()"
        onMouseOver="r('#000099'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#0000CC"><a href="JavaScript:l()"
        onMouseOver="r('#0000cc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#0000FF"><a href="JavaScript:l()"
        onMouseOver="r('#0000ff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#006600"><a href="JavaScript:l()"
        onMouseOver="r('#006600'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#006633"><a href="JavaScript:l()"
        onMouseOver="r('#006633'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#006666"><a href="JavaScript:l()"
        onMouseOver="r('#006666'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#006699"><a href="JavaScript:l()"
        onMouseOver="r('#006699'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#0066CC"><a href="JavaScript:l()"
        onMouseOver="r('#0066cc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#0066FF"><a href="JavaScript:l()"
        onMouseOver="r('#0066ff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#00CC00"><a href="JavaScript:l()"
        onMouseOver="r('#00cc00'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#00CC33"><a href="JavaScript:l()"
        onMouseOver="r('#00cc33'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#00CC66"><a href="JavaScript:l()"
        onMouseOver="r('#00cc66'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#00CC99"><a href="JavaScript:l()"
        onMouseOver="r('#00cc99'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#00CCCC"><a href="JavaScript:l()"
        onMouseOver="r('#00cccc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#00CCFF"><a href="JavaScript:l()"
        onMouseOver="r('#00ccff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
    </tr>
    <tr>
      <td bgcolor="#003300"><a href="JavaScript:l()"
        onMouseOver="r('#003300'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#003333"><a href="JavaScript:l()"
        onMouseOver="r('#003333'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#003366"><a href="JavaScript:l()"
        onMouseOver="r('#003366'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#003399"><a href="JavaScript:l()"
        onMouseOver="r('#003399'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#0033CC"><a href="JavaScript:l()"
        onMouseOver="r('#0033cc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#0033FF"><a href="JavaScript:l()"
        onMouseOver="r('#0033ff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#009900"><a href="JavaScript:l()"
        onMouseOver="r('#009900'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#009933"><a href="JavaScript:l()"
        onMouseOver="r('#009933'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#009966"><a href="JavaScript:l()"
        onMouseOver="r('#009966'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#009999"><a href="JavaScript:l()"
        onMouseOver="r('#009999'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#0099CC"><a href="JavaScript:l()"
        onMouseOver="r('#0099cc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#0099FF"><a href="JavaScript:l()"
        onMouseOver="r('#0099ff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#00FF00"><a href="JavaScript:l()"
        onMouseOver="r('#00ff00'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#00FF33"><a href="JavaScript:l()"
        onMouseOver="r('#00ff33'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#00FF66"><a href="JavaScript:l()"
        onMouseOver="r('#00ff66'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#00FF99"><a href="JavaScript:l()"
        onMouseOver="r('#00ff99'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#00FFCC"><a href="JavaScript:l()"
        onMouseOver="r('#00ffcc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#00FFFF"><a href="JavaScript:l()"
        onMouseOver="r('#00ffff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
    </tr>
    <tr>
      <td bgcolor="#330000"><a href="JavaScript:l()"
        onMouseOver="r('#330000'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#330033"><a href="JavaScript:l()"
        onMouseOver="r('#330033'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#330066"><a href="JavaScript:l()"
        onMouseOver="r('#330066'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#330099"><a href="JavaScript:l()"
        onMouseOver="r('#330099'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#3300CC"><a href="JavaScript:l()"
        onMouseOver="r('#3300cc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#3300FF"><a href="JavaScript:l()"
        onMouseOver="r('#3300ff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#336600"><a href="JavaScript:l()"
        onMouseOver="r('#336600'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#336633"><a href="JavaScript:l()"
        onMouseOver="r('#336633'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#336666"><a href="JavaScript:l()"
        onMouseOver="r('#336666'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#336699"><a href="JavaScript:l()"
        onMouseOver="r('#336699'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#3366CC"><a href="JavaScript:l()"
        onMouseOver="r('#3366cc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#3366FF"><a href="JavaScript:l()"
        onMouseOver="r('#3366ff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#33CC00"><a href="JavaScript:l()"
        onMouseOver="r('#33cc00'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#33CC33"><a href="JavaScript:l()"
        onMouseOver="r('#33cc33'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#33CC66"><a href="JavaScript:l()"
        onMouseOver="r('#33cc66'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#33CC99"><a href="JavaScript:l()"
        onMouseOver="r('#33cc99'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#33CCCC"><a href="JavaScript:l()"
        onMouseOver="r('#33cccc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#33CCFF"><a href="JavaScript:l()"
        onMouseOver="r('#33ccff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
    </tr>
    <tr>
      <td bgcolor="#333300"><a href="JavaScript:l()"
        onMouseOver="r('#333300'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#333333"><a href="JavaScript:l()"
        onMouseOver="r('#333333'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#333366"><a href="JavaScript:l()"
        onMouseOver="r('#333366'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#333399"><a href="JavaScript:l()"
        onMouseOver="r('#333399'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#3333CC"><a href="JavaScript:l()"
        onMouseOver="r('#3333cc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#3333FF"><a href="JavaScript:l()"
        onMouseOver="r('#3333ff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#339900"><a href="JavaScript:l()"
        onMouseOver="r('#339900'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#339933"><a href="JavaScript:l()"
        onMouseOver="r('#339933'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#339966"><a href="JavaScript:l()"
        onMouseOver="r('#339966'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#339999"><a href="JavaScript:l()"
        onMouseOver="r('#339999'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#3399CC"><a href="JavaScript:l()"
        onMouseOver="r('#3399cc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#3399FF"><a href="JavaScript:l()"
        onMouseOver="r('#3399ff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#33FF00"><a href="JavaScript:l()"
        onMouseOver="r('#33ff00'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#33FF33"><a href="JavaScript:l()"
        onMouseOver="r('#33ff33'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#33FF66"><a href="JavaScript:l()"
        onMouseOver="r('#33ff66'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#33FF99"><a href="JavaScript:l()"
        onMouseOver="r('#33ff99'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#33FFCC"><a href="JavaScript:l()"
        onMouseOver="r('#33ffcc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#33FFFF"><a href="JavaScript:l()"
        onMouseOver="r('#33ffff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
    </tr>
    <tr>
      <td bgcolor="#660000"><a href="JavaScript:l()"
        onMouseOver="r('#660000'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#660033"><a href="JavaScript:l()"
        onMouseOver="r('#660033'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#660066"><a href="JavaScript:l()"
        onMouseOver="r('#660066'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#660099"><a href="JavaScript:l()"
        onMouseOver="r('#660099'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#6600CC"><a href="JavaScript:l()"
        onMouseOver="r('#6600cc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#6600FF"><a href="JavaScript:l()"
        onMouseOver="r('#6600ff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#666600"><a href="JavaScript:l()"
        onMouseOver="r('#666600'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#666633"><a href="JavaScript:l()"
        onMouseOver="r('#666633'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#666666"><a href="JavaScript:l()"
        onMouseOver="r('#666666'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#666699"><a href="JavaScript:l()"
        onMouseOver="r('#666699'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#6666CC"><a href="JavaScript:l()"
        onMouseOver="r('#6666cc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#6666FF"><a href="JavaScript:l()"
        onMouseOver="r('#6666ff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#66CC00"><a href="JavaScript:l()"
        onMouseOver="r('#66cc00'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#66CC33"><a href="JavaScript:l()"
        onMouseOver="r('#66cc33'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#66CC66"><a href="JavaScript:l()"
        onMouseOver="r('#66cc66'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#66CC99"><a href="JavaScript:l()"
        onMouseOver="r('#66cc99'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#66CCCC"><a href="JavaScript:l()"
        onMouseOver="r('#66cccc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#66CCFF"><a href="JavaScript:l()"
        onMouseOver="r('#66ccff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
    </tr>
    <tr>
      <td bgcolor="#663300"><a href="JavaScript:l()"
        onMouseOver="r('#663300'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#663333"><a href="JavaScript:l()"
        onMouseOver="r('#663333'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#663366"><a href="JavaScript:l()"
        onMouseOver="r('#663366'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#663399"><a href="JavaScript:l()"
        onMouseOver="r('#663399'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#6633CC"><a href="JavaScript:l()"
        onMouseOver="r('#6633cc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#6633FF"><a href="JavaScript:l()"
        onMouseOver="r('#6633ff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#669900"><a href="JavaScript:l()"
        onMouseOver="r('#669900'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#669933"><a href="JavaScript:l()"
        onMouseOver="r('#669933'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#669966"><a href="JavaScript:l()"
        onMouseOver="r('#669966'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#669999"><a href="JavaScript:l()"
        onMouseOver="r('#669999'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#6699CC"><a href="JavaScript:l()"
        onMouseOver="r('#6699cc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#6699FF"><a href="JavaScript:l()"
        onMouseOver="r('#6699ff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#66FF00"><a href="JavaScript:l()"
        onMouseOver="r('#66ff00'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#66FF33"><a href="JavaScript:l()"
        onMouseOver="r('#66ff33'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#66FF66"><a href="JavaScript:l()"
        onMouseOver="r('#66ff66'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#66FF99"><a href="JavaScript:l()"
        onMouseOver="r('#66ff99'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#66FFCC"><a href="JavaScript:l()"
        onMouseOver="r('#66ffcc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#66FFFF"><a href="JavaScript:l()"
        onMouseOver="r('#66ffff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
    </tr>
    <tr>
      <td bgcolor="#990000"><a href="JavaScript:l()"
        onMouseOver="r('#990000'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#990033"><a href="JavaScript:l()"
        onMouseOver="r('#990033'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#990066"><a href="JavaScript:l()"
        onMouseOver="r('#990066'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#990099"><a href="JavaScript:l()"
        onMouseOver="r('#990099'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#9900CC"><a href="JavaScript:l()"
        onMouseOver="r('#9900cc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#9900FF"><a href="JavaScript:l()"
        onMouseOver="r('#9900ff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#996600"><a href="JavaScript:l()"
        onMouseOver="r('#996600'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#996633"><a href="JavaScript:l()"
        onMouseOver="r('#996633'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#996666"><a href="JavaScript:l()"
        onMouseOver="r('#996666'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#996699"><a href="JavaScript:l()"
        onMouseOver="r('#996699'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#9966CC"><a href="JavaScript:l()"
        onMouseOver="r('#9966cc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#9966FF"><a href="JavaScript:l()"
        onMouseOver="r('#9966ff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#99CC00"><a href="JavaScript:l()"
        onMouseOver="r('#99cc00'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#99CC33"><a href="JavaScript:l()"
        onMouseOver="r('#99cc33'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#99CC66"><a href="JavaScript:l()"
        onMouseOver="r('#99cc66'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#99CC99"><a href="JavaScript:l()"
        onMouseOver="r('#99cc99'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#99CCCC"><a href="JavaScript:l()"
        onMouseOver="r('#99cccc'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
      <td bgcolor="#99CCFF"><a href="JavaScript:l()"
        onMouseOver="r('#99ccff'); return true"><img
        src="cdh.gif" border="0" width="15" height="15"></a></td>
    </tr>
</table>
</center>

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

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

<script language="JavaScript">
<!--
function makearray(n) {
    this.length = n;
    for(var i = 1; i <= n; i++)
        this[i] = 0;
    return this;
}
hexa = new makearray(16);
for(var i = 0; i < 10; i++) hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
function hex(i) {
    if (i < 0)
        return "00";
    else if (i > 255)
        return "ff";
    else
        return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setbgColor(r, g, b) {
    var hr = hex(r); var hg = hex(g); var hb = hex(b);
    document.bgColor = "#"+hr+hg+hb;
}
function fade(sr, sg, sb, er, eg, eb, step) {
    for(var i = 0; i <= step; i++) {
        setbgColor(
        Math.floor(sr * ((step-i)/step) + er * (i/step)),
        Math.floor(sg * ((step-i)/step) + eg * (i/step)),
        Math.floor(sb * ((step-i)/step) + eb * (i/step)));
        }
}
fade(255,255,255,255,234,213,10);
-->
</script>


fade(255,255,255,255,234,213,10); 中修改自己的喜好
前三個數字代表初始色彩的RGB值
接著的三個數字為最後色彩的RGB值
最後一個數字為色彩顯示的格數

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

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


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

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

<script language="JavaScript">
<!--
  bgChanger("FFEAD5","000000",5);
  bgChanger("000000","FF0000",5);
  bgChanger("FF0000","000000",5);
  bgChanger("000000","AA00EE",5);
  bgChanger("AA00EE","000000",5);
  bgChanger("000000","0000FF",5);
  bgChanger("0000FF","000000",5);
  bgChanger("000000","FFEAD5",5);
-->
</script>


可自行增加 bgChanger("FFEAD5","000000",5); 數量
第一個色碼為原來顏色
第二個色碼為替換顏色
第三個數字為所需時間


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


<script language="JavaScript">
<!--
function initArray() {
  this.length = initArray.arguments.length
  for (var i = 0; i < this.length; i++)
    this[i+1] = initArray.arguments[i]
}
var hexChars = "0123456789ABCDEF";
function Dec2Hex (Dec) {
  var a = Dec % 16;
  var b = (Dec - a)/16;
  hex = "" + hexChars.charAt(b) + hexChars.charAt(a);
  return hex;
}
function bgChanger (begin, end, steps) {
  steps = steps -1 ;
  redA     = begin.charAt(0) + begin.charAt(1);
  red_valA = parseInt(redA,'16');
  redB     = end.charAt(0) + end.charAt(1);
  red_valB = parseInt(redB,'16');
  red_int  = ((red_valB - red_valA) / steps) * -1;
  grnA     = begin.charAt(2) + begin.charAt(3);
  grn_valA = parseInt(grnA,'16');
  grnB     = end.charAt(2) + end.charAt(3);
  grn_valB = parseInt(grnB,'16');
  grn_int  = ((grn_valB - grn_valA) / steps) * -1;
  bluA     = begin.charAt(4) + begin.charAt(5);
  blu_valA = parseInt(bluA,'16');
  bluB     = end.charAt(4) + end.charAt(5);
  blu_valB = parseInt(bluB,'16');
  blu_int  = ((blu_valB - blu_valA) / steps) * -1;
  step = 2;
  red = red_valA;
  grn = grn_valA;
  blu = blu_valA;
  document.bgColor = begin;
  while ( steps >= step ) {
    red -= red_int;
    red_round = Math.round(red);
    red_hex = Dec2Hex(red);
    grn -= grn_int;
    grn_round = Math.round(grn);
    grn_hex = Dec2Hex(grn);
    blu -= blu_int;
    blu_round = Math.round(blu);
    blu_hex = Dec2Hex(blu);
    document.bgColor = red_hex + grn_hex + blu_hex;
//    document.write("<br>bgcolor = " + red_hex + grn_hex + blu_hex);
    step++;
  }
  document.bgColor = end;
}
-->
</script>

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

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


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

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

<script language="JavaScript">
<!--
var pos = 10;
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var col=new initArray("4b","5b","8b","8b");
col[0] = "#FFEAD5";
col[1] = "#FFF0F5";
col[2] = "#FFE1FF";
col[3] = "#FFC125";
col[4] = "#FFBBFF";
col[5] = "#FF83FA";
col[6] = "#F5FFFA";
col[7] = "#E0FFFF";
col[8] = "#C0FF3E";
col[9] = "#FFEAD5";
function chgCol() {
pos++;
if (pos<0||pos>9) {
pos = 0;
}
document.bgColor = col[pos];
setTimeout("chgCol()",1000);
/* Change above set to every 10 seconds (1000 = 1 sec) If
you wish to speed it up, lower the number. To slow it
down, raise the number. */
}
var yourwords = "自動變色";var buffer1=" ";var buffer2=" ";var message1=buffer1+yourwords+buffer2;var dir = "left";var speed =150;function pingpong(){if (dir == "left") { message2=message1.substring(2,message1.length)+" "; window.status=message2; setTimeout("pingpong();",speed); message1=message2; if (message1.substring(0,1) == "*") dir="right"; }else { message2=" "+message1.substring(0,message1.length-2); window.status=message2; setTimeout("pingpong();",speed); message1=message2; if (message1.substring(message1.length-1,message1.length) == "*") dir="left"; }}
-->
</script>

自行修改變換的顏色
setTimeout("chgCol()",1000); 中修改顏色變化後所等待的時間(每1秒=1000)



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

 onload="chgCol(); pingpong();"

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

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


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

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

<center>
<FORM>
請輸入你選擇的顏色
<BR>
<input type="text" name="text" size="6" value="#FFEAD5">
<input type="button" name="button" value="變更" onClick="test(this.form)">
</FORM>
</center>


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

<script language="JavaScript">
<!--
function test(form) {
if (form.text.value == "")
alert("What\'s your favorite color?")
else {
document.bgColor=(""+form.text.value+"");
}
}
-->
</script>

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

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


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

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


<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<script language="JavaScript">
<!--
function webcolor(c){ 
document.bgColor="#"+c.r1.options[c.r1.selectedIndex].text+c.r2.options[c.r2.selectedIndex].text+c.g1.options[c.g1.selectedIndex].text+c.g2.options[c.g2.selectedIndex].text+c.b1.options[c.b1.selectedIndex].text+c.b2.options[c.b2.selectedIndex].text;
}
-->
</script>
<form name="c">
<select name="r1" size="16" onChange="webcolor(this.form)">
<option>0</option>
<option>1</option><option>2</option><option>3</option>
<option>4</option><option>5</option><option>6</option>
<option>7</option><option>8</option><option>9</option>
<option>A</option><option>B</option><option>C</option>
<option>D</option><option>E</option><option selected>F</option>
</select>
<select name="r2" size="16" onChange="webcolor(this.form)">
<option>0</option>
<option>1</option><option>2</option><option>3</option> 
<option>4</option><option>5</option><option>6</option> 
<option>7</option><option>8</option><option>9</option> 
<option>A</option><option>B</option><option>C</option> 
<option>D</option><option>E</option><option selected>F</option> 
</select> 
<select name="g1" size="16" onChange="webcolor(this.form)">
<option>0</option>
<option>1</option><option>2</option><option>3</option> 
<option>4</option><option>5</option><option>6</option> 
<option>7</option><option>8</option><option>9</option> 
<option>A</option><option>B</option><option>C</option> 
<option>D</option><option selected>E</option><option>F</option> 
</select>
<select name="g2" size="16" onChange="webcolor(this.form)">
<option>0</option>
<option>1</option><option>2</option><option>3</option> 
<option>4</option><option>5</option><option>6</option> 
<option>7</option><option>8</option><option>9</option> 
<option selected>A</option><option>B</option><option>C</option> 
<option>D</option><option>E</option><option>F</option> 
</select>
<select name="b1" size="16" onChange="webcolor(this.form)">
<option>0</option>
<option>1</option><option>2</option><option>3</option> 
<option>4</option><option>5</option><option>6</option> 
<option>7</option><option>8</option><option>9</option> 
<option>A</option><option>B</option><option>C</option> 
<option selected>D</option><option>E</option><option>F</option> 
</select> 
<select name="b2" size="16" onChange="webcolor(this.form)">
<option>0</option> 
<option>1</option><option>2</option><option>3</option> 
<option>4</option><option selected>5</option><option>6</option> 
<option>7</option><option>8</option><option>9</option> 
<option>A</option><option>B</option><option>C</option> 
<option>D</option><option>E</option><option>F</option> 
</select> 
</form></td> 
</tr> 
</table> 
</center>

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

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


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

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


<center>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<font color="#FF0000">
<script language="JavaScript">
<!--
function updatebgColor(fm) {
var rh, rl, gh, gl, bh, bl
rh = fm.redh.options[fm.redh.selectedIndex].text
rl = fm.redl.options[fm.redl.selectedIndex].text
gh = fm.greenh.options[fm.greenh.selectedIndex].text
gl = fm.greenl.options[fm.greenl.selectedIndex].text
bh = fm.blueh.options[fm.blueh.selectedIndex].text
bl = fm.bluel.options[fm.bluel.selectedIndex].text
//var newColor = "#"
// for(i=1; i<=6; i++) {
// newColor += hexColors[Math.floor(15.99*Math.random())]
// }
fm.rgbText.value = " ("+rh + rl + ", " + gh + gl + ", " + bh + bl +")"
document.bgColor = "#" + rh + rl + gh + gl + bh + bl
}
-->
</script>
</font>
</td>
</tr>
</table>
</center>
<script language="JavaScript">
<!--
hexColors = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F" )
-->
</script>
<form name="fmsel">
<center>
<table border="0">
<tr>
<th><font color="#FF0000">紅</font><br>
<br>
<select name="redh" size="3">
<option> 0 </option>
<option> 1 </option>
<option> 2 </option>
<option> 3 </option>
<option> 4 </option>
<option> 5 </option>
<option> 6 </option>
<option> 7 </option>
<option> 8 </option>
<option> 9 </option>
<option> A </option>
<option> B </option>
<option> C </option>
<option> D </option>
<option> E </option>
<option selected> F </option>
</select> <select name="redl" size="3">
<option> 0 </option>
<option> 1 </option>
<option> 2 </option>
<option> 3 </option>
<option> 4 </option>
<option> 5 </option>
<option> 6 </option>
<option> 7 </option>
<option> 8 </option>
<option> 9 </option>
<option> A </option>
<option> B </option>
<option> C </option>
<option> D </option>
<option> E </option>
<option selected> F </option>
</select> </th>
<th><font color="#00FF00">綠</font><br>
<br>
<select name="greenh" size="3">
<option> 0 </option>
<option> 1 </option>
<option> 2 </option>
<option> 3 </option>
<option> 4 </option>
<option> 5 </option>
<option> 6 </option>
<option> 7 </option>
<option> 8 </option>
<option> 9 </option>
<option> A </option>
<option> B </option>
<option> C </option>
<option> D </option>
<option selected> E </option>
<option> F </option>
</select> <select name="greenl" size="3">
<option> 0 </option>
<option> 1 </option>
<option> 2 </option>
<option> 3 </option>
<option> 4 </option>
<option> 5 </option>
<option> 6 </option>
<option> 7 </option>
<option> 8 </option>
<option> 9 </option>
<option selected> A </option>
<option> B </option>
<option> C </option>
<option> D </option>
<option> E </option>
<option> F </option>
</select> </th>
<th><font color="#0000FF">藍</font><br>
<br>
<select name="blueh" size="3">
<option> 0 </option>
<option> 1 </option>
<option> 2 </option>
<option> 3 </option>
<option> 4 </option>
<option> 5 </option>
<option> 6 </option>
<option> 7 </option>
<option> 8 </option>
<option> 9 </option>
<option> A </option>
<option> B </option>
<option> C </option>
<option selected> D </option>
<option> E </option>
<option> F </option>
</select>
<select name="bluel" size="3">
<option> 0 </option>
<option> 1 </option>
<option> 2 </option>
<option> 3 </option>
<option> 4 </option>
<option selected> 5 </option>
<option> 6 </option>
<option> 7 </option>
<option> 8 </option>
<option> 9 </option>
<option> A </option>
<option> B </option>
<option> C </option>
<option> D </option>
<option> E </option>
<option> F </option>
</select> </th>
</tr>
</table>
</center>
<center>
<b>顏色碼:</b>
<input type="text" size="13" name="rgbText"> <input type="button" name="calcButton" value="更換" onClick="updatebgColor(this.form)">
</form>
<script language="JavaScript">
<!--
updatebgColor(document.fmsel)
-->
</script>
</center>

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

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


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

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


<center>
<A HREF="#" onMouseOver="randombackground()">改變背景顏色</A>
</center>


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


<script language="Javascript">
<!--
function backcolor(form){
        temp = ""
        for (var i = 0; i < 16; i++) {
                temp = form.color[i].value
                if (form.color[i].checked){ document.bgColor = temp }
                }
        }
function randombackground(){
        document.bgColor = getColor()
        }
function getColor(){
        currentdate = new Date()
        backgroundcolor = currentdate.getSeconds()
        if (backgroundcolor > 44)
                backgroundcolor = backgroundcolor - 45
        else if (backgroundcolor > 29)
                backgroundcolor = backgroundcolor - 30
        else if (backgroundcolor > 15)
                backgroundcolor = backgroundcolor - 16
        if (backgroundcolor == 0 )
                return "olive";
        else if (backgroundcolor == 1 )
                return "teal";
        else if (backgroundcolor == 2 )
                return "red";
        else if (backgroundcolor == 3 )
                return "blue";
        else if (backgroundcolor == 4 )
                return "maroon";
        else if (backgroundcolor == 5 )
                return "navy";
        else if (backgroundcolor == 6 )
                return "lime";
        else if (backgroundcolor == 7 )
                return "fuschia";
        else if (backgroundcolor == 8 )
                return "green";
        else if (backgroundcolor == 9 )
                return "purple";
        else if (backgroundcolor == 10 )
                return "gray";
        else if (backgroundcolor == 11 )
                return "yellow";
        else if (backgroundcolor == 12 )
                return "aqua";
        else if (backgroundcolor == 13 )
                return "black";
        else if (backgroundcolor == 14 )
                return "white";
        else if (backgroundcolor == 15 )
                return "silver";
        }
-->
</script>

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

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


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

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

<center>
<form>
<input type="button" value="改變背景顏色" onClick="randombackground()">
</form>
</center>


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


<script language="Javascript">
<!--
function backcolor(form){
        temp = ""
        for (var i = 0; i < 16; i++) {
                temp = form.color[i].value
                if (form.color[i].checked){ document.bgColor = temp }
                }
        }
function randombackground(){
        document.bgColor = getColor()
        }
function getColor(){
        currentdate = new Date()
        backgroundcolor = currentdate.getSeconds()
        if (backgroundcolor > 44)
                backgroundcolor = backgroundcolor - 45
        else if (backgroundcolor > 29)
                backgroundcolor = backgroundcolor - 30
        else if (backgroundcolor > 15)
                backgroundcolor = backgroundcolor - 16
        if (backgroundcolor == 0 )
                return "olive";
        else if (backgroundcolor == 1 )
                return "teal";
        else if (backgroundcolor == 2 )
                return "red";
        else if (backgroundcolor == 3 )
                return "blue";
        else if (backgroundcolor == 4 )
                return "maroon";
        else if (backgroundcolor == 5 )
                return "navy";
        else if (backgroundcolor == 6 )
                return "lime";
        else if (backgroundcolor == 7 )
                return "fuschia";
        else if (backgroundcolor == 8 )
                return "green";
        else if (backgroundcolor == 9 )
                return "purple";
        else if (backgroundcolor == 10 )
                return "gray";
        else if (backgroundcolor == 11 )
                return "yellow";
        else if (backgroundcolor == 12 )
                return "aqua";
        else if (backgroundcolor == 13 )
                return "black";
        else if (backgroundcolor == 14 )
                return "white";
        else if (backgroundcolor == 15 )
                return "silver";
        }
-->
</script>

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

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


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

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

<center>
<script language="JavaScript">
<!--
var x;
var tob=0;
var d=new Date();
d.setTime(d.getTime()+(1000*60*60*24*30));
var thecookie;
var fgcookie;
function checkbg()
{
if(document.cookie.indexOf("bgcolor")!=-1)
 {
 thecookie=document.cookie;
 var cut=thecookie.indexOf("bgcolor=");
 var color=thecookie.substring(cut+8,cut+15);
 document.bgColor=color;
 }
}
function ckeckfg()
{
if(document.cookie.indexOf("fgcolor")!=-1)
 {
 fgcookie=document.cookie;
 var cut=fgcookie.indexOf("fgcolor=");
 var color=fgcookie.substring(cut+8,cut+15);
 document.fgColor=color;
 }
}
function create(x)
{
if(tob==0){createbg(x)}
if(tob==1){createfg(x)}
}
function createbg(x)
{
if(document.cookie.indexOf("bgcolor")==-1 && tob==0)
 {
 document.cookie="bgcolor="+x+";expires="+d.toGMTString();
 document.bgColor=x;
 }
else if(tob==0)
 {
 document.cookie="bgcolor="+x+";expires="+d.toGMTString();
 thecookie=document.cookie;
 document.bgColor=x;
 }
}
function createfg(x)
{
if(document.cookie.indexOf("fgcolor")==-1 && tob==1)
 {
 document.cookie="fgcolor="+x+";expires="+d.toGMTString();
 document.fgColor=x;
 }
else
 {
 document.cookie="fgcolor="+x+";expires="+d.toGMTString();
 fgcookie=document.cookie;
 document.fgColor=x;
 }
}
-->
</script>
<input type="button" style="background-color: '#000000'" onclick="create('#000000')">
<input type="button" style="background-color: '#808080'" onclick="create('#808080')">
<input type="button" style="background-color: '#C0C0C0'" onclick="create('#C0C0C0')">
<input type="button" style="background-color: '#66FFFF'" onclick="create('#66FFFF')">
<input type="button" style="background-color: '#7BE2EF'" onclick="create('#7BE2EF')">
<input type="button" style="background-color: '#6BA7D6'" onclick="create('#6BA7D6')">
<input type="button" style="background-color: '#0066CC'" onclick="create('#0066CC')">
<input type="button" style="background-color: '#6363CE'" onclick="create('#6363CE')">
<input type="button" style="background-color: '#330099'" onclick="create('#330099')">
<input type="button" style="background-color: '#5D0063'" onclick="create('#5D0063')">
<input type="button" style="background-color: '#FF99CC'" onclick="create('#FF99CC')">
<input type="button" style="background-color: '#B85FA3'" onclick="create('#B85FA3')">
<input type="button" style="background-color: '#B188CF'" onclick="create('#B188CF')">
<br>
<input type="button" style="background-color: '#FFCC00'" onclick="create('#FFCC00')">
<input type="button" style="background-color: '#FFFF00'" onclick="create('#FFFF00')">
<input type="button" style="background-color: '#EAEF7B'" onclick="create('#EAEF7B')">
<input type="button" style="background-color: '#66FF00'" onclick="create('#66FF00')">
<input type="button" style="background-color: '#006633'" onclick="create('#006633')">
<input type="button" style="background-color: '#339999'" onclick="create('#339999')">
<input type="button" style="background-color: '#336600'" onclick="create('#336600')">
<input type="button" style="background-color: '#666600'" onclick="create('#666600')">
<input type="button" style="background-color: '#996633'" onclick="create('#996633')">
<input type="button" style="background-color: '#990000'" onclick="create('#990000')">
<input type="button" style="background-color: '#FF0000'" onclick="create('#FF0000')">
<input type="button" style="background-color: '#B8855F'" onclick="create('#B8855F')">
<input type="button" style="background-color: '#FF6600'" onclick="create('#FF6600')">
</center>

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

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


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

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

<center>
<form>
<input type="button" value="黃色背景" onClick="document.bgColor='#FFFF00'">
<input type="button" value="綠色背景" onClick="document.bgColor='#00FF00'">
<input type="button" value="紫色背景" onClick="document.bgColor='#FF00FF'">
<input type="button" value="黑色背景" onClick="document.bgColor='#000000'">
<input type="button" value="白色背景" onClick="document.bgColor='#FFFFFF'">
</form>
</center>


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


<script language="JavaScript">
<!--
org_Color=document.bgColor.substring(1.10)
-->
</script>

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