板框虛線
<style>
table{style;border:1px dashed; border-color:顏色色碼}
</style>
四色外框
<script language="JavaScript1.2">
if (document.all)document.body.style.cssText="border:10 double; border-color:上方色碼 右方色碼 下方色碼 左方色碼"</script>
捲動文字
<marquee scrollamount="1" direction="up" width="268" height="86" ">
</marquee>
<p><font color="#CC6699"></font></p>
<p><font color="#CC6699">我是第一行的文字</font></p>
<p><font color="#CC6699">我是第二行的文字</font></p>
<p><font color="#CC6699">我是第三行的文字</font></p>
<p><font color="#CC6699">我是第四行的文字</font></p>
</td></table>
底色捲軸
<style type=text/css>
<!--
BODY{
SCROLLBAR-FACE-COLOR: #ffffff; /*捲軸顏色*/
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; /*捲軸左與上內邊框*/
SCROLLBAR-SHADOW-COLOR: #ffffff;/*捲軸右與下內邊框*/
SCROLLBAR-3DLIGHT-COLOR: #ffffff; /*捲軸左與上外邊框*/
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;/*捲軸右與下外邊框*/
SCROLLBAR-ARROW-COLOR: #000000; /*捲軸箭頭*/
SCROLLBAR-TRACK-COLOR: #000000; /*捲軸底色*/
}
-->
</style>
中空捲軸
<style type=text/css>
<!--
BODY{
SCROLLBAR-FACE-COLOR: #ffffff; /*捲軸顏色*/
SCROLLBAR-HIGHLIGHT-COLOR: #ffFFFF; /*捲軸左與上內邊框*/
SCROLLBAR-SHADOW-COLOR: #000000;/*捲軸右與下內邊框*/
SCROLLBAR-3DLIGHT-COLOR: #000000; /*捲軸左與上外邊框*/
SCROLLBAR-DARKSHADOW-COLOR: #ffFFFF;/*捲軸右與下外邊框*/
SCROLLBAR-ARROW-COLOR: #000000; /*捲軸箭頭*/
SCROLLBAR-TRACK-COLOR: #ffffff; /*捲軸底色*/
}
-->
</style>
封鎖右鍵
<body ONDRAGSTART="window.event.returnValue=false" ONCONTEXTMENU="window.event.returnValue=false" >
封鎖反白
<body ONDRAGSTART="window.event.returnValue=false" onSelectStart="event.returnValue=false">
日記透明
<STYLE>
table{filter:Alpha(Opacity=透明度)}
</STYLE>
板面淡化
<STYLE>
table{filter:Alpha(Opacity=60)}
</STYLE>
背景圖淡化
<style>
body{
background-image : url(背景圖網址);filter:Alpha(Opacity=40);
background-repeat : repeat;
background-attachment : fixed;}
</style>
板面ｘ光效果
<style>
body{Filter:Xray}
</style>
板面灰階
<style>
body{filter:gray}
</style>
背景圖語法
<BODY bgcolor="cccccc" background="圖片網址" bgproperties="fixed">
板面糢糊
<style>
body{filter:Blur(Direction=45,Strength=5)}
</style>
背景向下滑
<script language="VBScript">
dim i, pic
i = -1
pic = document.body.sourceIndex
sub scrollBG
i=i+1
Document.all(pic).style.BackgroundPosition= "0 " & i
id=SetTimeOut("scrollBG", 50, "VBScript")end sub
scrollBG</script>
滑鼠打圈字
<SCRIPT LANGUAGE="JavaScript">
if (document.all) {
message = "歡迎光臨*雄之網頁*";
Font = "細明體";
Color = "white";
Width = 90;
Height = 30;
step = 0.04;
message = message.split(\);
L = message.length;
TrigSplit = 360 / L;
Sz = new Array()
ypos = 0;
xpos = 0;
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:+Font+;font-size:12px;
+color:+Color+;text-align:center">+message+</div>);}
document.write(</div></div>);
function Mouse() {
ypos = event.y;
xpos = event.x - 5;}
document.onmousemove=Mouse;
function animate() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie.style.top = ypos + Height * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie.style.left = xpos + Width * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz = ie.style.pixelTop - ypos;
if (Sz < 5) Sz = 5;
ie.style.fontSize = Sz / 1.7;}
currStep -= step;
setTimeout(animate(), 20);}
window.onload = animate;}
</script>
滑鼠變十字線
<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><style>#leftright, #topdown{position:absolute;
left:0;top:0;width:1px;height:1px;layer-background-color:no;
background-color:white;
z-index:100;font-size:1px;}</style><div id="leftright" style="width:expression(document.body.clientWidth-2)"></div><div id="topdown" style="height:expression(document.body.clientHeight-2)"></div>
滑鼠指選擇及連結變十字
<STYLE>A {CURSOR:crosshair; TEXT-DECORATION: none}</STYLE>
震動圖片
<style>.shakeimage{position:relative}</style>
<script language="JavaScript1.2">
var rector=2
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0}function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)return
if (a==1){shake.style.top=parseInt(shake.style.top)+rector
}else if (a==2){shake.style.left=parseInt(shake.style.left)+rector}else if (a==3){shake.style.top=parseInt(shake.style.top)-rector}else{shake.style.left=parseInt(shake.style.left)-rector
}if (a<4)a++
else
a=1
setTimeout("rattleimage()",50)}function stoprattle(which){stopit=1
which.style.left=0
which.style.top=0
}</script>
<img src="圖片網址" class="shakeimage"
onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">
滑鼠指、圖片由淡化變清晰
<script language="JavaScript1.2">
function high(which2){theobject=which2
highlighting=setInterval("highlightit(theobject)",30)}function low(which2){clearInterval(highlighting)
which2.filters.alpha.opacity=50}function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)clearInterval(highlighting)}</script>
<img src="圖片網址" border="0" onMouseover="high(this)" onMouseout="low(this)" style="filter: alpha(opacity=50)">
透明圖片
<img src="圖片網址" border="0" style=" background-color:shadowcolor; filter:alpha(opacity=40);">
放大漸淡
<script language="JavaScript">
if (document.all){
kg=new Image();
kg.src="pic";
document.write(<span id="rings" style="position:absolute;top:0px;left:0px">
+<img src="圖片網址" name="kg" style="position:relative"></span>);
var TimeLinethree = 20;
var TimeLineTwo = 10;
var TimeLineOne = 10;
var ThreeStep = 2.1;
var TwoStep = 5.5;
var OneStep = 2.5;
var xp = 100;
var yp = 100;
function SmokeRing(){
document.all.rings.document.images["kg"].style.filter=alpha(opacity=+TimeLinethree+);
document.all.rings.document.images["kg"].style.top=yp + (-TimeLineOne);
document.all.rings.document.images["kg"].style.left=xp + (-TimeLineOne);
document.all.rings.document.images["kg"].width=TimeLineTwo;
document.all.rings.document.images["kg"].height=TimeLineTwo;
TimeLinethree-=ThreeStep;
TimeLineTwo+=TwoStep;
TimeLineOne+=OneStep;
setTimeout(SmokeRing(),10);
if ((TimeLineTwo > 380) || (TimeLineOne > 380) || (TimeLinethree < 0))
{TimeLineTwo=0;TimeLineOne=0;TimeLinethree=85;
stop=window.document.body.clientHeight-280;
sleft=window.document.body.clientWidth/2.5;//?
yp=Math.round(Math.random()*stop);
xp=Math.round(Math.random()*sleft);
document.all.rings.style.top=yp+document.body.scrollTop;
document.all.rings.style.left=xp+document.body.scrollLeft;}
if ((yp < 80) || (xp < 80)){
yp+=80;
xp+=80;
} }}if (document.all)SmokeRing();
</script>
飄雪較果
<SCRIPT language=JavaScript1.2>
var dollarsrc="圖片網址"
var no = 15;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 400, doc_height = 200;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx = 0; // set coordinate variables
xp = Math.random()*(doc_width-50);
yp = Math.random()*doc_height;
am = Math.random()*20;
stx = 0.04 + Math.random()/15;
sty = 0.9 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src="+dollarsrc+" border=\"0\"></a></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src="+dollarsrc+" border=\"0\"></layer>");}} else if (ie4up) {if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 30px; LEFT: 15px;\"><img src="+dollarsrc+" border=\"0\"></a></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 30px; LEFT: 15px;\"><img src="+dollarsrc+" border=\"0\"></div>");
}}}function snowNS() {
for (i = 0; i < no; ++ i) {
yp += sty;
if (yp > doc_height+100) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.04 + Math.random()/20;
sty = 0.9 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;}
dx += stx;
document.layers["dot"+i].top = yp;
document.layers["dot"+i].left = xp + am*Math.sin(dx);
}setTimeout("snowNS()", 20);}function snowIE() {
for (i = 0; i < no; ++ i) {
yp += sty;
if (yp > doc_height+100) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.04 + Math.random()/20;
sty = 0.8 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}dx += stx;document.all["dot"+i].style.pixelTop = yp;
document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx);}setTimeout("snowIE()", 20);}if (ns4up) {
snowNS();} else if (ie4up) {snowIE();}</SCRIPT>
多人回再 ＋多ｄ @@
[
本帖最後由 ｎga 於 2006-11-17 09:44 PM 編輯 ]
加入我的最愛 | 
設定為首頁 | 
圖片上載
論壇音樂模式 
非音樂模式 
