我是前端开发的新人,我面临的一个主要问题是我有 3 个图像相互放置,现在我想移动一个图像,以便另一个图像出现,然后它消失,第三个图像在经过一段时间后出现时间间隔。
我希望在我的网站中的同一位置上放置三张图像,但只想在一段时间后一张接一张地查看这三张图像。
请帮助我如何做到这一点?
我可以使用 marquee 属性或 javascript 吗???
非 jQuery 选项
如果你不想走jquery路线,你可以尝试http://www.menucool.com/javascript-image-slider http://www.menucool.com/javascript-image-slider。设置也很简单,您只需确保图像位于 id 为的 div 中slider
该 div 的尺寸与您的其中一张图像的尺寸相同。
jQuery 选项
The jQuery 循环插件 http://jquery.malsup.com/cycle/将帮助您实现这一目标。它需要 jquery 才能工作,但不需要太多设置来创建简单的滑动幻灯片。
看看“超级基本”演示 http://jquery.malsup.com/cycle/basic.html:
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
It has 很多选择 http://jquery.malsup.com/cycle/options.html如果你想要一些更奇特的东西。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)