首頁 >web前端 >js教程 >jquery實作div陰影效果範例程式碼_jquery

jquery實作div陰影效果範例程式碼_jquery

WBOY
WBOY原創
2016-05-16 17:22:301082瀏覽
複製程式碼程式碼如下:



.mydiv1 {高度:250px;寬度:250px;邊框:#909090 1px 實心;}
.mydiv2 {
寬度:250px;高度:250;邊框:#909090 1pffx 實心; ;顏色:#333;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/* firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或web*/
box-shadow:2px 2px 0px #90*/
box-shadow:2px 2px 0px #90990a*) */
}
樣式>


函數changediv(v){
var d = document.getElementById("mydiv");
if (v == "t") d.className="mydiv2";
else d.className="mydiv1";
}
腳本>

頭>


內容

身體>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn