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