鼠标放在某个超链接上固定DIV中显示对应的图片的代码

来源:百度知道 编辑:UC知道 时间:2024/06/02 09:37:35
比如:超链接1,超链接2,超链接3 各自对应了图片1,图片2,图片3.
当鼠标放到超链接1上时,在显示图片的位置显示图片1,
当鼠标放到超链接2上时,显示图片的位置显示图片2,
同理显示图片3.
当我想显示更多的图片时,只需要添加超链接和图片就可以了。
<div id=showPic></div>
<div><a href=#>show1 pic</a>||<a href=#>show2 pic</a><div>
已经解决了。

用到了ajax 。呵呵。。

这属于导航的,我觉得最好用LI来写
<ul class="nav">
<li>连接一</li>
<li>连接二</li>
<li>连接三</li>
</ul>
CSS中定义
.nav{width:600px; height:auto;}
.nav li{width:200px; height:25px; float:left; text-align:center; line-height:25px; background:url(../images/图片一.jpg);}
.nav li a:hover{display:block; width:200px; height:25px; background:url(../images/图片二.jpg);}

躺床上随便写的,你测试一下应该OK
DIV学习群 43670942 本人网页设计师

只能给每个链接加个类
然后再给每个类做个hover变化底图
不能做到以后只添加链接和图片就可以实现那种效果
还是要给添加的链接加上特定的类才行

你是怎么解决的啊,求代码参考 我邮箱:1056457023@qq.com

鼠标放在某个文字上的时候,出来隐藏的div,js代码怎么写? 第一视频bus联播网的自助投放广告投广告,能不能固定在某个网站上放? 大家好!最近我的鼠标总是跑,不是光电鼠标,把鼠标放在一个固定的位置不动,屏幕上鼠标的指针还是跑 请问如何让鼠标在一定范围内随鼠标移动,出了这个范围就固定在某个地方,谢谢! 在网站中,怎样实现当鼠标放到超链接上时,能显示文字 有一种软件可以在浏览网页时,当鼠标放在某个单词上时自动翻译出意思和音标. 加上超链接后鼠标放上去为什么不变色了 鼠标放在鼠标垫上不好用!! 鼠标放在图标上,注释不见了 如何更改QQ浮标的背景图案,使得当鼠标放在某个好友的头像上时,看到的资料背景不是空白