设为首页收藏本站

切换到宽版

快捷导航

美丽航线 › 论坛 › 三味书屋 › 【IT】综合讨论区 › 鼠标控制图片隐现效果

发新帖

查看: 706|回复: 1

[网站开发] 鼠标控制图片隐现效果 [复制链接]

悠闲野鹤

Rank: 16

未绑定新浪微博

人气值: 989
魅力: 265
金币: 2553
威望: 1822
最后登录: 2011-9-2
积分: 1822

发表于 2009-12-9 00:05:22 |显示全部楼层

效果显示：图片一开始是模糊显示，当鼠标移到图片上面时图片会清晰显示。

实现方法：
1、把如下代码加入＜body＞区域中：

<SCRIPT language="JavaScript">
<!--
function makevisible(cur,which){
　　if (which==0)
　　　　cur.filters.alpha.opacity=100
　　else
　　　　cur.filters.alpha.opacity=20
}
//-->
</SCRIPT>

复制代码

　

2、把如下代码加入＜body＞区域中：

<img src="2.gif" style="filter:alpha(opacity=20)"
onMouseOver="makevisible(this,0)"
onMouseOut="makevisible(this,1)">

复制代码

　　

曾经有个女孩子要与我共赴黄泉--“你再不还我钱,我就和你同归于尽!”
曾经有个女孩子与我相约到下辈子--“想追求我?下辈子吧!”
曾经有个女孩子肯为我而死--“跟你在一起,我宁愿死!”

使用道具举报

机舱实习生

Rank: 1

未绑定新浪微博

人气值: 178
魅力: 104
金币: 1127
威望: 194
最后登录: 2011-7-9
积分: 194

发表于 2009-12-20 22:57:40 |显示全部楼层

直接上WINDOS7都有了还这么麻烦

别总是给我玩心跳

使用道具举报

发新帖

社区首页| 家园首页| 群组首页|Archiver|美丽航线 ( 粤ICP备09013526号 )

GMT+8, 2012-2-8 09:41 , Processed in 0.265604 second(s), 15 queries .

Powered by Discuz! Templates yeei! © 2001-2011 Comsenz Inc.

回顶部