目前分類：網頁語法特效~滑鼠 (51)

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

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


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

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

<script language="JavaScript">
<!--
for (i=0;i<=message.length;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
-->
</script>


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


<style>
<!--
.spanstyle{position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Verdana;
font-weight:bold;color:#FF0000}
-->
</style>
<script language="JavaScript">
<!--
var x,y
var step=20
var flag=0
var message="歡 迎 光 臨  紫蓮の翼 ~"
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=message.length;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (flag==1 && document.layers) {
for (i=message.length; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
-->
</script>


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

 onLoad="makesnake()"

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

▲top

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


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

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

<style>
<!--
.spanstyle {
COLOR: #0066ff; FONT-FAMILY: Tahoma; FONT-SIZE: 10pt; FONT-WEIGHT: normal; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
-->
</style>
<script language=JavaScript>
<!--
var message="歡 迎 光 臨  紫蓮の翼~";
var x,y;
var step=12;
var flag=0;
message=message.split("");
var xpos=new Array();
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50;
}
var ypos=new Array();
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50;
}
function handlerMM(e) {
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX+20;
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY;
flag=1;
}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;
for (i=0; i<=message.length-1; i++) {
var thisspan = eval("span"+(i)+".style");
thisspan.posLeft=xpos[i];
thisspan.posTop=ypos[i];
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i);
thisspan.left=xpos[i];
thisspan.top=ypos[i];
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
}
}
}
-->
</script>
<script language=JavaScript>
<!--
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(message[i]);
document.write("</span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
-->
</script>
<script language=JavaScript>
<!--
function pageonload() {
makesnake();
window.setTimeout("pageonload();", 2);
}
-->
</script>


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

 onLoad="JavaScript:pageonload()"

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

▲top

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


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

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

<script language="JavaScript">
<!--
message = '歡迎光臨 紫蓮の翼~';
FonT = '標楷體';
ColoR = 'FF00FF';
SizE = 3;
var amount = 5, ypos =- 50, xpos = 0, Ay = 0, Ax = 0, By = 0, Bx = 0, Cy = 0, Cx = 0, Dy = 0, Dx = 0, Ey = 0, Ex = 0;
if (document.layers) {
for (i = 0; i < amount; i++) {
document.write('<layer name=nsl'+i+' top=0 left=0><font face='+FonT+' size='+SizE+' color='+ColoR+'>'+message+'</font></layer>');
}
window.captureEvents(Event.MOUSEMOVE);
function nsmouse(evnt) {
xpos = evnt.pageX + 20;
ypos = evnt.pageY + 20;
}
window.onMouseMove = nsmouse;
}
else if (document.all) {
document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>");
document.write("<div style='position:relative'>");
for (i = 0; i < amount; i++) {
document.write('<div id="text"'+i+' style="position:absolute;top:0px;left:0px;width:400px;height:20px"><font face='+FonT+' size='+SizE+' color='+ColoR+'>'+message+'</font></div>')
}
document.write("</div>");
document.write("</div>");
function iemouse() {
ypos = event.y + 20;
xpos = event.x + 20;
}
window.document.onmousemove = iemouse;
}
function makefollow() {
if (document.layers) {
document.layers['nsl'+0].top = ay;
document.layers['nsl'+0].left = ax;
document.layers['nsl'+1].top = by;
document.layers['nsl'+1].left = bx;
document.layers['nsl'+2].top = cy;
document.layers['nsl'+2].left = cx;
document.layers['nsl'+3].top = Dy;
document.layers['nsl'+3].left = Dx;
document.layers['nsl'+4].top = Ey;
document.layers['nsl'+4].left = Ex;
}
else if (document.all) {
outer.style.pixelTop = document.body.scrollTop;
text[0].style.pixelTop = ay;
text[0].style.pixelLeft = ax;
text[1].style.pixelTop = by;
text[1].style.pixelLeft = bx;
text[2].style.pixelTop = cy;
text[2].style.pixelLeft = cx;
text[3].style.pixelTop = Dy;
text[3].style.pixelLeft = Dx;
text[4].style.pixelTop = Ey;
text[4].style.pixelLeft = Ex;
   }
}
function move() {
ey = Ey += (ypos - Ey) * 0.2;
ex = Ex += (xpos - Ex) * 0.2;
dy = Dy += (ey - Dy) * 0.3;
dx = Dx += (ex - Dx) * 0.3;
cy = Cy += (dy - Cy) * 0.4;
cx = Cx += (dx - Cx) * 0.4;
by = By += (cy - By) * 0.5;
bx = Bx += (cx - Bx) * 0.5;
ay = Ay += (by - Ay) * 0.6;
ax = Ax += (bx - Ax) * 0.6;
makefollow();
setTimeout('move()', 10);
}
window.onload=move;
-->
</script>


在 message = '歡迎光臨 紫蓮の翼~'; 中修改要顯示的文字
在 FonT = '標楷體'; 中修改文字的字型
在 ColoR = 'FF00FF'; 中修改文字的顏色
在 SizE = 3; 中修改文字的大小(字體大小為1~7)

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

▲top

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


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

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


<script language="JavaScript">
<!--
var ver=navigator.appVersion;
var dom=document.getElementById?1:0;
var ie5=(ver.indexOf("MSIE 5")>-1&&dom)?1:0;
var n=(document.layers);
var ie=(document.all);
var sparksAflyin=0;
var totalSparks=0;
var sparksOn=1;
function initMouseEvents()
{
document.onmousedown=mouseDown;
if(n)document.captureEvents(Event.MOUSEDOWN|Event.MOUSEMOVE);
}
function mouseDown(e)
{
if(sparksOn)
{
var mousex=(n)?e.pageX:event.x+document.body.scrollLeft;
var mousey=(n)?e.pageY:event.y+document.body.scrollTop;
if(!sparksAflyin)
{
for(var k=0;
k<=9;
k++)
eval('SHOW("sDiv'+k+'")');
sparksAflyin=1;
totalSparks=0;
for(i=0;
i<=9;
i++)
eval('moveTo('+i+',0,'+mousex+','+mousey+')');
}
}
}
function moveTo(i,j,mousex,mousey)
{
if(j<eval('anim_'+i+'_x.length'))
{
var tempx=eval('anim_'+i+'_x[j]+mousex');
var tempy=eval('anim_'+i+'_y[j]+mousey');
if(ie)
{
if(tempy+30>(document.body.offsetHeight+document.body.scrollTop))
tempy=document.body.offsetHeight+document.body.scrollTop-30;
if(tempx+30>(document.body.offsetWidth+document.body.scrollLeft))
tempx=document.body.offsetWidth+document.body.scrollLeft-30;
eval('document.all.sDiv'+i+'.style.left = tempx;');
eval('document.all.sDiv'+i+'.style.top= tempy;');
}
if(n)
{
eval('document.layers.sDiv'+i+'.left = tempx;');
eval('document.layers.sDiv'+i+'.top= tempy;');
}
j++;
setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50)
}
else
{
eval('HIDE("sDiv'+i+'")');
totalSparks++;
}
if(totalSparks==10)
{
sparksAflyin=0;
totalSparks=0;
}
}
function SHOW(divName)
{
if(document.all)
eval('document.all.'+divName+'.style.visibility = "visible";');
else if(document.layers)
eval('document.layers["'+divName+'"].visibility = "visible";');
}
function HIDE(divName)
{
if(document.all)
eval('document.all.'+divName+'.style.visibility = "hidden";');
else if(document.layers)
eval('document.layers["'+divName+'"].visibility = "hide";');
}
anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0);
anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80);
anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181);
anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18);
anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127);
anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189);
anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211);
anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201);
anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288);
anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248);
anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274);
anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257);
anim_7_x=new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175);
anim_7_y=new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68);
anim_8_x=new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109);
anim_8_y=new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188);
anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287);
anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273);
-->
</script>
<DIV id=sDiv0 style="VISIBILITY: hidden; POSITION: absolute">
<FONT color=red size=3>歡</FONT> </DIV>
<DIV id=sDiv1 style="VISIBILITY: hidden; POSITION: absolute">
<FONT color=yellow size=3>迎</FONT> </DIV>
<DIV id=sDiv2 style="VISIBILITY: hidden; POSITION: absolute">
<FONT color=blue size=3>光</FONT> </DIV>
<DIV id=sDiv3 style="VISIBILITY: hidden; POSITION: absolute">
<FONT color=red size=3>臨</FONT> </DIV>
<DIV id=sDiv4 style="VISIBILITY: hidden; POSITION: absolute">
<FONT color=orange size=3>紫</FONT> </DIV>
<DIV id=sDiv5 style="VISIBILITY: hidden; POSITION: absolute">
<FONT color=white size=3>蓮</FONT> </DIV>
<DIV id=sDiv6 style="VISIBILITY: hidden; POSITION: absolute">
<FONT color=green size=3>的</FONT> </DIV>
<DIV id=sDiv7 style="VISIBILITY: hidden; POSITION: absolute">
<FONT color=skyblue size=3>部</FONT> </DIV>
<DIV id=sDiv8 style="VISIBILITY: hidden; POSITION: absolute">
<FONT color=#cc0033 size=3>落</FONT> </DIV>
<DIV id=sDiv9 style="VISIBILITY: hidden; POSITION: absolute">
<FONT color=lime size=3>格</FONT> </DIV>

將以下程式碼複製，貼在<body >標籤裡面。
 onload="initMouseEvents()"

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

▲top

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


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

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

<div id=sparks>
<div id=sDiv0 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="1.gif" width=9></div>
<div id=sDiv1 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="2.gif" width=9></div>
<div id=sDiv2 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="3.gif" width=9></div>
<div id=sDiv3 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="4.gif" width=9></div>
<div id=sDiv4 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="5.gif" width=9></div>
<div id=sDiv5 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="6.gif" width=9></div>
<div id=sDiv6 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="7.gif" width=9></div>
<div id=sDiv7 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="8.gif" width=9></div>
<div id=sDiv8 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="1.gif" width=9></div>
<div id=sDiv9 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="2.gif" width=9></div>
<div id=sDiv10 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="3.gif" width=9></div>
<div id=sDiv11 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="4.gif" width=9></div>
<div id=sDiv12 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="5.gif" width=9></div>
<div id=sDiv13 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="6.gif" width=9></div>
<div id=sDiv14
style="HEIGHT: 19px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 468px"><img
height=9 src="7.gif" width=9></div>
<div id=sDiv15 style="POSITION: absolute; VISIBILITY: hidden"><img height=9
src="8.gif" width=9></div></div>


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

<script language=JavaScript1.2>
var ver = navigator.appVersion;
var dom = document.getElementById ? 1 : 0;
var ie5 = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0;
var n = (document.layers);
var ie = (document.all);
var sparksAflyin = 0;
var totalSparks = 0;
var sparksOn = 1;
function initMouseEvents() {
document.onmousedown = mouseDown;
if (n) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);
}
function mouseDown(e) {
if (sparksOn) {
var mousex = (n) ? e.pageX : event.x+document.body.scrollLeft;
var mousey = (n) ? e.pageY : event.y+document.body.scrollTop;
if (!sparksAflyin) {
for (var k = 0; k <= 9; k++)
eval('SHOW("sDiv'+k+'")');
sparksAflyin = 1;
totalSparks = 0;
for(i = 0;i <= 9; i++)
eval('moveTo('+i+',0,'+mousex+','+mousey+')');
}
}
}
function moveTo(i,j, mousex, mousey){
if (j < eval('anim_'+i+'_x.length') ){
var tempx = eval('anim_'+i+'_x[j]+mousex');
var tempy = eval('anim_'+i+'_y[j]+mousey');
if (ie) {
if(tempy+30 > (document.body.offsetHeight+document.body.scrollTop))
tempy = document.body.offsetHeight+document.body.scrollTop-30;
if(tempx+30 > (document.body.offsetWidth+document.body.scrollLeft))
tempx = document.body.offsetWidth+document.body.scrollLeft-30;
eval('document.all.sDiv'+i+'.style.left = tempx;');
eval('document.all.sDiv'+i+'.style.top = tempy;');
}
if (n) {
eval('document.layers.sDiv'+i+'.left = tempx;');
eval('document.layers.sDiv'+i+'.top = tempy;');
}
j++;
// timeout: 50 = fireworks speed, larger number = slower speed
setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50)
}
else {
eval('HIDE("sDiv'+i+'")');
totalSparks++;
}
if (totalSparks == 10) {
sparksAflyin = 0;
totalSparks = 0;
}
}
function SHOW(divName){
if (document.all)
eval('document.all.'+divName+'.style.visibility = "visible";');
else if (document.layers)
eval('document.layers["'+divName+'"].visibility = "visible";');
}
function HIDE(divName){
if (document.all)
eval('document.all.'+divName+'.style.visibility = "hidden";');
else if (document.layers)
eval('document.layers["'+divName+'"].visibility = "hide";');
}
anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0);
anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80);
anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181);
anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18);
anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127);
anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189);
anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211);
anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201);
anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288);
anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248);
anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274);
anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257);
anim_7_x=new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175);
anim_7_y=new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68);
anim_8_x=new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109);
anim_8_y=new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188);
anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287);
anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273);
</script>
<script language=JavaScript>
var hellotext = ""
var thetext = "";
var started = false;
var step = 0;
var times = 1;
function welcometext() {
times--;
if (!times) {
if (!started) {
started = true;
window.status = hellotext;
setTimeout("anim()", 1);
}
thetext = hellotext;
}
}
function anim() {
step++;
if (step==10) step = 2;
}
</script>


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

 onLoad="initMouseEvents();welcometext()"


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

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

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

▲top

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


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

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

<script language="JavaScript">
<!--
window.onerror=null;
netscape = (document.layers) ? 1:0;
goodIE = (document.all) ? 1:0;
document.onmousemove=MoveHandler;
var gotthere = 0;
var count = 0;
toplocation = new Array( 0,30,57,80,101,125,80,80,101,125,80,0 );
temptoplocation = new Array( 50,100,100,150,150,200,200,100,150,150,200,200,0 );
leftlocation = new Array( 0,292,318,181,181,217,263,318,181,181,217,263,-96 );
templeftlocation = new Array( 0,0,260,390,420,550,680,390,420,550,680,0 );
difftop = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );
diffleft = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );
questtop = -13;
questleft2 = -96;
if (netscape) {
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove = MoveHandler;
var layerstart = "document.";
var layerleft = ".left";
var layertop = ".top";
var layerstyle = "";
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight; }
else if (goodIE) {
layerstart = "document.all.";
layerleft = ".left";
layertop = ".top";
layerstyle = ".style";
windowWidth=600;
windowHeight=400; }
var Ypos2 = 72;
var Xpos2 = 72;
function MoveHandler(e) {
if (netscape || goodIE) {
Xpos2 = (netscape)?e.pageX:event.x
Ypos2 = (netscape)?e.pageY:event.y
Xorigin = Xpos2;
Yorigin = Ypos2;
if (Ypos2 > windowHeight/2) {
if (Xpos2 > windowWidth/2) { direction = 1;}
else { direction = -1;} }
else {
if (Xpos2 > windowWidth/2) { direction = -1;}
else { direction = 1;} }
}}
amountup=44;
function startthedots() {
if (goodIE) {
windowWidth=document.body.clientWidth;
windowHeight=document.body.clientHeight; }
markMe();
eval(layerstart+"what"+layerstyle+layertop+" = windowHeight-amountup");
eval(layerstart+"what"+layerstyle+".visibility = 'visible'");
Xorigin = 204;
Yorigin = 147;
spin();run();}
var OrbitSize = 200;
count=1; delay=100; direction = -1;
Count = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
Xpoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
Ypoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
var speed = -0.06;
var offset = 1;
function spin() {
for ( j = 0 ; j <= 9 ; j++ ) {
Count[j] = Count[j] + (speed*direction);
Xpoint[j] = Xorigin + ((OrbitSize*Math.sin(Count[j])*offset));
Ypoint[j] = Yorigin + (OrbitSize*Math.cos(Count[j])) + dotsoff; }
setTimeout('spin()',3); }
function run() {
count++;
for ( j = 0 ; j <= 9 ; j++ ) {
difftop[j] = Ypoint[j] - temptoplocation[j];
diffleft[j] = Xpoint[j] - templeftlocation[j];
diff = 30;
temptoplocation[j] = temptoplocation[j] + difftop[j]/diff;
templeftlocation[j] = templeftlocation[j] + diffleft[j]/diff;
eval(layerstart+"a"+j+layerstyle+layerleft+" = templeftlocation["+j+"]");
eval(layerstart+"a"+j+layerstyle+layertop+" = temptoplocation["+j+"]"); }
setTimeout('run()', 25) }
goforit=1;
function question0() {
if (goforit) { goforit=0; question1(); }}
function question1() {
questleft2++;questleft2++;questleft2++;
if (questleft2 <= 0) {
eval(layerstart+"what"+layerstyle+layerleft+" = questleft2");
setTimeout('question1()', 10); }
else { setTimeout('question2()',1000);}
}
function question2() {
questleft2--;questleft2--;questleft2--;
if (questleft2 >= -96) {
eval(layerstart+"what"+layerstyle+layerleft+" = questleft2");
setTimeout('question2()', 10); }
if (questleft2 == -96) { goforit=1; } }
mark = 150;
navDOM = window.innerHeight;
function markMe() {
window.onresize=setup;
markID = setInterval ("setup()",mark);
}
var dotsoff=0;
function setup() {
pagescroll=navDOM?pageYOffset:document.body.scrollTop
eval(layerstart+"what"+layerstyle+layertop+" = windowHeight-amountup+pagescroll");
if (!netscape) { dotsoff = pagescroll; }
}
-->
</script>
<DIV ID="a0" align=center><img src="01.gif"></DIV>
<DIV ID="a1" align=center><img src="02.gif"></DIV>
<DIV ID="a2" align=center><img src="03.gif"></DIV>
<DIV ID="a3" align=center><img src="04.gif"></DIV>
<DIV ID="a4" align=center><img src="05.gif"></DIV>
<DIV ID="a5" align=center><img src="06.gif"></DIV>
<DIV ID="a6" align=center><img src="07.gif"></DIV>
<DIV ID="a7" align=center><img src="08.gif"></DIV>
<DIV ID="a8" align=center><img src="09.gif"></DIV>
<DIV ID="a9" align=center><img src="10.gif"></DIV>
<DIV ID="what" align=left style="width: 72; height: 2"></div>


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


<STYLE TYPE="text/css">
<!--
#a0 {position:absolute; left:-24; top:-24; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a1 {position:absolute; left:96; top:-24; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a2 {position:absolute; left:216; top:-24; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a3 {position:absolute; left:338; top:-24; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a4 {position:absolute; left:460; top:-24; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a5 {position:absolute; left:640; top:-24; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a6 {position:absolute; left:-24; top:800; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a7 {position:absolute; left:200; top:800; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a8 {position:absolute; left:300; top:800; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a9 {position:absolute; left:600; top:800; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#what {position:absolute; left:-96; top:0;z-index:3000;visibility:hidden;}
-->
</STYLE>


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

 onLoad="startthedots()"


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

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

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

▲top

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


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

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

<div id=yyd0 style="position:absolute; left:9px; top:50px; width:8px; height:8px; z-index:1"><img src="01.gif"></div>
<div id=yyd1 style="position:absolute; left:20px; top:50px; width:8px; height:8px; z-index:1"><img src="02.gif"></div>
<div id=yyd2 style="position:absolute; left:30px; top:50px; width:8px; height:8px; z-index:1"><img src="03.gif"></div>
<div id=yyd3 style="position:absolute; left:40px; top:50px; width:8px; height:8px; z-index:1"><img src="04.gif"></div>
<div id=yyd4 style="position:absolute; left:50px; top:50px; width:8px; height:8px; z-index:1"><img src="05.gif"></div>
<div id=yyd5 style="position:absolute; left:60px; top:50px; width:8px; height:8px; z-index:1"><img src="06.gif"></div>
<div id=yyd6 style="position:absolute; left:70px; top:50px; width:8px; height:8px; z-index:1"><img src="07.gif"></div>
<div id=yyd7 style="position:absolute; left:80px; top:50px; width:8px; height:8px; z-index:1"><img src="08.gif"></div>
<div id=yyd8 style="position:absolute; left:90px; top:50px; width:8px; height:8px; z-index:1"><img src="09.gif"></div>
<div id=yyd9 style="position:absolute; left:100px; top:50px; width:8px; height:8px; z-index:1"><img src="10.gif"></div>
<div id=yyd10 style="position:absolute; left:110px; top:50px; width:8px; height:8px; z-index:1"><img src="11.gif"></div>
<div id=yyd11 style="position:absolute; left:120px; top:50px; width:8px; height:8px; z-index:1"><img src="12.gif"></div>
<script language="JavaScript">
<!--
var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;
document.onmousemove = YY_Mousetrace;
yy_tracescript = '';
if (yyns4){ document.captureEvents(Event.MOUSEMOVE);
  YY_Mousetrace('',',document.YY_Mousetrace1')}
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/27.47391883553113))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/27.759922070045164))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd0\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/6.6842852344768655))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/3.787161531589553))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd1\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/11.514500458309838))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/18.62846869414388))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd2\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/34.71411328027274))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/42.68178094138965))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd3\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/12.87207566184633))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/14.205751646191771))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd4\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/9.33680949349013))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/0.4692868037694309))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd5\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/26.316613417127357))+180)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/41.17563463449173))+180)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd6\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/13.132700138400375))+210)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/49.62470544395596))+210)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd7\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/31.16298988824991))+240)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/30.473700236243147))+240)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd8\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/4.88143502414121))+270)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/39.62134911886287))+270)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd9\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/11.986182470309899))+300)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/8.280092154707056))+300)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd10\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/13.65672072375106))+330)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/13.983527704396634))+330)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd11\']',2000,true,80,0,1);
-->
</script>


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

<script language="JavaScript">
<!--
function MM_timelinePlay(tmLnName, myID) {
  var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
  if (document.MM_Time == null) MM_initTimelines();
  tmLn = document.MM_Time[tmLnName];
  if (myID == null) { myID = ++tmLn.ID; firstTime=true;
  if (myID == tmLn.ID) {
    setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
    fNew = ++tmLn.curFrame;
    for (i=0; i<tmLn.length; i++) {
      sprite = tmLn[i];
      if (sprite.charAt(0) == 's') {
        if (sprite.obj) {
          numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
          if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {
            keyFrm=1;
            for (j=0; j<sprite.values.length; j++) {
              props = sprite.values[j];
              if (numKeyFr != props.length) {
                if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
                else        sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
              } else {
                while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
                if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
                  if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
                  else        sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
        } } } } }
      } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
      if (fNew > tmLn.lastFrame) tmLn.ID = 0;
  } }
}}
-->
</script>
<script language="JavaScript">
<!--
function YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep) {
 if ((document.layers)||(document.all)){
  with (Math) {yynextx= eval(yyfnx)}
  with (Math) {yynexty= eval(yyfny)}
  yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep;
  if (document.layers){
    eval(yydiv+".top="+(yynexty+yytop))
    eval(yydiv+".left="+(yynextx+yyleft))
  }
  if (document.all){
    eval("yydiv=yydiv.replace(/.layers/gi, '.all')");
    eval(yydiv+".style.pixelTop="+(yynexty+yytop));
    eval(yydiv+".style.pixelLeft="+(yynextx+yyleft));
  }
argStr='YY_Layerfx('+yyleft+','+yytop+',"'+yyfnx+'","'+yyfny+'","'+yydiv+'",'+yybilder+','+yyloop+','+yyto+','+yycnt+','+yystep+')';
  if (yycnt<=yystep*yybilder){eval(yydiv+".yyto=setTimeout(argStr,yyto)");}
 }
}
function YY_Mousetrace(evnt) {
 if (yyns4)
  {if (evnt.pageX) {yy_ml=evnt.pageX;  yy_mt=evnt.pageY;}  }
 else{
   yy_ml=(event.clientX + document.body.scrollLeft);
   yy_mt=(event.clientY + document.body.scrollTop);
 }
 if (yy_tracescript)eval(yy_tracescript)
}
function MM_openBrWindow(theURL,winName,features) {
  window.open(theURL,winName,features);
}
-->
</script>

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

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

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

▲top

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


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

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


<script language="JavaScript">
<!--
createLoadBar(240, 20, 1, "#000000", "#cccccc", "#999999", "MS Sans serif,Arial,Helvetica", 1, "<b>下載中, 請稍候......</b>");
-->
</script>
<div id="ant1" style=" height: 16px; position: absolute; visibility: hidden; width: 16px;"><img name="antimg1" src="transparent.gif" width=13 height=13></div>
<div id="ant2" style=" height: 16px; position: absolute; visibility: hidden; width: 16px;"><img name="antimg2" src="transparent.gif" width=13 height=13></div>
<div id="ant3" style=" height: 16px; position: absolute; visibility: hidden; width: 16px;"><img name="antimg3" src="transparent.gif" width=13 height=13></div>
<div id="ant4" style=" height: 16px; position: absolute; visibility: hidden; width: 16px;"><img name="antimg4" src="transparent.gif" width=13 height=13></div>
<div id="ant5" style=" height: 16px; position: absolute; visibility: hidden; width: 16px;"><img name="antimg5" src="transparent.gif" width=13 height=13></div>
<div id="ant6" style=" height: 16px; position: absolute; visibility: hidden; width: 16px;"><img name="antimg6" src="transparent.gif" width=13 height=13></div>
<div id="ant7" style=" height: 16px; position: absolute; visibility: hidden; width: 16px;"><img name="antimg7" src="transparent.gif" width=13 height=13></div>
<div id="ant8" style=" height: 16px; position: absolute; visibility: hidden; width: 16px;"><img name="antimg8" src="transparent.gif" width=13 height=13></div>


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


<script language="JavaScript">
<!--
var dir = "";
var images = new Array(
dir+"antdl.gif",
dir+"antdn.gif",
dir+"antdr.gif",
dir+"antlt.gif",
dir+"antrt.gif",
dir+"antul.gif",
dir+"antup.gif",
dir+"antur.gif"
);
var isMinNS4 = (document.layers) ? 1 : 0;
var isMinIE4 = (document.all) ? 1 : 0;
var _LBimgList;
var _LBimgCount;
var _LBbase = "LBbase";
var _LBlow = "LBlow";
var _LBhigh = "LBhigh";
var _LBwidth;
var _LBheight;
var _LBbaseLayer;
var _LBlowLayer;
var _LBhighLayer;
function createLoadBar(width, height, bdSize, bdColor, bgColor, fgColor, fontFace, fontSize, text) {
var txtLow, txtHigh, tblStart, tblEnd;
var str;
txtLow = '<font color="' + fgColor + '" face="' + fontFace + '" size=' + fontSize + '>' + text + '</font>';
txtHigh = '<font color="' + bgColor + '" face="' + fontFace + '" size=' + fontSize + '>' + text + '</font>';
tblStart = '<table border=0 cellpadding=0 cellspacing=0 height=100% width=100%><tr valign="center"><td align="center">';
tblEnd = '</td></tr></table>';
if (isMinNS4)
str = '<layer name="' + _LBbase + '" bgcolor="' + bdColor + '" width=' + width + ' height=' + height + ' visibility="hide">\n'
+ ' <layer name="' + _LBlow + '" bgcolor="' + bgColor + '" left=' + bdSize + ' top=' + bdSize + ' width=' + (width - 2 * bdSize) + ' height=' + (height - 2 * bdSize) + '>' + tblStart + txtLow + tblEnd + '</layer>\n'
+ ' <layer name="' + _LBhigh + '" bgcolor="' + fgColor + '" left=' + bdSize + ' top=' + bdSize + ' width=' + (width - 2 * bdSize) + ' height=' + (height - 2 * bdSize) + '>' + tblStart + txtHigh + tblEnd + '</layer>\n'
+ '</layer>';
if (isMinIE4)
str = '<div id="' + _LBbase + '" style="position:absolute; background-color:' + bdColor + '; width:' + width + 'px; height:' + height + 'px; visibility:hidden;">\n'
+ ' <div id="' + _LBlow + '" style="position:absolute; background-color=' + bgColor + '; left:' + bdSize + 'px; top:' + bdSize + 'px; width:' + (width - 2 * bdSize) + 'px; height:' + (height - 2 * bdSize) + 'px;">' + tblStart + txtLow + tblEnd + '</div>\n'
+ ' <div id="' + _LBhigh + '" style="position:absolute; background-color=' + fgColor + '; left:' + bdSize + 'px; top:' + bdSize + 'px; width:' + (width - 2 * bdSize) + 'px; height:' + (height - 2 * bdSize) + 'px;">' + tblStart + txtHigh + tblEnd + '</div>\n'
+ '</div>';
document.writeln(str);
_LBwidth = width - 2 * bdSize;
_LBheight = height - 2 * bdSize;
}
function startLoadBar(srcList, x, y) {
var i, w, h;
if (isMinNS4) {
_LBbaseLayer = document.layers[_LBbase];
_LBlowLayer = _LBbaseLayer.document.layers[_LBlow];
_LBhighLayer = _LBbaseLayer.document.layers[_LBhigh];
}
if (isMinIE4) {
_LBbaseLayer = eval('document.all.' + _LBbase);
_LBlowLayer = eval('document.all.' + _LBlow);
_LBhighLayer = eval('document.all.' + _LBhigh);
}
if (isMinNS4) {
w = window.innerWidth;
h = window.innerHeight;
}
if (isMinIE4) {
w = document.body.clientWidth;
h = document.body.clientHeight;
}
if (x == null)
x = Math.round((w - _LBwidth) / 2);
if (y == null)
y = Math.round((h - _LBheight) / 2);
moveLayerTo(_LBbaseLayer, x, y);
clipLayer(_LBhighLayer, 0, 0, 0, _LBheight);
showLayer(_LBbaseLayer);
_LBimgCount = 0;
_LBimgList = new Array();
for (i = 0; i < srcList.length; i++) {
_LBimgList[i] = new Image();
_LBimgList[i].onabort = _LBupdate;
_LBimgList[i].onerror = _LBupdate;
_LBimgList[i].onload = _LBupdate;
}
for (i = 0; i < srcList.length; i++)
_LBimgList[i].src = srcList[i];
}
function endLoadBar() { // empty (can be changed) function called when finished
}
function _LBupdate() {
var pct;
_LBimgCount++;
pct = _LBimgCount / _LBimgList.length;
clipLayer(_LBhighLayer, 0, 0, Math.round(pct * _LBwidth), _LBheight);
if (_LBimgCount == _LBimgList.length) {
setTimeout('hideLayer(_LBbaseLayer)', 500);
endLoadBar();
}
}
function moveLayerTo(layer, x, y) {
if (isMinNS4)
layer.moveTo(x, y);
if (isMinIE4) {
layer.style.left = x;
layer.style.top = y;
}
}
function hideLayer(layer) {
if (isMinNS4)
layer.visibility = "hide";
if (isMinIE4)
layer.style.visibility = "hidden";
}
function getWindowWidth() {
if (isMinNS4)
return(window.innerWidth);
if (isMinIE4)
return(document.body.offsetWidth);
return(-1);
}
function getWindowHeight() {
if (isMinNS4)
return(window.innerHeight);
if (isMinIE4)
return(document.body.offsetHeight);
return(-1);
}
function getPageScrollX() {
if (isMinNS4)
return(window.pageXOffset);
if (isMinIE4)
return(document.body.scrollLeft);
return(-1);
}
function getPageScrollY() {
if (isMinNS4)
return(window.pageYOffset);
if (isMinIE4)
return(document.body.scrollTop);
return(-1);
}
function getHeight(layer) {
if (isMinNS4) {
if (layer.document.height)
return(layer.document.height);
else
return(layer.clip.bottom - layer.clip.top);
}
if (isMinIE4) {
if (false && layer.style.pixelHeight)
return(layer.style.pixelHeight);
else
return(layer.clientHeight);
}
return(-1);
}
function getWidth(layer) {
if (isMinNS4) {
if (layer.document.width)
return(layer.document.width);
else
return(layer.clip.right - layer.clip.left);
}
if (isMinIE4) {
if (layer.style.pixelWidth)
return(layer.style.pixelWidth);
else
return(layer.clientWidth);
}
return(-1);
}
function getLeft(layer) {
if (isMinNS4)
return(layer.left);
if (isMinIE4)
return(layer.style.pixelLeft);
return(-1);
}
function getTop(layer) {
if (isMinNS4)
return(layer.top);
if (isMinIE4)
return(layer.style.pixelTop);
return(-1);
}
function getRight(layer) {
if (isMinNS4)
return(layer.left + getWidth(layer));
if (isMinIE4)
return(layer.style.pixelLeft + getWidth(layer));
return(-1);
}
function getBottom(layer) {
if (isMinNS4)
return(layer.top + getHeight(layer));
else if (isMinIE4)
return(layer.style.pixelTop + getHeight(layer));
return(-1);
}
function moveLayerBy(layer, dx, dy) {
if (isMinNS4)
layer.moveBy(dx, dy);
if (isMinIE4) {
layer.style.pixelLeft += dx;
layer.style.pixelTop+= dy;
}
}
function showLayer(layer) {
if (isMinNS4)
layer.visibility = "show";
if (isMinIE4)
layer.style.visibility = "visible";
}
function clipLayer(layer, clipleft, cliptop, clipright, clipbottom) {
if (isMinNS4) {
layer.clip.left = clipleft;
layer.clip.top= cliptop;
layer.clip.right= clipright;
layer.clip.bottom = clipbottom;
}
if (isMinIE4)
layer.style.clip = 'rect(' + cliptop + ' ' +clipright + ' ' + clipbottom + ' ' + clipleft +')';
}
var mouseX = 0;
var mouseY = 0;
if (isMinNS4)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getMousePosition;
function ant_init() {
startLoadBar(images);
}
function getMousePosition(e) {
if (isMinNS4) {
mouseX = e.pageX;
mouseY = e.pageY;
}
if (isMinIE4) {
mouseX = event.clientX + document.body.scrollLeft;
mouseY = event.clientY + document.body.scrollTop;
}
return true;
}
var ants = new Array(8);
function endLoadBar() {
var i;
for (i = 0; i < ants.length; i++) {
if (isMinNS4) {
ants[i] = document.layers["ant" + (i + 1)];
ants[i].image = ants[i].document.images["antimg" + (i + 1)];
}
if (isMinIE4) {
ants[i] = eval('document.all.ant' + (i + 1));
ants[i].image = document.images["antimg" + (i + 1)];
}
initAnt(i);
showLayer(ants[i]);
}
updateAnts();
}
function initAnt(n) {
var s, x, y;
x = Math.floor(Math.random() * getWindowWidth());
y = Math.floor(Math.random() * getWindowHeight());
s = Math.floor(Math.random() * 4);
if (s == 0)
x = -getWidth(ants[n]);
if (s == 1)
x = getWindowWidth();
if (s == 2)
y = -getHeight(ants[n]);
if (s == 3)
y = getWindowHeight();
x += getPageScrollX();
y += getPageScrollY();
moveLayerTo(ants[n], x, y);
}
function updateAnts() {
var i, dx, dy, theta, d;
d = 3;
for (i = 0; i < ants.length; i++) {
dx = mouseX - getLeft(ants[i]);
dy = mouseY - getTop(ants[i]);
theta = Math.round(Math.atan2(-dy, dx) * 180 / Math.PI);
if (theta < 0)
theta += 360;
if (Math.abs(dx) < d && Math.abs(dy) < d)
initAnt(i);
else if (theta > 22.5 && theta <= 67.5) {
moveLayerBy(ants[i], d, -d);
ants[i].image.src = dir+"antur.gif";
}
else if (theta > 67.5 && theta <= 112.5) {
moveLayerBy(ants[i], 0, -d);
ants[i].image.src = dir+"antup.gif";
}
else if (theta > 112.5 && theta <= 157.5) {
moveLayerBy(ants[i], -d, -d);
ants[i].image.src = dir+"antul.gif";
}
else if (theta > 157.5 && theta <= 202.5) {
moveLayerBy(ants[i], -d, 0);
ants[i].image.src = dir+"antlt.gif";
}
else if (theta > 202.5 && theta <= 247.5) {
moveLayerBy(ants[i], -d, d);
ants[i].image.src = dir+"antdl.gif";
}
else if (theta > 247.5 && theta <= 292.5) {
moveLayerBy(ants[i], 0, d);
ants[i].image.src = dir+"antdn.gif";
}
else if (theta > 292.5 && theta <= 337.5) {
moveLayerBy(ants[i], d, d);
ants[i].image.src = dir+"antdr.gif";
}
else {
moveLayerBy(ants[i], d, 0);
ants[i].image.src = dir+"antrt.gif";
}
}
setTimeout('updateAnts()', 50);
return;
}
-->
</script>


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

 onLoad="ant_init();"


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

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

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

▲top

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


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

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

<script language="Javascript">
<!--
B=document.all;
C=document.layers;
T1=new Array("cdh1.gif",40,40,"cdh2.gif",35,35,"cdh3.gif",30,30,"cdh4.gif",25,25,"cdh5.gif",20,20,"cdh6.gif",15,15,"cdh7.gif",10,10)
nos=parseInt(T1.length/3)
rate=45
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}
function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX+5;c.top=DY+5
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
else if(B){document.body.onscroll=newPos}
document.onmousemove=newPos
setInterval("cycle()",rate)
-->
</script>






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

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

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

▲top

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


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

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


<script language=JavaScript>
<!--
browserok=(document.all || document.layers)
var B = C = 0;
if(browserok){
B=document.all;
C=document.layers;
T1=new Array("3.gif",11,11,"3.gif",11,11,"2.gif",14,14,"2.gif",14,14,"1.gif",20,20,"1.gif",20,20,"4.gif",20,20)
nos=parseInt(T1.length/3)
rate=80;
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</DIV>":"</LAYER>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}
function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
else if(B){document.body.onscroll=newPos}
document.onmousemove=newPos
if(browserok){
setInterval("cycle()",rate)
}
-->
</script>

在 rate=80; 中修改泡泡的移動速度

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

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

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

▲top

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


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


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

<STYLE type=text/css>
<!--
BODY {
 OVERFLOW-X: hidden; OVERFLOW: scroll
}
-->
</STYLE>
<script language=JavaScript1.2>
<!--
var trailLength = 15;
var path = "cdh.gif";
var isIE = false, isNav = false, range = "all.", style = ".style", i, d = 0;
var topPix = ".pixelTop", leftPix = ".pixelLeft", images, storage;
if (document.layers) {
isNav = true, range = "layers.", style = "", topPix = ".top", leftPix = ".left";
} else if (document.all) {
isIE = true;
}
function initTrail() {
images = new Array();
for (i = 0; i < parseInt(trailLength); i++) {
images[i] = new Image();
images[i].src = path;
}
storage = new Array();
for (i = 0; i < images.length*3; i++) {
storage[i] = 0;
}
for (i = 0; i < images.length; i++) { // make divs for IE and layers for Navigator
(isIE) ? document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images[i].src + '"></layer>');
}
trail();
}
function trail() {
for (i = 0; i < images.length; i++) {
eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]);
eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]);
d = d+2;
}
for (i = storage.length; i >= 2; i--) {;
storage[i] = storage[i-2];
}
d = 0;
clearTimeout(timer);
var timer = setTimeout("trail()", 10);
}
function processEvent(e) {
if (isIE) {
storage[0] = window.event.y+document.body.scrollTop+10;
storage[1] = window.event.x+document.body.scrollLeft+10;
} else {
storage[0] = e.pageY+12;
storage[1] = e.pageX+12;
   }
}
if (isNav) {
document.captureEvents(Event.MOUSEMOVE);
}
if (isIE || isNav) {
initTrail();
document.onmousemove = processEvent;
}
-->
</script>

在 var trailLength = 15; 中修改軌跡的長度

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

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

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

▲top

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


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

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

<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=4)">
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
</table>
</center>
</div>
<div id="yyd0"
style="position:absolute; width=50;height=50;z-index:1;clip: rect(0 50 50 0)">
<img src="cdh.gif">
</div>
<div
id="yyd1"
style="position:absolute;width=50;height=50; z-index:1;clip: rect(0 50 50 0)">
<img src="cdh.gif">
</div>
<script language="JavaScript">
<!--
var yyns4=window.Event?true:false; var mt = 0; var ml = 0;
document.onmousemove = Mousetrace;
tracescript = '';
if (yyns4){ document.captureEvents(Event.MOUSEMOVE);
  Mousetrace('',',document.Mousetrace1')}
LayerMove(0,0,'ml+cos((15*sin(yycnt/24))+0)*120*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','mt+sin((15*sin(yycnt/36))+0)*90*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd0\']',2000,true,100,0,1);
LayerMove(0,0,'ml+cos((15*sin(yycnt/16))+90)*120*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','mt+sin((15*sin(yycnt/28))+90)*90*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd1\']',2000,true,100,0,1);
-->
</script>


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


<script language="JavaScript">
<!--
function LayerMove(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep)
 {
 if ((document.layers)||(document.all)){
  with (Math) {yynextx= eval(yyfnx)}
  with (Math) {yynexty= eval(yyfny)}
  yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep;
  if (document.layers){
    eval(yydiv+".top="+(yynexty+yytop))
    eval(yydiv+".left="+(yynextx+yyleft))
  }
  if (document.all){
    eval("yydiv=yydiv.replace(/.layers/gi, '.all')");
    eval(yydiv+".style.pixelTop="+(yynexty+yytop));
    eval(yydiv+".style.pixelLeft="+(yynextx+yyleft));
  }
argStr='LayerMove('+yyleft+','+yytop+',"'+yyfnx+'","'+yyfny+'","'+yydiv+'",'+yybilder+','+yyloop+','+yyto+','+yycnt+','+yystep+')';
  if (yycnt<=yystep*yybilder)
  {
  eval(yydiv+".yyto=setTimeout(argStr,yyto)");}
  }
}
function Mousetrace(evnt) {
 if (yyns4)
  {if (evnt.pageX) {ml=evnt.pageX;  mt=evnt.pageY;}  }
 else{
   ml=(event.clientX + document.body.scrollLeft);
   mt=(event.clientY + document.body.scrollTop);
 }
 if (tracescript)eval(tracescript)
}
-->
</script>

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

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


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

▲top

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


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

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

<script language="JavaScript">
<!--
var images='cdh.gif';
var amount=7; 
var speed=1;
var RunTime = 0;
var cntr=0;
var xcntr=100;
var pulse=25;
var Xpos = 0;
var Ypos = 0;
var _y;
var temp;
var UpDown=-10;
var LeftRight=-5;
if (document.all){
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">');
document.write('<div id="c" style="position:relative">');
for (n=0; n < amount; n++)
document.write('<img src="'+images+'" style="position:absolute;top:0px;left:0px;visibility:hidden">');
document.write('</div>');
document.write('</div>');
function FollowMouse(){
Xpos = document.body.scrollLeft+event.x+UpDown;
Ypos = document.body.scrollTop+event.y+LeftRight;
}
document.onmousemove = FollowMouse;
}
else if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function xFollowMouse(evnt){
Xpos = evnt.pageX+UpDown;
Ypos = evnt.pageY+LeftRight;
}
window.onMouseMove = xFollowMouse;
for (ns=0; ns < amount; ns++)
document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0 VISIBILITY=HIDE><IMG SRC='"+images+"'></LAYER>");
}
function msi(){
if (document.layers){
for ( i = 0 ; i < ns ; i++ )
{
temp="n"+i
document.layers[0].visibility='show';
document.layers[0].top = Ypos+cntr*Math.cos((RunTime+i*4.5)/5);
document.layers[0].left =Xpos+cntr*Math.sin((RunTime+i*4.5)/5);
}
cntr+=1;
RunTime+=speed;
stp=setTimeout('msi()',10);
if (cntr>=100)
{
cntr=100;
speed=2.5;
for ( i = 0 ; i < ns ; i++ )
{
 temp="n"+i
 document.layers[temp].visibility='show';
 document.layers[temp].top=Ypos+cntr*Math.cos((RunTime-100)*i/90);
 document.layers[temp].left=Xpos+cntr*Math.sin((RunTime-100)*i/90);
 }
}
if (RunTime>182)
{
speed=0.5;
for ( i = 0 ; i < ns ; i++ )
{
 temp="n"+i
 document.layers[temp].top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5);
 document.layers[temp].left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);
 }
}
}
else if (document.all){
for (i=0;i<ieDiv.all.c.all.length;i++)
{
ieDiv.all.c.all[0].style.visibility='visible';
ieDiv.all.c.all[0].style.top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5);
ieDiv.all.c.all[0].style.left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5);
}
cntr+=1;
RunTime+=speed;
stp=setTimeout('msi()',10);
if (cntr>=100)
{
cntr=100;
speed=2.5;
for (i=0;i<ieDiv.all.c.all.length;i++)
 {
ieDiv.all.c.all[i].style.visibility='visible';
ieDiv.all.c.all[i].style.top=Ypos+cntr*Math.cos((RunTime-100)*i/90);
ieDiv.all.c.all[i].style.left=Xpos+cntr*Math.sin((RunTime-100)*i/90);
 }
}
if (RunTime>182)
{
speed=0.5;
for (i=0;i<ieDiv.all.c.all.length;i++)
 {
ieDiv.all.c.all[i].style.top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5);
ieDiv.all.c.all[i].style.left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);
 }
}
}
if (RunTime>210)
{
xcntr-=10;
}
if (document.layers)
_y=-window.innerWidth-90;
else if (document.all)
_y=-document.body.clientWidth-90;
if (xcntr <= _y)
{
RunTime=0;
speed=1;
cntr=0;
xcntr=100;
}
}
msi()
-->
</script>


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

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

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

▲top

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


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

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


<script language="JavaScript">
<!--
var images='cdh.gif';
var amount=7;
var cnter=70;
var step;
var currStep = 0;
var Xpos = 0;
var Ypos = 0;
if (document.all)
{
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">')
document.write('<div id="c" style="position:relative">');
for (n=0; n < amount; n++)
document.write('<img src=" '+images+'" style="position:absolute;top:0px;left:0px">')
document.write('</div>')
document.write('</div>')
function MsieMouseFollow(){
 Xpos = document.body.scrollLeft+event.x-5;
 Ypos = document.body.scrollTop+event.y-5;
 }
 document.onmousemove = MsieMouseFollow;
}
else if (document.layers)
{
window.captureEvents(Event.MOUSEMOVE);
for (ns=0; ns < amount; ns++)
document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+images+"'></LAYER>");
function NsMouseFollow(evnt){
 Xpos = evnt.pageX-5;
 Ypos = evnt.pageY-5;
 }
 window.onMouseMove = NsMouseFollow;
}
function Swirl(){
if (currStep<0.0550)
step=0.001;
if (document.all)
{
 for (i=0;i<ieDiv.all.c.all.length;i++)
 {
ieDiv.all.c.all[i].style.top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150);
ieDiv.all.c.all[i].style.left = Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150);
 }
}
else if (document.layers)
{
 for ( i = 0 ; i < ns ; i++ )
 {
  var temp="n"+i
  document.layers[temp].top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150);
  document.layers[temp].left =Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150);
 }
}
currStep += step;
setTimeout("Swirl()", 10);
if (currStep>0.0540)
{
step+=0.002;
if (document.layers)
{
 for ( i = 0 ; i < ns ; i++ )
 {
var temp="n"+i
document.layers[temp].top =Ypos+cnter*Math.cos((currStep+i*4.5)/5)
document.layers[temp].left=Xpos+cnter*Math.sin((currStep+i*4.5)/5)
 }
}
else if (document.all)
{
for (i=0;i<ieDiv.all.c.all.length;i++)
 {
ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((currStep+i*4.5)/5)
ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((currStep+i*4.5)/5)
 }
}
}
if (step > 0.5)
{
step=0.5;
cnter-=8;
}
if (document.layers)
_y=-window.innerWidth;
else if (document.all)
_y=-document.body.clientWidth;
if (cnter <= _y)
{
currStep=0;
step=0.001;
cnter=70;
}
}
Swirl();
-->
</script>


在 var amount=7; 中修改圖檔的數量


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

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

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

▲top

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


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

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

<div id="dot0" style="position: absolute; visibility: hidden; height: 32; width: 32;"><img src="1.gif" height=32 width=32></div>
<div id="dot1" style="position: absolute; height: 32; width: 32;"><img src="2.gif" height=32 width=32></div>
<div id="dot2" style="position: absolute; height: 32; width: 32;"><img src="1.gif" height=32 width=32></div>
<div id="dot3" style="position: absolute; height: 32; width: 32;"><img src="2.gif" height=32 width=32></div>
<div id="dot4" style="position: absolute; height: 32; width: 32;"><img src="1.gif" height=32 width=32></div>
<script language="JavaScript">
<!--
var nDots = 5;
if (document.all&&window.print)
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
var Xpos = 0;
var Ypos = 0;
var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
var dots = new Array();
init();
function init()
{
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}
if (!isNetscape) {
}
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
if (isNetscape) {
startanimate();
} else {
setTimeout("startanimate()", 2000);
}
}
function dot(i)
{
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
}
}
function startanimate() {
setInterval("animate()", 20);
}
function setInitPositions(dots)
{
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}
function MoveHandler(e)
{
Xpos = e.pageX;
Ypos = e.pageY;
return true;
}
function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;
}
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}
function vec(X, Y)
{
this.X = X;
this.Y = Y;
}
function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}
function animate() {
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}
var resist = new vec(-dots[i].dx * RESISTANCE,
-dots[i].dy * RESISTANCE);
var accel = new vec((spring.X + resist.X)/ MASS,
(spring.Y + resist.Y)/ MASS + GRAVITY);
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
var height, width;
if (isNetscape) {
height = window.innerHeight + document.scrollTop;
width = window.innerWidth + document.scrollLeft;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}
// bounce of 3 walls (leave ceiling open)
if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
}
-->
</script>


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

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

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

▲top

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


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

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

<div class=type1 id=cursor style="WIDTH: 120px; HEIGHT: 120px"></div>
<div class=type1 id=cursor style="WIDTH: 110px; HEIGHT: 110px"></div>
<div class=type1 id=cursor style="WIDTH: 100px; HEIGHT: 100px"></div>
<div class=type1 id=cursor style="WIDTH: 90px; HEIGHT: 90px"></div>
<div class=type1 id=cursor style="WIDTH: 80px; HEIGHT: 80px"></div>
<div class=type1 id=cursor style="WIDTH: 70px; HEIGHT: 70px"></div>
<div class=type1 id=cursor style="WIDTH: 60px; HEIGHT: 60px"></div>
<div class=type1 id=cursor style="WIDTH: 50px; HEIGHT: 50px"></div>
<div class=type1 id=cursor style="WIDTH: 40px; HEIGHT: 40px"></div>
<div class=type1 id=cursor style="WIDTH: 30px; HEIGHT: 30px"></div>


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


<script language=JavaScript>
<!--
var i = 0
function moveCursor() {
 ++i
 if(i == 10) {
  i = 0
 }
 cursor.item(i).style.pixelLeft = event.clientX - cursor.item(i).style.pixelWidth/2
 cursor.item(i).style.pixelTop = event.clientY - cursor.item(i).style.pixelHeight/2
 cursor.item(i).style.visibility = "visible"
}
document.onmousemove = moveCursor
var j = 0
function disappear() {
 ++j
 if(j == 10) {
  j = 0
 }
 if(cursor.item(j).style.visibility == "visible") {
  cursor.item(j).style.visibility = "hidden"
 }
}
-->
</script>
<style type=text/css>
<!--
.type1 {
 BORDER-RIGHT: lime 1px solid; BORDER-TOP: lime 1px solid; VISIBILITY: hidden; BORDER-LEFT: lime 1px solid; BORDER-BOTTOM: lime 1px solid; POSITION: absolute
}
-->
</style>


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

 onLoad="setInterval('disappear()',30)"

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

▲top

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


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

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

<div id="leftright" style="width:expression(document.body.clientWidth-2)"></div> 
<div id="topdown" style="height:expression(document.body.clientHeight-2)"></div> 
<script language="JavaScript1.2"> 
 
<!-- 
 
if (document.all&&!window.print){ 
leftright.style.width=document.body.clientWidth-2 
topdown.style.height=document.body.clientHeight-2 
} 
else if (document.layers){ 
document.leftright.clip.width=window.innerWidth 
document.leftright.clip.height=1 
document.topdown.clip.width=1 
document.topdown.clip.height=window.innerHeight 
} 
 
 
function followmouse1(){ 
//move cross engine for IE 4+ 
leftright.style.pixelTop=document.body.scrollTop+event.clientY+1 
topdown.style.pixelTop=document.body.scrollTop 
if (event.clientX<document.body.clientWidth-2) 
topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1 
else 
topdown.style.pixelLeft=document.body.clientWidth-2 
} 
 
function followmouse2(e){ 
//move cross engine for NS 4+ 
document.leftright.top=e.y+1 
document.topdown.top=pageYOffset 
document.topdown.left=e.x+1 
} 
 
if (document.all) 
document.onmousemove=followmouse1 
else if (document.layers){ 
window.captureEvents(Event.MOUSEMOVE) 
window.onmousemove=followmouse2 
} 
 
function regenerate(){ 
window.location.reload() 
} 
function regenerate2(){ 
setTimeout("window.onresize=regenerate",400) 
} 
if ((document.all&&!window.print)||document.layers) 
//if the user is using IE 4 or NS 4, both NOT IE 5+ 
window.onload=regenerate2 
//--> 
</script> 



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

<style>
<!--
#leftright, #topdown{
position:absolute;
left:0;
top:0;
width: 1px;
height: 1px;
layer-bockground-color:#B0D0F8;
background-color:#CC0080;
z-index: 100;
font-size: 1px;
}
-->
</style>



在 layer-bockground-color:#B0D0F8 中修改十字線的顏色

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

▲top

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


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

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

<script language="JavaScript">
<!--
var x, y, xold, yold, xdiff, ydiff;
var dir = Array();
dir[0] = "n-resize";
dir[1]="ne-resize";
dir[2]="e-resize";
dir[3]="se-resize";
dir[4] = "s-resize";
dir[5]="sw-resize";
dir[6]="w-resize";
dir[7]="nw-resize";
document.onmousemove = FindXY;
function display(direction) {
document.body.style.cursor = dir[direction];
}
function FindXY(loc) {
x = (document.layers) ? loc.pageX : event.clientX;
y = (document.layers) ? loc.pageY : event.clientY;
xdiff = x - xold;
ydiff = y - yold
if ((xdiff <  2) && (ydiff < -2)) display(0);
if ((xdiff <  2) && (ydiff >  2)) display(4);
if ((xdiff >  2) && (ydiff <  2)) display(2);
if ((xdiff < -2) && (ydiff <  2)) display(6);
if ((xdiff >  2) && (ydiff >  2)) display(3);
if ((xdiff >  2) && (ydiff < -2)) display(1);
if ((xdiff < -2) && (ydiff >  2)) display(5);
if ((xdiff < -2) && (ydiff < -2)) display(7);
xold = x;
yold = y;
}
-->
</script>

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

▲top

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


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

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

<script language="JavaScript">
<!--
var picture=new Array("1.gif", "2.gif", "3.gif", "4.gif")
var pause=1
-->
</script>
<script language="JavaScript">
<!--
var imgpreload=new Array
for (i=0;i<=picture.length;i++) {
 imgpreload[i]=new Image()
 imgpreload[i].src=picture[i]
}
var x,y
var horizontal_pos=0
var vertical_pos=0
var x_slices=6
var startpausetime
var nowpausetime
var starttime
var nowtime
var stoptime
var timetohidescroller=false
var textmovedtoleft=0
var picturewidth
var pictureheight
var i_loop=0
var i_picture=0
var width_slice
var cliptop=0
var clipbottom
var i_clipright=1
var content=""
pause=pause*1000
function initiate() {
 getcontent()
    if (document.all) {
     for (i=0;i<=x_slices;i++) {
            var thisinners=eval("s"+i)
            thisinners.innerHTML=content
            var thiss=eval("document.all.s"+i+".style")
            thiss.posLeft=horizontal_pos
            thiss.posTop=vertical_pos
        }
        var thisspan = eval("document.all.s"+0)
  picturewidth=thisspan.offsetWidth
  pictureheight=thisspan.offsetHeight
        width_slice=Math.ceil(picturewidth/x_slices)
        clipbottom=pictureheight
  document.all.whole.style.posLeft=horizontal_pos
  document.all.whole.style.posTop=vertical_pos
     i_picture++
     openlamellar()
    }
 if (document.layers) {
     for (i=0;i<=x_slices;i++) {
            var thisinners=eval("document.s"+i+".document")
            thisinners.write(content)
   thisinners.close()
            var thiss=eval("document.s"+i)
            thiss.left=horizontal_pos
            thiss.top=vertical_pos
        }
        var thisspan=eval("document.s"+0+".document")
  picturewidth=thisspan.width
  pictureheight=thisspan.height
        width_slice=Math.ceil(picturewidth/x_slices)
        clipbottom=pictureheight
  document.whole.document.write(" ")
  document.whole.document.close()
  document.whole.left=horizontal_pos
  document.whole.top=vertical_pos
     i_picture++
     openlamellarNN()
    }
}
function openlamellar() {
 clipleft=-width_slice
 clipright=0
    if (i_clipright<=width_slice) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.all.s"+i+".style")
   thiss.posLeft=x
   thiss.posTop=y
   document.all.whole.style.posLeft=x
   document.all.whole.style.posTop=y
            thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
            clipleft+=width_slice
            clipright=clipleft+i_clipright
  }
    i_clipright++
    var timer=setTimeout("openlamellar()",20)
    }
    else {
  clearTimeout(timer)
  whole.innerHTML=content
  startpause()
  makepause()
 }
}
function makepause() {
 checkpausetime()
    if (nowpausetime<pause) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.all.s"+i+".style")
   thiss.posLeft=x
   thiss.posTop=y
   document.all.whole.style.posLeft=x
   document.all.whole.style.posTop=y
  }
    var timer=setTimeout("makepause()",20)
    }
    else {
  clearTimeout(timer)
  changepicture()
 }
}
function makepauseNN() {
 checkpausetime()
    if (nowpausetime<pause) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.s"+i)
   thiss.left=x
   thiss.top=y
   document.whole.left=x
   document.whole.top=y
  }
    var timer=setTimeout("makepauseNN()",20)
    }
    else {
  clearTimeout(timer)
  changepictureNN()
 }
}

function openlamellarNN() {
 clipleft=-width_slice
 clipright=0
    if (i_clipright<=width_slice) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.s"+i)
   thiss.left=x
   thiss.top=y
   document.whole.left=x
   document.whole.top=y
   thiss.clip.left=clipleft
         thiss.clip.right=clipright
         thiss.clip.top=cliptop
         thiss.clip.bottom=clipbottom
            clipleft+=width_slice
            clipright=clipleft+i_clipright
  }
    i_clipright++
    var timer=setTimeout("openlamellarNN()",20)
   }
    else {
  clearTimeout(timer)
  document.whole.document.write(content)
  document.whole.document.close()
  startpause()
  makepauseNN()
 }
}
function getcontent() {
    content="<img src="+picture[i_picture]+" border=0>"
}
function changepicture() {
 i_clipright=0
 clipleft=0
 clipright=0
 for (i=0;i<=x_slices;i++) {
        var thiss=eval("document.all.s"+i+".style")
     thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
 }
 if (i_picture>picture.length-1) {i_picture=0}
 getcontent()

 for (i=0;i<=x_slices;i++) {
        var thisinners=eval("s"+i)
        thisinners.innerHTML=content  
    }
 i_picture++
 openlamellar()
}
function changepictureNN() {
 i_clipright=0
 clipleft=0
 clipright=0
  for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.s"+i)
   thiss.clip.left=clipleft
         thiss.clip.right=clipright
         thiss.clip.top=cliptop
         thiss.clip.bottom=clipbottom
            clipleft+=width_slice
            clipright=clipleft+i_clipright
 }
 if (i_picture>picture.length-1) {i_picture=0}
 getcontent()
 for (i=0;i<=x_slices;i++) {
        var thisinners=eval("document.s"+i+".document")
        thisinners.write(content)
  thisinners.close()
    }
 i_picture++
 openlamellarNN()
}
document.write("<span id='whole' class='s'></span>")
for (i=0;i<=x_slices;i++) {
  document.write("<span id='s"+i+"' class='s'></span>")
}
document.write("<div id='emptydiv' style='position:relative'>")
document.close()
window.onload=initiate
function startnewtime() {
 starttime= new Date()
 starttime=starttime.getTime()
}
function checktime() {
     nowtime=new Date()
     nowtime=nowtime.getTime()
        nowtime=(nowtime-starttime)/1000
  if (nowtime>stoptime) {timetohidescroller=true}
}
function startpause() {
 startpausetime=new Date()
 startpausetime=startpausetime.getTime()
}

function checkpausetime() {
     nowpausetime=new Date()
     nowpausetime=nowpausetime.getTime()
        nowpausetime=nowpausetime-startpausetime
}
function hidescroller() {
    if (document.all) {
  document.all.bgscroller.style.visibility="hidden"
  document.all.text.style.visibility="hidden"
    }
 if (document.layers) {
  document.bgscroller.visibility="hidden"
  document.text.visibility="hidden"
    }
}
function handlerMM(e){
 x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
 y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
 x=x+10
 y=y+10
}
if (document.layers){
 document.captureEvents(Event.MOUSEMOVE);
}
if (document.all || document.layers) {
 document.onmousemove = handlerMM;
 }
-->
</script>
<div id="emptydiv" style="position:relative">


在 var pause=1 中修改幻燈片變化所需時間
在var picture=new Array("1.gif", "2.gif", "3.gif", "4.gif")
更換圖片

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


<style>
<!--
.s {
position:absolute;
left:-5000px;
topt:-5000px;
}
-->
</style>

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

▲top

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


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

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

<DIV id=Layer1  style="HEIGHT: 31px; LEFT: 409px; POSITION: absolute; TOP: 131px; WIDTH: 14px"><IMG  class=tm src="cdh.gif"></DIV>
<script language="JavaScript">
<!--
function move_layer()
{
Layer1.style.left=event.clientX+document.body.scrollLeft+10;
Layer1.style.top=event.clientY+document.body.scrollTop+10;
top.status="滑鼠X="+event.clientX + " sX=" + document.body.scrollLeft + " 滑鼠Y=" + event.clientY+ "  sY=" + document.body.scrollTop;
}
document.onmousemove =move_layer;
-->
</script>


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

<STYLE type=TEXT/CSS>
<!--
.tm{FILTER: Alpha(Opacity=50)}
-->
</STYLE>


在 .tm{FILTER: Alpha(Opacity=50)} 中修改圖示的透明度


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

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

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

▲top
«12 3