87,992
社区成员
发帖
与我相关
我的任务
分享JS互相控制的导航问题 详见文章内容
请问大家，我们要做一个电子书。同一个界面中有两个导航，两个导航是链接位置相同。
只是一个导航是比较传统的文字，另外一个导航是用图拼接的地图。
想实现的效果是：鼠标滑过文字导航的时候，地图中对应的导航图片，变大突出显示。
请问大家有没有办法实现？谢谢！
只是一个导航是比较传统的文字，另外一个导航是用图拼接的地图。
想实现的效果是：鼠标滑过文字导航的时候，地图中对应的导航图片，变大突出显示。
请问大家有没有办法实现？谢谢！
...全文
请发表友善的回复…
发表回复
vhaijiaov 2012-11-29
- 打赏
- 举报
能不能详细一点，我这个代码是能改变一张图的，您能在这个代码的基础上改成鼠标滑过一张图的时候，另外一张图变大的效果么？谢谢！！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>改变图片获取焦点时的状态</title>
<script type="text/javascript">
function visible(cursor,i)
{ var n=i>0?30:100;
if (-[1,])
{cursor.style.opacity=n/100;}
else{cursor.filters.alpha.opacity=n;}
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#CCCCCC">
<a class="link_image" href="http://www.mingrisoft.com">
<img src="Temp.jpg" alt="test" title="haha" border="0" style="filter:alpha(opacity=100)" onmouseover="visible(this,1)" onmouseout="visible(this,0)" width="148" height="121">
</a>
</td>
</tr>
</table>
</body>
</html>
cuihuaming198809 2012-11-28
- 打赏
- 举报
文字上设置onmouseover事件，js中获取相应图片的id修改css就行啦！
