心遂之時的留言板

色景語法系列

------------------被景系列
------------無浮系列
一般系列〔為被景無浮水印效果〕
<body background=被景網址>
景標系列〔為被景無浮水印效果另加進頁直接看到游標效果〕
<body background=被景網址 style=cursor:crosshair>
------------有浮系列
浮動系列〔為被景有浮水印效果〕
<body background=被景網址 bgproperties=fixed>
景標系列〔為被景有浮水印效果另加進頁直接看到游標效果〕
<body background=被景網址 bgproperties=fixed style=cursor:crosshair>
------------------被色系列
一般系列〔被景顏色即可自改〕
<body bgcolor=0099ff>
慢透系列〔為特殊慢透有色效果〕
<body bgcolor=0099ff style=filter:alpha(finishopacity=60,style=1)>
弧透系列〔為特殊弧透有色效果〕
<body bgcolor=0099ff style=filter:alpha(finishopacity=60,style=2)>
折透系列〔為特殊折透有色效果〕
<body bgcolor=0099ff style=filter:alpha(finishopacity=60,style=3)>
------------------特殊系列
框色系列〔為頁面邊框有色效果〕
<body style='border:8 dashed #0099ff'>
圍框系列〔為頁面圍框有色效果〕
<body style='border:8 ridge #0099FF'>
------------------奇特系列
進頁系列〔進入頁面時直接看到游標效果狀態〕
<body style=cursor:crosshair>

分隔語法系列 ※跑馬燈語法系列

------------------混合系列
置左系列
<hr align=left size=1 width=150 color=009900>
置右系列
<hr align=right size=1 width=150 color=009900>
直用系列
<hr size=50 width=1 color=009900>
------------------虛點系列
<hr size=2px width=100% color=009900 style="border-style:dotted">
------------------融合系列
<hr size=3pt width=100% color=009900 style="border-style:dotted;border-width:1pt">

------------------來回系列
左右系列
<marquee behavior=Alternate width=150>左右彈來彈去</marquee>
上下系列
<marquee behavior=Alternate direction=up height=50>上下彈來彈去</marquee>
固定系列
<marquee direction=down behavior=alternate scrollamount=4 width=150 height=70><marquee behavior=alternate>四周彈來彈去</marquee></marquee>
------------------浮彈系列
右浮系列
<marquee direction=up behavior=alternate scrollamount=4 height=70><marquee direction=right behavior=alternate>往右上下浮彈</marquee></marquee>
左浮系列
<marquee direction=up behavior=alternate scrollamount=4 height=70><marquee direction=left behavior=alternate>往左上下浮彈</marquee></marquee>
------------------速度系列
往左系列
<marquee direction=left scrollamount=3>往左跑的速度</marquee>
往右系列
<marquee direction=right scrollamount=3>往右跑的速度</marquee>
往上系列
<marquee direction=up scrollamount=3 height=50>往上跑的速度</marquee>
往下系列
<marquee direction=down scrollamount=3 height=50>往下跑的速度</marquee>
------------------緩慢系列
慢左系列
<marquee direction=left scrollamount=1>超緩慢速度往左移動</marquee>
慢右系列
<marquee direction=right scrollamount=1>超緩慢速度往右移動</marquee>
------------------消失系列
左移系列
<marquee direction=left loop=2 scrollamount=5>往左移動兩次即可消失</marquee>
右移系列
<marquee direction=right loop=2 scrollamount=5>往右移動兩次即可消失</marquee>
------------------停止系列
往左系列
<marquee direction=left behavior=slide>往左跑到尾停止</marquee>
往右系列
<marquee direction=right behavior=slide>往右跑到尾停止</marquee>
------------------拖拉系列
拖左系列
<marquee direction=left scrolldelay=500>拖拉速度往左移</marquee>
拖右系列
<marquee direction=right scrolldelay=500>拖拉速度往右移</marquee>
------------------停走系列
往左系列
<marquee direction=left scrolldelay=500 scrollamount=100>往左停停走走</marquee>
往右系列
<marquee direction=right scrolldelay=500 scrollamount=100>往右停停走走</marquee>
------------------閃梭系列
閃左系列
<marquee direction=left scrollamount=400>快速閃梭往左跑</marquee>
閃右系列
<marquee direction=right scrollamount=400>快速閃梭往右跑</marquee>
------------------分段系列
兩段系列
<marquee direction=left width=225>往左邊</marquee><marquee direction=right width=225>往右邊</marquee>
三段系列
<marquee direction=right width=150>往右</marquee><marquee behavior=alternate width=150>左右彈</marquee><marquee width=150>往左</marquee>
------------------色景系列
加色系列
<marquee bgcolor=FFFFF0 scrollamount=3>往左移動另加被景顏色</marquee>
加景系列〔路徑為被景網址、必須自行找尋被景即可〕
<marquee style=background:url(路徑) scrollamount=3>被景隨著文字往左移動</marquee>
------------------綜合系列
右上系列
<marquee direction=up behavior=alternate scrollamount=4 height=70><marquee direction=right>往右上下浮動</marquee></marquee>
左上系列
<marquee direction=up behavior=alternate scrollamount=4 height=70><marquee direction=left>往左上下浮動</marquee></marquee>
右下系列
<marquee direction=down behavior=alternate scrollamount=4 height=70><marquee direction=right>往右下上浮動</marquee></marquee>
左下系列
<marquee direction=down behavior=alternate scrollamount=4 height=70><marquee direction=left>往左下上浮動</marquee></marquee>
------------斜上系列
右斜系列
<marquee direction=up scrollamount=3 height=100><marquee direction=right>往右斜上跑</marquee></marquee>
左斜系列
<marquee direction=up scrollamount=3 height=100><marquee direction=left>往左斜上跑</marquee></marquee>
------------斜下系列
右斜系列
<marquee direction=down scrollamount=3 height=100><marquee direction=right>往右斜下跑</marquee></marquee>
左下系列
<marquee direction=down scrollamount=3 height=100><marquee direction=left>往左斜下跑</marquee></marquee>
------------------特殊系列
------------浮彈系列
右起系列
<marquee direction=up behavior=alternate scrollamount=4 height=70><marquee direction=right behavior=slide>右浮至尾上下彈動</marquee></marquee>
左起系列
<marquee direction=up behavior=alternate scrollamount=4 height=70><marquee direction=left behavior=slide>左浮至尾上下彈動</marquee></marquee>

<!--流動背景_開始-->
<script language="">
<!--
var backgroundOffset = 0;
var bgObject = eval('document.body');
function scrollBG(maxSize) {
backgroundOffset = backgroundOffset + 1;
if (backgroundOffset > maxSize) backgroundOffset = 0;
bgObject.style.backgroundPosition = "0 " + backgroundOffset;
}
var ScrollTimer = window.setInterval("scrollBG(307)", 64);
-->
</script>
<!--流動背景_結束-->

CSS 固定背景

背景圖片固定右上角固定
<style type="text/css">
<!--
BODY {
background-image : (打入圖像網址) ;
background-attachment: fixed;
background-position: 100% 0%;
background-repeat: no-repeat
;
}
-->
</style>

______________________________________________

右下固定

<style type="text/css">
<!--
BODY {
background-image : (打入圖像網址) ;
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat
;
}
-->
</style>


----------------------------------------

左下固定

<style type="text/css">
<!--
BODY {
background-image : (打入圖像網址) ;
background-attachment: fixed;
background-position: 0% 100%;
background-repeat: no-repeat
;
}
-->
</style>

----------------------------------------

左上固定

<style type="text/css">
<!--
BODY {
background-image : (打入圖像網址) ;
background-attachment: fixed;
background-position: 0% 0%;
background-repeat: no-repeat
;
}
-->
</style>

----------------------------------------

置中固定

<style type="text/css">
<!--
BODY {
background-image : (打入圖像網址) ;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat
;
}
-->
</style>

字炫語法系列

------------------隨影系列
<div style=color:000000;font-family:標楷體;font-size:30px;width:100%;filter:shadow(color=CCCCCC,direction=30)><B>文字</B></div>
------------------字景系列
<font style=BACKGROUND:url(字景網址)>文字</font>
------------------隨移系列

------------------下影系列〔參數：Positive:透明度。OffX:水平位移。OffY:垂直位移〕
<font style=width:100%;filter:DropShadow(Color=#009900,OffX=-2,OffY=-2,Positive=1)>文字產生下方陰影的效果</font>
------------------波浪系列〔參數：Freq=波浪數。Lightstrength=亮度。Phase=相角。Strength=幅度〕
<div style='width:100%;font-size:20;color:009900;Filter:Wave(Freq=2,Lightstrength=30,Phase=0,Strength=2)'>即可將文字產生波浪的效果</div>
------------------變大系列
<font style=cursor:hand onfiltered=this.size=5 onfiltered=this.size=3>滑鼠移過來即可看到變大效果</font>
------------------換色系列
<font style=cursor:hand onfiltered="this.color='ff0000'"onfiltered="this.color='000000'">滑鼠移過來即可看到換色效果</font>
------------------換字系列〔字數必須要跟換字過後的字數一樣顯得較逼真唷〕
<span style=cursor:hand onfiltered="this.innerText='滑鼠移過來'"onfiltered="this.innerText='在移開看看'">滑鼠移過來</span>
------------------變字系列
------------鼠碰系列
<span style=cursor:hand onfiltered=this.innerText='觸碰系列'>滑鼠觸碰字即可看到換字效果</span>
------------鼠離系列
<span style=cursor:hand onfiltered=this.innerText='觸離系列'>滑鼠觸離字即可看到效果</span>
------------鼠左系列
<span style=cursor:hand onfiltered=this.innerText='觸左系列'>滑鼠觸左字即可看到效果</span>
------------鼠按系列
<span style=cursor:hand onfiltered=this.innerText='觸按系列'>滑鼠觸按字即可看到效果</span>
------------------變色系列〔在同一個頁面id記得不可以一樣、最好別在同個頁面上放上兩個類似的效果！切記切記〕
------------鼠鼠系列
隨鼠系列〔鼠〕

------------動態系列
鼠態系列〔動〕
<body onfiltered=k0.style.color=Math.random()*255*255*255><font id=k0>隨鼠動態彩字系列</font>
------------文字系列
觸動系列〔字〕
<font id=k1 onfiltered=k1.style.color=Math.random()*255*255*255 style=cursor:hand>文字裡滑鼠觸動即可看到效果</font>
觸離系列〔字〕
<font id=k2 onfiltered=k2.style.color=Math.random()*255*255*255 style=cursor:hand>文字裡滑鼠觸離即可看到效果</font>
觸碰系列〔字〕
<font id=k3 onfiltered=k3.style.color=Math.random()*255*255*255 style=cursor:hand>文字裡滑鼠觸碰即可看到效果</font>
觸左系列〔字〕
<font id=k4 onfiltered=k4.style.color=Math.random()*255*255*255 style=cursor:hand>文字裡滑鼠觸左鍵即可看到效果</font>
觸按系列〔字〕
<font id=k5 onfiltered=k5.style.color=Math.random()*255*255*255 style=cursor:hand>文字裡滑鼠觸按鍵即可看到效果</font>
------------自動系列〔200為0.2秒數，1000代表1秒，就是每0.2秒鐘變換一次色彩〕
自變系列〔跳〕
<img src=width=0 height=0 onfiltered=setInterval('k6.style.color=Math.random()*255*255*255',200)><font id=k6>彩字變變變系列</font>