目前分類：網頁語法特效~更換背景顏色 (14)

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

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


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

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


<table width="100%" style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#557BCA', endColorStr='#FFE9D2', gradientType='0')">
 </table>


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



 style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#3F8CDA', gradientType='1')"



可以不用圖片，就能製造 漸層色當背景

startColorStr='#******' ，此******處為開始的顏色

endColorStr='#******' ，此******處為結尾的顏色

《利用開始～結尾製造出漸層感》

gradientType='*' ，此*處可輸入0或1，0是直的漸層色，1是橫的漸層色


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

▲top

語法展示::  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) 人氣()

▲top

將以下程式碼複製，貼在<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) 人氣()

▲top

語法展示::   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) 人氣()

▲top

語法展示::   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) 人氣()

▲top

語法展示::   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) 人氣()

▲top

語法展示::   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) 人氣()

▲top

語法展示::  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) 人氣()

▲top

語法展示::  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) 人氣()

▲top

語法展示::   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) 人氣()

▲top

語法展示::  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) 人氣()

▲top

語法展示::   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) 人氣()

▲top

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


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

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

<center>
<FORM>
請選擇背景顏色<br>
<SELECT onChange="document.bgColor=this.options[this.selectedIndex].value">
<OPTION VALUE="#FFEAD5">淡橙</OPTION>
<OPTION VALUE="#FFFF00">黃色</OPTION>
<OPTION VALUE="#80FF00">綠色</OPTION>
<OPTION VALUE="#FF00FF">紫色</OPTION>
<OPTION VALUE="#000000">黑色</OPTION>
<OPTION VALUE="#FFFFFF">白色</OPTION>
</SELECT></FORM>
</center>


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


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

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

▲top

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


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

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


<center>
<form name="backcolorform">請選擇背景顏色<br>
            <table cellpadding="5" cellspacing="5" border="0">
              <tr bgcolor="#FF8080">
                <td>
                  <input type="radio" name="color" value="#FF8080" onClick="backcolor(this.form)">
                </td>               
                <td bgcolor="#FFEAD5">
                  <input type="radio" name="color" value="#FFEAD5" onClick="backcolor(this.form)">
                </td>
                <td bgcolor="#FFFF00">
                  <input type="radio" name="color" value="#FFFF00" onClick="backcolor(this.form)">
                </td>
                <td bgcolor="#80FF00">
                  <input type="radio" name="color" value="#80FF00" onClick="backcolor(this.form)">
                </td>
</tr>
              <tr>
                <td bgcolor="#00FF00">
                  <input type="radio" name="color" value="#00FF00" onClick="backcolor(this.form)">
                </td>
                <td bgcolor="#00FF80">
                  <input type="radio" name="color" value="#00FF80" onClick="backcolor(this.form)">
                </td>
                <td bgcolor="#00FFFF">
                  <input type="radio" name="color" value="#00FFFF" onClick="backcolor(this.form)">
                </td>
                <td bgcolor="#0080FF">
                  <input type="radio" name="color" value="#0080FF" onClick="backcolor(this.form)">
                </td>
</tr>
              <tr>
                <td bgcolor="#8080FF">
                  <input type="radio" name="color" value="#8080FF" onClick="backcolor(this.form)">
                </td>
                <td bgcolor="#BF80FF">
                  <input type="radio" name="color" value="#BF80FF" onClick="backcolor(this.form)">
                </td>
                <td bgcolor="#FF00FF">
                  <input type="radio" name="color" value="#FF00FF" onClick="backcolor(this.form)">
                </td>
                <td bgcolor="#FF0080">
                  <input type="radio" name="color" value="#FF0080" onClick="backcolor(this.form)">
                </td>
</tr>
              <tr>
                <td bgcolor="#000000">
                  <input type="radio" name="color" value="#000000" onClick="backcolor(this.form)">
                </td>
                <td bgcolor="#FFFFFF">
                  <input type="radio" name="color" value="#FFFFFF" onClick="backcolor(this.form)">
                </td>
                <td bgcolor="#800000">
                  <input type="radio" name="color" value="#800000" onClick="backcolor(this.form)">
                </td>
                <td bgcolor="#BF80FF">
                  <input type="radio" name="color" value="#BF80FF" onClick="backcolor(this.form)">
                </td>
</tr>
</table>
</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) 人氣()

▲top