常見JS效果大全

點擊網頁本文函數調用觸發器：
1.onClick 當對象被點擊
2.onLoad 當網頁開啟,只能書寫在body中
3.onUnload 當網頁關閉或離開時,只能書寫在body中
4.onmouseover 當滑鼠懸於其上時
5.onmouseout 當滑鼠離開對象時
6.onmouseup 當滑鼠鬆開  
7.onmousedown 當滑鼠按下鍵
8.onFocus 當對象擷取焦點時
9.onSelect 當對象的文本被選中時
10.onChange 當對象的內容被改變
11.onBlur 當對象失去焦點
onsubmit=return(ss())表單調用時返回的值
直線 border-bottom:1x solid black
虛線 border-bottom:1x dotted black
點劃線 border-bottom:2x dashed black
雙線 border-bottom:5x double black
槽狀 border-bottom:1x groove black
脊狀 border-bottom:1x ridge black

1.邊緣高光glow(color=顏色,strength=亮光大小)

2.水平翻轉fliph() 使對象水平翻轉180度

3.垂直翻轉flipv() 使對象垂直翻轉180度

4.對象模糊blur(add=true/false direction=方向 strength=強度)
add指定是否按印象畫派進行模糊direction模糊方向strength模糊強度
5.對象透明alpha(opaction=0-100,finishopacity=0-100,style=0/1/2/3)
opaction對象整體不透明值finishopacity當對象利用了漸透明時該項指定結束透明位置的不透明值style指定透明方式0為整體透明，1為線型透明，2為圓型透明，3為矩形透明
6.去除顏色chroma(color=顏色值)使對象中顏色與指定顏色相同地區透明
7.建立陰影dropshadow(color=陰影顏色,offx=水平向左偏離像素,offy=水平向下偏離像素)
8.去色gray()使對象呈灰階顯示
9.負片效果invert()使對象呈底片效果
10.高光light()使對象呈黑色顯示
11.遮蓋mask(color=顏色)使整個對象以指定顏色進行蒙板一次
opacity 表透明度水平.0~100,0表全透明,100表完全不透明
finishopacity表想要設定的漸層透明效果.0~100.
style 表透明區的形狀.0表統一形狀.1表線形.2表放射形.3表長方形.
startx.starty表漸層透明效果的開始時X和Y座標.
finishx,finishy漸層透明效果結束時x,y 的座標.
add有來確定是否在模糊效果中使有原有目標.值為0,1.0表"否",1表"是".
direction設定模糊的方向.0度表垂直向上,45度為一個單位.預設值是向左270度.left,right,down,up.
strength 只能用整數來確定.代表有多少個像素的寬度將受到模糊影響.預設是5個.
color要透明的顏色.
offx,offy分別是x,y 方向陰影的位移量.
positive指投影方式.0表透明像素產生陰影.1表只給出不透明像素產生陰影..
AddAmbient:加入包圍的光源.
AddCone:加入錐形光源.
AddPoint加入點光源
Changcolor:改變光的顏色．
Changstrength:改變光源的強度．
Clear:清除所有的光源．
MoveLight:移動光源．
freq是波紋的頻率，在指定在對象上一區需要產生多少個完事的波紋．
lightstrength可對于波紋增強光影的效果．顯著0~100正整數，正弦波開始位置是0~360度．0表從0度開始，25表從90度開始．  
strength表振幅大小．

hand style="cursor:hand"
crosshair style="cursor:crosshair"
text style="cursor:text"
wait style="cursor:wait"
default style="cursor:default"
help style="cursor:help"
e-resize style="cursor:e-resize"
ne-resize style="cursor:ne-resize"
n-resize style="cursor:n-resize"
nw-resize style="cursor:nw-resize"
w-resize style="cursor:w-resize"
s-resize style="cursor:s-resize"
sw-resize style="cursor:sw-resize "
se-resize style="cursor:se-resize"
auto style="cursor:auto"