目前分類:網頁語法特效~背景圖 (28)

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

語法展示::  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; 中修改星星的大小

uuiop6623 發表在 痞客邦 留言(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 中修改變換的時間


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


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

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


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

uuiop6623 發表在 痞客邦 留言(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"> 中修改圖檔遺失時取代的背景顏色

uuiop6623 發表在 痞客邦 留言(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"; 中修改圖檔的名稱或路徑

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

可自行更改圖檔及名稱

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

語法展示::


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

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


<script language="JavaScript">
<!--
var position = 0;
function scroller() {
 if (position !=300) {
  position++; parent.scroll(100,position);clearTimeout(timer);
  var timer = setTimeout("scroller()",0); timer;
   }
}
-->
</script>

if (position !=300) 中修改捲軸捲動的距離


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

 onload="scroller()"

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

«12