当前位置:编程学习 > html/css >>

求一个可以插入html网页的图片渐变代码!有3个图片,循环渐变。

答案:<HTML> <HEAD> <TITLE> 新的一页 </TITLE> <STYLE> <!--样式单 --> .15pt{font-size:15pt;color:#de3076} .30pt{font-size:30pt;color:#33cc99;font-family:创艺繁琥珀} </STYLE> <SCRIPT> var explain=new Array( "原图<br>正常图片", "效果一<br>style='FILTER: alpha(opacity=50)'", "效果二<br>style='FILTER: alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=5,finishx=250,finishy=85)'", "效果三<br>style='FILTER: alpha(opacity=0,finishopacity=80,style=1,startx=0,starty=5,finishx=250,finishy=85)'" ) var images=new Array( "<IMG height=128 alt=正常图片 src=/jscss/demoimg/wall_s8.jpg width=128>", "<IMG style='FILTER: alpha(opacity=50)' height=128 alt=filter:alpha(opacity=50) src=/jscss/demoimg/wall_s8.jpg width=128>", "<IMG style='FILTER: alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=5,finishx=250,finishy=85)' height=128 alt=filter:alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=5,finishx=250,finishy=285) src=/jscss/demoimg/wall_s8.jpg width=128>", "<IMG style='FILTER: alpha(opacity=0,finishopacity=80,style=1,startx=0,starty=5,finishx=250,finishy=85)' height=128 alt=filter:alpha(opacity=0,finishopacity=80,style=1,startx=0,starty=5,finishx=250,finishy=285) src=/jscss/demoimg/wall_s8.jpg width=128>" ) var clicknumber=1 function ClickToEvent() { exp_text.innerHTML=explain[clicknumber] dialyzer.innerHTML=images[clicknumber] clicknumber=(clicknumber+=1)%4 } document.onclick=ClickToEvent </SCRIPT> </HEAD> <BODY> <center> <font class=30pt><br>单击鼠标左键,观察ALPHA滤镜效果。<br><br></font> </center> <TABLE border=1 width=100% height=300 class=15pt > <TR> <TD align=center><SPAN ID=exp_text >正常图片</SPAN> </TR> <TR> <TD align=center><span id=dialyzer><IMG height=128 alt=正常图片 src=/jscss/demoimg/wall_s8.jpg width=128></span> </TR> </TABLE> </BODY> </HTML>

上一个:javascript代码如何转换成HTML代码?
下一个:html页面中的#if.....#end是什么意思

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,