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

发布时间：2018-09-01 08:12:23 所属栏目：编程来源：站长网

导读：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>
提醒：可修改儿女码再运行!

（编辑：河北网）

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

MYSQL_框架之主从GTID	MySQL Online DDL的实
MySQL 5.7 mysqldumps	MySQL TEXT、DATE、SE

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

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