求JS代码 鼠标放上去其他的图片慢慢变暗?????? 要突出渐变!

比如说,一排有三张图片, 鼠标放到一个上面,其他的图片的亮度变成了50%, 亮度改变的时候要渐变的!!!!!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript" src="http://static1.campuslink.com.cn/js/home/js/jquery-1.2.2.pack.js"></script>
</HEAD>

<BODY>
<INPUT id="aaa" TYPE="image" SRC="http://static1.campuslink.com.cn/img/app/ose_express/school/images/bg-4step.gif">
<INPUT TYPE="image" id="aaa" SRC="http://static1.campuslink.com.cn/img/app/ose_express/school/images/zb_menu_big_small_bg.jpg">
<INPUT TYPE="image" onmouseover="displayImg('aaa')" onmouseout="showImg('aaa')" SRC="http://static1.campuslink.com.cn/img/index/logo-campuslink-min.gif">
<SCRIPT LANGUAGE="JavaScript">
<!--
function displayImg(id){
$('#'+id).fadeOut(1000);
}
function showImg(id){
$('#'+id).fadeIn('slow');
}
//-->
</SCRIPT>
</BODY>
</HTML>
这个是 display 的 不太明白你的需求,你自己看着改吧。
那你直接找美工作个变暗的样式然后你用javascript 动态赋样式值不就完了么。。。
温馨提示:内容为网友见解,仅供参考
无其他回答

淘宝里鼠标放在图片上,图片变亮,这个效果怎么制作(代码是什么)?
这个应该是鼠标放上去图片切换效果(也就是说要两张图片切换)需要在页面中添加以下JS代码: function changeImg(obImg,sNewURL){ if(sNewURL!="") obImg.src=sNewURL;} 将需要切换图片的标签代码按照以下示例编写,将以下代码的"图片地址"更换为自己所要切换的图片就可以了。

CSS鼠标经过图片变亮,移开变变暗效果代码怎么写
2、在css里设置img的类一定的宽和高,引入示例图片,设置图片为不重复。并且给img的类设置“:hover”伪类,设置伪类内的透明度为0.6:3、打开浏览器,在浏览器内查看效果:4、将鼠标移入图片,就会发现图片已经变亮了。以上就是用CSS设置鼠标经过图片变亮,移开变变暗效果的演示:...

鼠标放上其它图片 变暗的相关问题
回答:试试用a和a:hover来写,不用js也可以做到

求JS代码,图片在鼠标滑过特定区域后改变颜色。
首先,灰色的图片写一个样式,设置背景是灰色。例如.picGrey{background:grey;},然后再写一个粉色背景的样式.picPink{background:pink}。比如大图的灰色图片的ID是 pic1,然后鼠标滑过粉色图片的时候 $('#pic1').addClass("picPink")。说白了就是粉色样式覆盖灰色,就达到效果了。不明白的继续问。

鼠标悬停特效代码怎么写,鼠标放在小图片上旁边显示一张大图片?
代码有bug,修改后如下:需要注意,拷贝下面这段代码,保存为 html后缀名的文件;需要自己在相同的目录下,放置两张图片,小图片.jpg 大图片.jpg 效果如下图:当鼠标悬停在小图片上面的时候,会显示大图片;鼠标移出,隐藏大图片。问题:定位需要读者自己去实现一下吧,偷懒了。感谢楼上分享!<!docty...

css如何实现鼠标移至图片上显示遮罩层及文字
这段js代码是用jquery编写的,既方便又简单,所以我们首先介绍jquery脚本库。5.添加mouseover和mouseout事件,主要是当鼠标移动到图像容器上时显示蒙版层,当鼠标移出时隐藏蒙版层。6.刷新页面,您可以看到页面上显示的正常图片。7.当我们把鼠标放在蒙版层上时,蒙版层就会显示出来。

求个"鼠标经过一张图片的时候帮边弹出另一张图片"的js代码???
简单的可以用css:css:#one{position:relative;} hidden{position:absolute; top:100px;left:200px;display:none;} one:hover #hidden{display:block;}} ---> 或者使用js控制;var one=document.getElementById('one'),hidden=document.getElementById('hidden');one.onmouseover=function(){ ...

如何在鼠标经过另一张图片时显示它?
1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。2、在index.html中的script>标签中,输入js代码:$('a').hover(function(){$('img').css('display','block');})3、浏览器运行index.html页面,此时鼠标移动到超链接上,下面的图片自动显示了出来。csshover用法?在...

我用DW做了一个鼠标放在图片上会变成另外一张图片的效果
在本机的话 浏览器都是默认的不允许js脚本代码运行的 你点击允许的话js脚本不出错的话可以出现你要的效果, 但是在互联网上你上传你得网页 要实现效果的话 要有一个引导js代码一个网址吧 我也说得不准 我有次上传网页是css样式出问题 但js效果还是可以照常出的来 ...

请问不用SCRIPT(鼠标事件)代码,能不能做鼠标放上去的图片切换?
可以 CSS伪类 a{background: a.gif;} a:hover{background: b.gif;}

相似回答
大家正在搜