日期:2014-05-16  浏览次数:20327 次

哪位大神知道此网页特效怎么实现?求相似的特效代码,谢谢
在一个网页里面鼠标放在右边的图片上在左边显示改图片的广告图片。
例:右边有8张小图片,鼠标放在哪个图片上就能在左边显示该图片的广告图片。


------解决方案--------------------
这很容易实现啊,

写个div,位置属性为relative,display:none;
然后在那个图片上注册个onmouseover事件,当触发该事件时让你写的那个div的display:block

完了

主要思想是这样,具体代码还需楼主自己实现
------解决方案--------------------
<img id="imgad" src="ad1.jpg" />

<div id="right">
<img src="1.jpg" adsrc="ad1.jpg" />
<img src="2.jpg" adsrc="ad2.jpg" />
<img src="3.jpg" adsrc="ad3.jpg" />
<img src="4.jpg" adsrc="ad4.jpg" />
<img src="5.jpg" adsrc="ad5.jpg" />
<img src="6.jpg" adsrc="ad6.jpg" />
<img src="7.jpg" adsrc="ad7.jpg" />
<img src="8.jpg" adsrc="ad8.jpg" />
</div>
<script type="text/javascript" >
var oimgs = document.getElementById("right").getElementsByTagName("IMG");
for (var i = 0; i < oimgs.length; i++) {
oimgs[i].onmouseover = function() {
document.getElementById("imgad").src = this.adsrc;
}
}
</script>
------解决方案--------------------
LZ,最好采用OBSERVER模式。你把有关图片压缩成1个RAR或者ZIP后传上来,或者传到别的地方,我给你简写试试。