首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

如何实现一个鼠标点击图片交换的效果

2012-02-06 
怎么实现一个鼠标点击图片交换的效果怎么实现一个鼠标点击图片交换的效果?我的MSN是zzg_010@hotmail.com如

怎么实现一个鼠标点击图片交换的效果
怎么实现一个鼠标点击图片交换的效果?我的MSN是   zzg_010@hotmail.com     如果谁有不明白的可以加我,我把源文件传给你     这个csdn   不能贴图,我本来截了张小图,可惜没能贴上来。

[解决办法]
写一点脚本就能做出那样的效果了
<script language= 'javascript '>
var currentObj;//记录选中的标签
function ChangImg(e)
{
if(currentObj)
{
var obj = document.getElementById(currentObj.id);
obj.style.backgroundImage = 'url(浅颜色的图片) ';
}
else
{
var obj = document.getElementById( "第一个标签的ID ");
obj.style.backgroundImage = 'url(浅颜色的图片) ';
}
currentObj = document.getElementById(e);
currentObj.style.backgroundImage = 'url(深颜色的图片) ';
}
</script>
标签的onClick事件调用这个函数就可以了

热点排行