語法展示::  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)" _fcksavedurl=""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"
創作者介紹
創作者 uuiop6623 的頭像
uuiop6623

uuiop

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