alpha配合js点击图片特效
2015-09-10 11:45
357 查看
网上找了一个效果,改了一下,一堆图片是虚着显示的,点击哪个,哪个清晰,代码:
下面显示的图片是模糊的,请把鼠标放上去图片就清晰了!
<img id="img1" src="http://www.5icool.org/images/logo.gif" style="filter:alpha(opacity=20)" onclick="makevisible(1,0)" >
<img id="img2" src="http://www.5icool.org/images/logo.gif" style="filter:alpha(opacity=20)" onclick="makevisible(2,0)" >
<SCRIPT language="JavaScript">
<!--
function makevisible(cur,which){
if (which==0)
for(i=1;i<3;i++){
if (cur==i){
document.getElementById("img"+i).filters.alpha.opacity=100
}else{
document.getElementById("img"+i).filters.alpha.opacity=20
}
}
}
//-->
</SCRIPT>
下面显示的图片是模糊的,请把鼠标放上去图片就清晰了!
<img id="img1" src="http://www.5icool.org/images/logo.gif" style="filter:alpha(opacity=20)" onclick="makevisible(1,0)" >
<img id="img2" src="http://www.5icool.org/images/logo.gif" style="filter:alpha(opacity=20)" onclick="makevisible(2,0)" >
<SCRIPT language="JavaScript">
<!--
function makevisible(cur,which){
if (which==0)
for(i=1;i<3;i++){
if (cur==i){
document.getElementById("img"+i).filters.alpha.opacity=100
}else{
document.getElementById("img"+i).filters.alpha.opacity=20
}
}
}
//-->
</SCRIPT>
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- 内部的小页面,用层制作,随机变色
- js可突破windows弹退效果代码
- JSP脚本漏洞面面观
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 爆炸式的JS圆形浮动菜单特效代码
- js select常用操作控制代码
- 从jsp发送动态图像
- 原生js结合html5制作小飞龙的简易跳球
- js 页面模块自由拖动实例
- js实现小鱼吐泡泡在页面游动特效
- js 提交和设置表单的值
- PHP VBS JS 函数 对照表
- PHP+JS实现大规模数据提交的方法
- 仿51JOB的地区选择效果(可选择多个地区)
- js身份证验证超强脚本
- Winform下实现图片切换特效的方法