-1

我目前正在重新设计我的投资组合网站,并且我想使用最好的非 Flash 方法来创建我的布局中显示的以下幻灯片:

http://oi49.tinypic.com/xeifeq.jpg

我在节目中只有 3 张幻灯片左右,我想叠加左/右导航按钮,如图所示。

那么我该怎么做呢?

4

2 回答 2

0

尽管您可以使用纯 CSS 解决方案,但您可以通过使用 javascript 为幻灯片制作动画来获得更好的浏览器支持。

大约有十亿个 javascript 插件可以为您执行此操作,但这是一个很好的插件 - http://css-tricks.com/examples/AnythingSlider/

您可以调整大多数插件的 CSS 以获得您想要的叠加箭头效果。我将使用的方法是将幻灯片的容器设置为 position:relative 然后将箭头设置为 position:absolute ...例如,现在可以使用 top:50% left:0 定位左箭头

祝你好运!

于 2012-04-30T23:34:14.850 回答
0

有很多选择。使用 jQuery 之类的 javascript 库,可以轻松完成许多需要 flash 一次的动画。

尝试谷歌搜索,jQuery 滑块

于 2012-04-30T23:35:35.427 回答