js改变图片透明度不错的特效代码

发布时间：2018-09-20 12:08:09 所属栏目：Asp教程来源：站长网

导读：Js动态改变图片的透明度，在文本框内输入不同的值，背景图片的透明度会改变，从而显示出文字，二者结合形成奇特效果。现在我们来看一下特效：网页演示：点击此处运行演示： htmlheadbase href=http://www.veryhuo.comtitleJs动态改变图片的透明度效果 -

　　Js动态改变图片的透明度，在文本框内输入不同的值，背景图片的透明度会改变，从而显示出文字，二者结合形成奇特效果。

　　现在我们来看一下特效：

　　网页演示：点击此处

　　运行演示：

<html> <head> <base href="http://www.veryhuo.com"> <title>Js动态改变图片的透明度效果 - Liehuo.Net</title> <script language="javascript">  </script> </head> <body onload="setfilter()"> <div id="mydiv"> <pre style="color:red;font-size:18px"> 烈火学院 Liehuo.Net 电脑教程网络学院 </pre> </div> <p> <img id="myimage" src="/uploads/common/images/liehuonet_400x345_9.jpg" style="filter:alpha();position:absolute;top:10;left:0;"></p> <div style="position:absolute;left:10;top:200;width:250"> <p>单击图片以外的任何地方使改变的值生效。</p> <form> <p>输入透明度 <input name="opacity" size="3" value="100" onchange="setfilter()"><br> 输入结束状态的透明度 <input name="finishopacity" size="3" value="0" onchange="setfilter()"><br> 键入样式的值 <input name="setstyle" size="3" value="0" onchange="setfilter()"><br> </P> </form> </div> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：拼字网 - 核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

js改变图片透明度 不错的特效代码

js改变图片透明度不错的特效代码