0

好的,我用谷歌搜索了很多,没有发现任何帮助

我在一个 div 中有一组图像,我希望它们循环滚动我是 javascript 和 Jquery 的新手,但我愿意使用它..

html很简单:

<div id="slideshow">
  <img src="path/to/image" />
  <img src="path/to/image" />
  more images here
</div>

除了'scroll' exept fade 之外,我也对任何其他效果持开放态度,因为我已经在同一页面上使用过它。

4

3 回答 3

1

玩溢出!像这样

<div id="slideshow" style="width: 300px; height: 100px; overflow: auto">
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />v
    more images here
</div>
于 2012-11-26T13:18:50.033 回答
1

你可以使用jquery carousel或者你可以使用 jquery apis 比如slideInslideOutfadeInfadeOut来创建你自己的动画效果。

于 2012-11-26T13:20:31.833 回答
1

想想一些风格:

<div id="slideshow" style="overflow-y: scroll; height: **whatever**; ">
于 2012-11-26T13:25:40.617 回答