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


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

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

<script language="JavaScript">
<!--
if (document.all){
colours=new Array('ff0000','00ff00','3366ff','ff00ff','ffa500','ffffff','fff000')
amount=colours.length;
YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,my=0,mx=0;
document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">');
for (i=0; i < amount; i++)
document.write('<div id="iestars" style="position:absolute;top:0px;left:0px;height:50px;width:50px;font-family:Courier New;font-size:5px;color:'+colours[i]+';padding-top:20px;text-align:center">.</div>');
document.write('</div></div>');
ini=1;
gstep=1;
function iMouse(){
my=event.y;mx=event.x;
}
document.onmousemove=iMouse
function dim(){
ini-=gstep;
dt=setTimeout('dim()',10);
if (ini < 2){
clearTimeout(dt);
glow();
}
}
function glow(){
ini+=gstep;
gt=setTimeout('glow()',10);
if (ini > 14){
clearTimeout(gt);
dim();
}
}
function stars(){
ie.style.top=document.body.scrollTop;
for (i=0; i < amount; i++)
 {
 var layer=iestars[i].style;
 layer.filter='glow(color='+colours[i]+', strength='+ini+')';
 layer.top= Ydelay+100*Math.sin((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
 layer.left=Xdelay+180*Math.cos((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
 }
currStep+=step;
}
function delay(){
Ydelay = YgetDelay+=(my-YgetDelay)*1/20;
Xdelay = XgetDelay+=(mx-XgetDelay)*1/20;
stars();
setTimeout('delay()',10);
}
delay();
glow();
}
-->
</script>

在 colours=new Array('ff0000','00ff00','3366ff','ff00ff','ffa500','ffffff','fff000') 中修改你想要的顏色

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

▲top

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


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

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

<script language="JavaScript">
<!--
CoLoUrS=new Array('00ff00','ff00ff','fff000','3366ff');
var step=0.3,a_StEp=0.05,RunTime=0,currStep=0,Xpos=0,Ypos=0,cntr=70,count_a=0;
var count=0,move=1,Ay=0,Ax=0,dots=16;var x;brwsr=(document.layers)?1:0;
if (brwsr){
for (i=0; i < dots; i++){
document.write('<LAYER NAME="a'+i+'" LEFT=0 TOP=0 BGCOLOR=#3366ff CLIP="0,0,3,3"></LAYER>');
}
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
 Xpos = evnt.pageX;
 Ypos = evnt.pageY;
 }
window.onMouseMove = nsMouse
}
else{
document.write('<div id="ys" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < dots; i++){
document.write('<div id="ieDivs" style="position:absolute;top:0px;left:0px;width:3px;height:3px;background:#3366ff;font-size:3px"></div>');
}
document.write('</div></div>');
function ieMouse(){
 Ypos=event.y;
 Xpos=event.x;
 }
window.document.onmousemove = ieMouse
}
function MouseFollow(){
ay = Math.round(Ay+=(Ypos- Ay)* 4/40);
ax = Math.round(Ax+=(Xpos- Ax)* 4/40);
setTimeout('MouseFollow()',10);
}
function colourStep(){
count+=move;
if (count >= dots) {count=0;count_a+=move}
if (count_a == CoLoUrS.length) count_a=0;
if (brwsr) document.layers["a"+count].bgColor=CoLoUrS[count_a];
else ieDivs[count].style.background=CoLoUrS[count_a];
setTimeout('colourStep()',100)
}
function TwistnSpin(){
if (!brwsr) ys.style.top=document.body.scrollTop;
for (i=0; i < dots; i++)
 {
 var allLayers=(document.layers)?document.layers["a"+i]:ieDivs[i].style;
 allLayers.top=ay+cntr*Math.cos((currStep+i*4)/10.2)*Math.sin(currStep/20);
 allLayers.left=ax+cntr*Math.sin((currStep+i*4)/10.2)*Math.cos(1+currStep/20);
 }
currStep-=step;
setTimeout("TwistnSpin()",10);
}
function CombineNstart(){
MouseFollow();TwistnSpin();colourStep();
}
window.onload=CombineNstart;
-->
</script>


在 CoLoUrS=new Array('00ff00','ff00ff','fff000','3366ff'); 中修改你想要的顏色

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

▲top

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


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

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

<script language="JavaScript">
<!--
<!--
function load(form) {
var url = form.list.options[form.list.selectedIndex].value;
open(url)
return false;
}
// -->
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<script language="JavaScript">
<!--
function YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep) { //v1.2
//copyright (c)1999 Yaromat, Jaro von Flocken
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) { //v1.2 copyright (c)1999 Yaromat
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)
}
-->
</script>
<script language="JavaScript">
<!--
function load(form) {
var url = form.list.options[form.list.selectedIndex].value;
open(url)
return false;
}
// -->
</script>
<div id=yyd0 style="position:absolute; left:10px; top:50px; width:2px; height:2px; z-index:1; background-color: #d25f91; layer-background-color: #d25f91; border: 1px none #000000; clip: rect(0 2 2 0)"></div>
<div id=yyd1 style="position:absolute; left:20px; top:50px; width:2px; height:2px; z-index:1; background-color: #dd9f23; layer-background-color: #dd9f23; border: 1px none #000000; clip: rect(0 2 2 0)"></div>
<div id=yyd2 style="position:absolute; left:30px; top:50px; width:2px; height:2px; z-index:1; background-color: #335193; layer-background-color: #335193; border: 1px none #000000; clip: rect(0 2 2 0)"></div>
<div id=yyd3 style="position:absolute; left:40px; top:50px; width:2px; height:2px; z-index:1; background-color: #f1ddb7; layer-background-color: #f1ddb7; border: 1px none #000000; clip: rect(0 2 2 0)"></div>
<div id=yyd4 style="position:absolute; left:50px; top:50px; width:2px; height:2px; z-index:1; background-color: #13550b; layer-background-color: #13550b; border: 1px none #000000; clip: rect(0 2 2 0)"></div>
<div id=yyd5 style="position:absolute; left:60px; top:50px; width:2px; height:2px; z-index:1; background-color: #cb55de; layer-background-color: #cb55de; border: 1px none #000000; clip: rect(0 2 2 0)"></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/70))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/70))+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/70))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/70))+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/70))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/70))+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/70))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/70))+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/70))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/70))+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/70))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/70))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd5\']',2000,true,80,0,1);
-->
</script>

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

▲top

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


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

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


<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a14" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a15" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a16" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a17" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a18" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a19" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a20" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a21" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a22" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a23" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a24" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a25" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a26" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a27" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a28" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a29" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a30" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a31" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a32" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a33" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a34" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a35" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a36" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a37" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a38" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a39" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a40" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a41" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a42" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a43" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a44" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a45" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<LAYER NAME="a46" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3">
</LAYER>
<script language="JavaScript">
<!--
if (document.all){
document.write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
for (xy=0;xy<47;xy++)
document.write('<div style="position:relative;width:3px;height:3px;background:#FFFF00;font-size:2px;visibility:visible"></div>')
document.write('</div>')
}
if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var yAmpl = 10;
var yMax = 40;
var step = .2;
var ystep = .5;
var currStep = 0;
var tAmpl=1;
var Xpos = 1;
var Ypos = 1;
var i = 0;
var j = 0;
if (document.all)
{
function MoveHandler(){
Xpos = document.body.scrollLeft+event.x;
Ypos = document.body.scrollTop+event.y;
}
document.onmousemove = MoveHandler;
}
else if (document.layers)
{
function xMoveHandler(evnt){
Xpos = evnt.pageX;
Ypos = evnt.pageY;
}
window.onMouseMove = xMoveHandler;
}
function animateLogo() {
if (document.all)
{
yBase = window.document.body.offsetHeight/4;
xBase = window.document.body.offsetWidth/4;
}
else if (document.layers)
{
yBase = window.innerHeight/4 ;
xBase = window.innerWidth/4;
}
if (document.all)
{
var totaldivs=document.all.starsDiv.all.length
for ( i = 0 ; i < totaldivs ; i++ )
{
var tempdiv=document.all.starsDiv.all[i].style
tempdiv.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
tempdiv.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
}
}
else if (document.layers)
{
for ( j = 0 ; j < 47 ; j++ )
{
var templayer="a"+j
document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
}
}
currStep += step;
setTimeout("animateLogo()", 15);
}
animateLogo();
-->
</script>

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

▲top

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


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

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

<script language=JavaScript1.2>
<!--
//1) set message to display
var scroller_msg='歡迎光臨 紫蓮の翼'
//2) set whether message should auto disappear after x seconds (0=perpetual).
//Note that double clicking page will also dismiss message
var dismissafter=0
var initialvisible=0
if (document.all)
document.write('<marquee id="curscroll" style="position:absolute;width:100px;border:1px solid #FF0000;font-size:9pt;font-face:細明體;color:#0000FF;background-color:#FFFF00;visibility:hidden">'+scroller_msg+'</marquee>')
function followcursor(){
//move cursor function for IE
if (initialvisible==0){
curscroll.style.visibility="visible"
initialvisible=1
}
curscroll.style.left=document.body.scrollLeft+event.clientX+20
curscroll.style.top=document.body.scrollTop+event.clientY+20
}
function dismissmessage(){
curscroll.style.visibility="hidden"
}
if (document.all){
document.onmousemove=followcursor
document.ondblclick=dismissmessage
if (dismissafter!=0)
setTimeout("dismissmessage()",dismissafter*1000)
}
-->
</script>
在 var scroller_msg='歡迎光臨 紫蓮の翼' 中修改跑馬燈的文字
在 width:100px 中修改跑馬燈的寬度
在 border:1px 中修改框線的粗細
在 solid #FF0000; 中修改框線的顏色
在 font-size:9pt; 中修改文字的大小
在 font-face:細明體; 中修改文字的字體
在 color:#0000FF; 中修改文字的顏色
在 background-color:#FFFF00; 中修改跑馬燈的底色
在 curscroll.style.left=document.body.scrollLeft+event.clientX+20 中修改跑馬燈距離游標左右的位置
在 curscroll.style.top=document.body.scrollTop+event.clientY+20 中修改跑馬燈距離游標上下的位置

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

▲top

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


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

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

<script language="JavaScript">
<!--
msg='歡迎光臨紫蓮の翼~';
msgSize=5;
FoNt='細明體';
CoLoR='FF00FF';
speed=2;
ns=(document.layers)?1:0;
msg=msg.split(''),amount=msg.length,Y=0,X=0,ypos=0,xpos=0,ybase=new Array(),xbase=new Array();
angle = new Array(),divTop= new Array(),divLeft=new Array();
DocHeight=(document.layers)?window.innerHeight:window.document.body.offsetHeight;
DocWidth=(document.layers)?window.innerWidth:window.document.body.offsetWidth;
for (i=0; i < amount; i++){
divTop[i]=Math.round(Math.random()*DocHeight);
divLeft[i]=Math.round(Math.random()*DocWidth);
}
if (ns){
for (i = 0; i < amount; i++)
{document.write('<layer name=nsd'+i+' top=0 left=0 width='+msgSize+' height='+msgSize+'><font face='+FoNt+' size='+msgSize+' color='+CoLoR+'>'+msg[i]+'</font></layer>');}
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
ypos = evnt.pageY-20;
xpos = evnt.pageX-10;
}
window.onMouseMove = nsMouse;
}
else{
document.write('<div id="hldr" style="position:absolute;top:0px;left:0px">')
document.write('<div style="position:relative">')
for (i=0; i < amount; i++)
{document.write('<div id=ied style="position:absolute;top:0px;left:0px;width:'+msgSize+';height:'+msgSize+'"><font face='+FoNt+' size='+msgSize+' color='+CoLoR+'>'+msg[i]+'</font></div>')}
document.write('</div></div>')
function ieMouse(){
ypos = event.y-20;
xpos = event.x-10;
}
document.onmousemove = ieMouse;
}
function GoToMouse(){
var DocHeight=(document.layers)?window.innerHeight:window.document.body.offsetHeight;
var DocWidth=(document.layers)?window.innerWidth:window.document.body.offsetWidth;
var iscrll=(document.all)?document.body.scrollTop:0;
var nscrll=(document.layers)?window.pageYOffset:0;
if (!ns)hldr.style.top=iscrll;
for (i=0; i < amount; i++){
Y = ypos - divTop[i];
X = xpos - divLeft[i];
angle[i] = Math.round(Math.atan2(Y,X) * 180/Math.PI);
if (angle[i] < 0) angle[i] += 360;
ybase[i]=Math.round(Math.random()*DocHeight);
xbase[i]=Math.round(Math.random()*DocWidth);
rep=Math.round(Math.random() * 3);
extra=Math.round(Math.random() * 200)
if (rep == 3)xbase[i] =-extra;
if (rep == 2)xbase[i] =DocWidth+extra;
if (rep == 1)ybase[i] =-extra;
if (rep == 0)ybase[i] =DocHeight;
y = Math.round(speed*Math.sin(angle[i]*Math.PI/180));
x = Math.round(speed*Math.cos(angle[i]*Math.PI/180));
divTop[i]+=y;
divLeft[i]+=x;                                                                   
if ((divLeft[i] > xpos-speed) && (divLeft[i] < xpos+speed/1.5) && (divTop[i] >= ypos-speed/1.5) && (divTop[i] <= ypos+speed/1.5))
{divTop[i]=ybase[i]+nscrll;divLeft[i]=xbase[i]}
var layer=(document.layers)?document.layers['nsd'+i]:ied[i].style;
layer.top=divTop[i];layer.left=divLeft[i];
}
S=setTimeout('GoToMouse()',10);
}
window.onload=GoToMouse;
-->
</script>


在 msg='歡迎光臨紫蓮の翼~'; 中修改要顯示的文字
在 msgSize=5; 中修改文字的大小(字體大小為1~7)
在 FoNt='細明體'; 中修改文字的字型
在 CoLoR='FF00FF'; 中修改文字的顏色

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

▲top

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


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

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

<script language=JavaScript>
<!--
var cx=0;
var cy=0;
var val=0;
function locate()
{ cx=window.event.x;
cy=window.event.y;
}
document.onmousemove=locate;
function follow(i)
{ var x;
if(i<4)x=cx-50+i*10;
else x=cx-25+i*10;
var y=cy-20+Math.floor(Math.random()*40);
w=eval("word"+i);
with(w.style)
{
left=x.toString()+"px";
top=y.toString()+"px";
}
}
function show(i)
{
var w=eval("word"+i);
with(w.style)
{
visibility="visible";
s=parseInt(fontSize);
if(s>=200)s-=100;
else if(s>90&&s<=100)
{
s-=85;
clearInterval(val);
if(i<6)val=setInterval("show("+(i+1)+")",20);
}
fontSize=s;
}
}
function start()
{ for(i=1;i<=6;i++)
{
val=setInterval("show(1)",20);
setInterval("follow("+i+")",100);
}
}
-->
</script>
<script language=JavaScript>
<!--
var word=new Array(6);
word[1]="哈";word[2]="囉";word[3]="紫";word[4]="蓮";word[5]="の";word[6]="翼";
for(i=1;i<=6;i++)
document.write("<div id='word"+i+"' style='width:20px;height:20px;position:absolute;font-size:1000;visibility:hidden'><font face='細明體' color='#FF0000'>"+word[i]+"</font></div>");start();
-->
</script>


在■部份修改文字的總字數
在■部份修改想要顯示的文字
在■部份修改文字的字型及顏色

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

▲top

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


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

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


<script language="JavaScript">
<!--
if (document.all) {
yourLogo = "歡迎光臨紫蓮の翼~";
logoFont = "細明體";
logoColor = "FF8000";
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
-->
</script>


在 yourLogo = "歡迎光臨紫蓮の翼~"; 中修改要顯示的文字
在 logoFont = "細明體"; 中修改文字的字型
在 logoColor = "FF8000"; 中修改文字的顏色

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

▲top

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


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


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


<script language="JavaScript">
<!--
yourLogo='歡迎光臨紫蓮の翼~';
logoFont='細明體';
logoSize=3;
logoColor='FF0000';
logoWidth=50;
logoHeight=50;
logoSpeed=0.05;
yourLogo=yourLogo.split('');
L=yourLogo.length;
Result="<font face="+logoFont+" size="+logoSize+" color="+logoColor+">";
TrigSplit=360/L;
br=(document.layers)?1:0;
if (br){
for (i=0; i < L; i++)
document.write('<layer name="ns'+i+'" top=0 left=0 width=14 height=14">'+Result+yourLogo[i]+'</font></layer>');
}
else{
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < L; i++)
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;width:14px;height:14px">'+Result+yourLogo[i]+'</font></div>');
document.write('</div></div>');
}
ypos=0;
xpos=0;
step=logoSpeed;
currStep=0;
Y=new Array();
X=new Array();
Yn=new Array();
Xn=new Array();
for (i=0; i < L; i++)
 {
 Yn[i]=0;
 Xn[i]=0;
 }
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
 ypos = (document.layers)?evnt.pageY:event.y;
 xpos = (document.layers)?evnt.pageX:event.x;
}
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function animateLogo(){
if (!br)outer.style.pixelTop=document.body.scrollTop;
for (i=0; i < L; i++){
var layer=(document.layers)?document.layers['ns'+i]:ie[i].style;
layer.top =Y[i]+logoHeight*Math.sin(currStep+i*TrigSplit*Math.PI/180);
layer.left=X[i]+logoWidth*Math.cos(currStep+i*TrigSplit*Math.PI/180);
}
currStep-=step;
}
function Delay(){
for (i=L; i >= 0; i--)
{
Y[i]=Yn[i]+=(ypos-Yn[i])*(0.1+i/L);          
X[i]=Xn[i]+=(xpos-Xn[i])*(0.1+i/L);       
}
animateLogo();
setTimeout('Delay()',20);
}
window.onload=Delay;
-->
</script>


在 yourLogo='歡迎光臨紫蓮の翼~'; 中修改要顯示的文字
在 logoFont='細明體'; 中修改文字的字型
在 logoSize=3; 中修改文字的大小(字體大小為1~7)
在 logoColor='FF0000'; 中修改文字的顏色
在 logoWidth=50; 中修改圓圈的寬度
在 logoHeight=50; 中修改圓圈的高度
在 logoSpeed=0.05; 中修改圓圈的速度

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

▲top

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


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

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

<div id="dot0" style="position: absolute; visibility: hidden; height: 13; width: 43; left: 47; top: 45">
</div>
<div id="dot1" style="position: absolute; height: 11; width: 11;">
<dd><font color="#FF0000">紫</font></dd>
</div>
<div id="dot2" style="position: absolute; height: 11; width: 11;">
<dd><font color="#FF8000">蓮</font></dd>
</div>
<div id="dot3" style="position: absolute; height: 11; width: 11;">
<dd><font color="#FFFF00">の</font></dd>
</div>
<div id="dot4" style="position: absolute; height: 11; width: 11;">
<dd><font color="#00FF00">翼</font></dd>
</div>
<div id="dot5" style="position: absolute; height: 11; width: 11;">
<dd><font color="#0000FF">部</font></dd>
</div>
<div id="dot6" style="position: absolute; height: 11; width: 11;">
<dd><font color="#8000FF">落</font></dd>
</div>
<div id="dot7" style="position: absolute; height: 11; width: 11;">
<dd><font color="#FF00FF">格</font></dd>
</div>
<script language="JavaScript">
<!--
var nDots = 8;
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;
}
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>




在 var nDots = 8; 中修改文字的字數(實際字數+1)
在 setTimeout("startanimate()", 2000); 中修改特效執行前等待的時間(每1秒=1000)

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

▲top
«1...464748 4950...65