图片阴影
|
原始图片
|
实现效果
|
在<body>和</body>之间加入以下代码:
<style>
<!--
.popshadow{
position:relative;
left:-5;
top:-5;
filter:shadow(silver,direction=135)
}
-->
</style>
<script language="JavaScript1.2">
function updownshadow(){
if (event.srcElement.className=="popshadow"){
tempobject=event.srcElement
if (event.type=="mousedown"){
tempobject.filters[0].enabled=false
tempobject.style.left=tempobject.style.top=0
}
else{
tempobject.filters[0].enabled=true
tempobject.style.left=tempobject.style.top=-5
}
}
}
if (document.all){
document.body.onmousedown=updownshadow
document.body.onmouseup=updownshadow
}
</script>
<img src="../images/7_dhtml_index2_4_1.gif"
class="popshadow">