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

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

WBOY
發布: 2016-05-16 17:22:30
原創
1087 人瀏覽過
複製程式碼程式碼如下:



.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";
}
腳本>

頭>


內容

身體>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板