鼠标移动到图标变化透明度

阿坛[atan] · 发表于 2015-3-26 17:08:27

本帖最后由阿坛[atan] 于 2015-3-26 17:11 编辑

[loop]

<a href="{url}" title="{title}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}"

style="filter:alpha(opacity=100)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)"/>{title}</a>

<SCRIPT language="JavaScript">



</SCRIPT>

[/loop]
复制代码
效果如图：

___________________
源代码：

<html>
<head>
<title>感应鼠标图片透明度变化</title>
<SCRIPT language="JavaScript">

</SCRIPT>
</head>
<body>
将鼠标放在图片上看看效果!<br>
<img src="/images/skinslogo.gif" style="filter:alpha(opacity=20)">
</body>
</html>

-----------------------------
style="filter:alpha(opacity=100)" ：opacity=100 （opacity是指原设置图片绝对路径的样式透明范围：0~100，数值越高越清晰）
cur.filters.alpha.opacity=70和cur.filters.alpha.opacity=100的关系：前者为鼠标经过时图片的透明度（范围：0~100，数值越高越清
晰）效果，后者则是鼠标经过后图片的透明度（范围：0~100，数值越高越清晰）效果。

------------

效果参照：http://www.bbsmj.com/portal.php?mod=list&catid=20 鼠标移动到图标变化透明度,适合做图片专题！

菜鸟分享，喜欢的拿下。

摩丝稻草人 · 发表于 2015-3-26 23:05:07

sm交友 sm小说 sm电影 sm论坛 http://my.smzhijia.net/
sm电影：http://my.smzhijia.net/forum-40-1.html
sm图片：http://my.smzhijia.net/forum-37-1.html
sm小说：http://my.smzhijia.net/forum-41-1.html
男主招奴 http://my.smzhijia.net/forum-49-1.html
男奴寻主 http://my.smzhijia.net/forum-48-1.html
女奴寻主 http://my.smzhijia.net/forum-42-1.html
女主招奴 http://my.smzhijia.net/forum-47-1.html
SM QQ群 http://my.smzhijia.net/forum-50-1.html

		自动登录	找回密码
密码			立即注册

[素材] 鼠标移动到图标变化透明度