1.有光源扫描图片效果：
<STYLE>
.lightfilter{ filter:light();width:400}
</STYLE>
<SCRIPT language=JavaScript>
<!--
function lightinit(){
var ix2=myDiv.offsetWidth/2;
var iy2=myDiv.offsetHeight/2;
myDiv.filters[0].addCone(0,0,1,ix2,iy2,255,255,200,100,30)} //添加一个点光源
//-->
</script>
<DIV CLASS="lightfilter" ID="myDiv" οnmοusemοve="myDiv.filters[0].moveLight(0,window.event.x,window.event.y,5,1);">
<IMG src="111.jpg"></div>
<body onLoad="lightinit()">
2..图片浮动效果
<style type="text/css">
#float {
position: absolute;
}</style>
<div ID="float" style="left:5px; top:5px">
<img SRC="011.jpg" border="0">
</div>
<SCRIPT language=JavaScript>
<!--
Scroll_Y = 0;
function floatcenter() {
diffY = document.body.scrollTop;
if(diffY != Scroll_Y) {
percent = .1 * (diffY - Scroll_Y);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
document.all.float.style.pixelTop += percent;
Scroll_Y = Scroll_Y + percent;
}
}
window.setInterval("floatcenter()",1);
//-->
</script>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
3.图片自动缩放效果
<SCRIPT language=JavaScript>
<!--
function bimg(pic){
var zoom=parseInt(pic.style.zoom, 10)||100;
zoom+=event.wheelDelta/12;
if (zoom>0)
pic.style.zoom=zoom+'%';
return false;
}
//-->
</script>
<img SRC="010.jpg" border=0 onmousewheel="return bimg(this)">
扫一扫
3046
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
