我目前正在重新设计我的投资组合网站,并且我想使用最好的非 Flash 方法来创建我的布局中显示的以下幻灯片:
http://oi49.tinypic.com/xeifeq.jpg
我在节目中只有 3 张幻灯片左右,我想叠加左/右导航按钮,如图所示。
那么我该怎么做呢?
我目前正在重新设计我的投资组合网站,并且我想使用最好的非 Flash 方法来创建我的布局中显示的以下幻灯片:
http://oi49.tinypic.com/xeifeq.jpg
我在节目中只有 3 张幻灯片左右,我想叠加左/右导航按钮,如图所示。
那么我该怎么做呢?
尽管您可以使用纯 CSS 解决方案,但您可以通过使用 javascript 为幻灯片制作动画来获得更好的浏览器支持。
大约有十亿个 javascript 插件可以为您执行此操作,但这是一个很好的插件 - http://css-tricks.com/examples/AnythingSlider/
您可以调整大多数插件的 CSS 以获得您想要的叠加箭头效果。我将使用的方法是将幻灯片的容器设置为 position:relative 然后将箭头设置为 position:absolute ...例如,现在可以使用 top:50% left:0 定位左箭头
祝你好运!
有很多选择。使用 jQuery 之类的 javascript 库,可以轻松完成许多需要 flash 一次的动画。
尝试谷歌搜索,jQuery 滑块