語法展示:: 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"
留言列表
