jquery는 div 그림자 효과 샘플 code_jquery를 구현합니다.

复代码 代码如下:

<머리>
<스타일>
.mydiv1 {높이:250px;너비:250px;테두리:#909090 1px 솔리드;}
.mydiv2 {
너비:250px;높이:250;테두리:#909090 1px 솔리드;배경:#fff ;색상:#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或chrome*/
box-shadow:2px 2px 0px #909090;/*opera或ie9*/
}

<스크립트>

functionchangediv(v){
var d = document.getElementById("mydiv");
if(v == "t") d.className="mydiv2";
그렇지 않으면 d.className="mydiv1";
}



<본문>

콘텐츠