11)滑鼠帶彩色字加陰影 :
<style>.spanstyle {position:absolute;visibility:visible;top:-50px;font-size:20pt;font-family:Verdana;filter:glow(color=white,strength=2)">}</style><BODY onload=javascript:pageonload()><SCRIPT language=javascript>
var message="字";
var x,y;
var step=28;
var flag=0;message=message.split("");var xpos=new Array();for (i=0;i<=message.length-1;i++) {xpos=-50;}var ypos=new Array();
for (i=0;i<=message.length-1;i++) {ypos=-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=xpos[i-1]+step;ypos=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;thisspan.posTop=ypos;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=xpos[i-1]+step;ypos=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;thisspan.top=ypos;thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;}}}</SCRIPT><SCRIPT language=javascript> function pageonload() { makesnake(); window.setTimeout("pageonload();", 2); } </SCRIPT>
<SCRIPT language=javascript> for (i=0;i<=message.length-1;i++) { document.write("<span id=span"+i+" class=spanstyle>");
document.write(message); document.write("</span>"); } if (document.layers) { document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; </SCRIPT>
-------------------------------------------------------------------------------------------------------------
12)彩色捲軸:
<SCRIPT language="JScript">
var scrollPct, prevStep, nextStep, interStep
steps = new Array();
steps[0] = new Array(128,128,128);
steps[1] = new Array(255,0,0);
steps[2] = new Array(255,255,0);
steps[3] = new Array(0,255,0);
steps[4] = new Array(0,255,255);
steps[5] = new Array(0,0,255);
steps[6] = new Array(255,0,255);
steps[7] = new Array(255,0,0);
steps[8] = new Array(255,255,255);
function newColor(chan) {
var i=Math.floor(steps[prevStep][chan]+interStep*(steps[nextStep][chan]-steps[prevStep][chan]));return i;}function scrollFunk() {
scrollPct=(steps.length-1)*document.body.scrollTop/(document.body.scrollHeight-document.body.clientHeight);
prevStep=Math.floor(scrollPct);nextStep=Math.ceil(scrollPct);
interStep=scrollPct-prevStep;var newRGB="rgb("+newColor(0)+","+newColor(1)+","+newColor(2)+")";var invRGB="rgb("+(255-newColor(0))+","+(255-newColor(1))+","+(255-newColor(2))+")";if (document.body.style.scrollbarTrackColor != null) {
document.body.style.scrollbarFaceColor=newRGB;
document.body.style.scrollbarTrackColor=invRGB;
}}window.onscroll=scrollFunk;
//--></SCRIPT>
------------------------------------
13)停留秒數:
<SPAN STYLE='WIDTH:400;FONT-SIZE:12pt;COLOR:blue;filter:Glow(Color=white,Strength=10)'>
<form name="d">您已經停留了 <input style="font-size:10pt" type="text" size="6" name="d2"> 秒</form></font>
<SCRIPT Language="JavaScript">
var milisec=0
var seconds=0
document.d.d2.value='0'
function display(){
if (milisec>=9){
milisec=0
seconds+=1}else
milisec+=1
document.d.d2.value=seconds+"."+milisec
setTimeout("display()",100)
}display()</SCRIPT></SPAN>
------------------------------------
14)小型地震:
<script>
function shake(n) {
if (self.moveBy){
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}} } }shake(5);</script>
------------------------------------
15)背景音樂〔這語法不會顯示播放器出來〕:
<bgsound src="音樂網址" loop="-1">
------------------------------------
16)透明圖片:
<img src="圖片網址" border="0" style=" background-color:shadowcolor; filter:alpha(opacity=40);">
------------------------------------
17)告別視窗:
<script language="JavaScript">
function UserExit(){
alert("拜拜");
}</script>
<body onUnload="UserExit()">
------------------------------------
18)變色框邊:
<SCRIPT LANGUAGE="JavaScript">
colours=new Array('ff00ff','00ff00','ff9900','ff0000','00ffff','00ff66','0000ff')
function gs(){
var clrPos=Math.floor(Math.random()*colours.length)
with (window.document.body.style){
borderWidth=14;
borderStyle='solid';
borderColor=colours[clrPos];}}
if (document.all)window.document.body.onscroll=gs;
</SCRIPT>
------------------------------------
19)可按停及開始之告示板 :
若不放圖片,會變透明底
width=260 是闊度 height=100 是高度
solid yellow; 是框邊色
若想用顏色代碼
請在代碼前加 #
#009900
<table><tr><td>
<MARQUEE id=scroller style="background-image: url(圖片網址); background-repeat: repeat; background-attachment: scroll; border: 2px solid white; padding:10px" scrollAmount=1 direction=up width=240 height=100><center>
<font color=blue>這處是打字的地方</font>
<p>歡迎光臨
<p><font color=red>黎到禾o既日記</font>
</MARQUEE><tr><td><center>
<a href="javascript:scroller.start()">開始</a> <a href="javascript:scroller.stop()">停止</a>
</td></tr></table>
------------------------------------
20)背景圖淡化:
語法中 Opacity=90 是淡化度
注意:此語法會令你的板變慢
<style>
body{
background-image : url(背景圖網址);filter:Alpha(Opacity=40);
background-repeat : repeat;
background-attachment : fixed;}
</style>
------------------------------------
|