Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

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

[复制链接]
阿坛[atan] 发表于 2015-3-26 17:08:27 | 显示全部楼层 |阅读模式
本帖最后由 阿坛[atan] 于 2015-3-26 17:11 编辑

  1. [loop]
  2. <a href="{url}" title="{title}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}"

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

  4. <SCRIPT language="JavaScript">
  5. <!--
  6. function makevisible(cur,which){
  7. if (which==0)
  8. cur.filters.alpha.opacity=70
  9. else
  10. cur.filters.alpha.opacity=100
  11. }

  12. //-->

  13. </SCRIPT>


  14. [/loop]
复制代码
效果如图:





___________________
源代码:

<html>
<head>
<title>感应鼠标图片透明度变化</title>
<SCRIPT language="JavaScript">
<!--
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
//-->
</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 鼠标移动到图标变化透明度,适合做图片专题!

菜鸟分享,喜欢的拿下。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
摩丝稻草人 发表于 2015-3-26 23:05:07 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 21:35 , Processed in 0.021627 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表