Question

如何在div+css的布局结构下做图片轮播的特效，求高手指点。

代码如下：

<div class="ban"><img src="images/banner1.jpg" width="1549" height="358" align="middle" /></div>
<div class="banp_box">
<div class="b_box">
<div class="ban_p"><a href="#"><img src="images/bannr_p.jpg" width="91" height="46" /></a></div>
<div class="ban_p"><a href="#"><img src="images/bannr_p.jpg" width="91" height="46" /></a></div>
<div class="ban_p"><a href="#"><img src="images/bannr_p.jpg" width="91" height="46" /></a></div>
<div class="ban_p"><a href="#"><img src="images/bannr_p.jpg" width="91" height="46" /></a></div>
</div>
</div>
我想鼠标滑过class="ban_p"里的图片时，出现class="ban"里的图片。
这是我做的页面的示意图，还请懂行的大师帮忙。

Answer 1

我正好也做了一个和你一样的案例。希望一起交流！

附件里是案例，希望采纳！

追答

有问题继续交流

谢谢

Answer 2

你可以在网上百度下，懒人图库什么的有很多例子啊，粘很多代码的话，这里好像不让过呢

Answer 3

说明这段代码是你复制出来的。你先在你的as文件夹下搜索一个名为mascot.as的文件

追问

不是复制的，我自己写的。我是不会做js特效，所以才来这里请教的。只需要一个简单的图片轮播效果。