html5 css3 如何使页面中显示的图片自动切换的问题 5

我想请问各位如题我想在我的页面中加载一个DIV里面是读取图片,之后这个图片是会random一样在3张图片中每格4,5秒就自动换一张的效果,请问要如何实现?本人还不太会JS... 我想请问各位如题
我想在我的页面中加载一个DIV里面是读取图片,之后这个图片是会random一样在3张图片中每格4,5秒就自动换一张的效果,请问要如何实现?
本人还不太会JS所以如果需要用到JS的话是否可以请大家详细的教导一下,谢谢各位啊。
展开
 我来答
pu2326
2012-07-18 · TA获得超过238个赞
知道答主
回答量:427
采纳率:0%
帮助的人:232万
展开全部
基本原理参见如下代码在IE8中效果,样式根本没有起作用。 <html> <head> <...可以通过js或其他方法曲线的实现html5 css3的问题。 或者尽你自己的一份力...
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
七夜蘇9
2012-07-20
知道答主
回答量:3
采纳率:0%
帮助的人:4736
展开全部
div.swapper img { -webkit-transition: opacity 1s ease-in-out; }
img.img1, div.swapper:hover img.img2 { opacity: 1.0; }
div.swapper:hover img.img1, img.img2 { opacity: 0; }

<div class="swapper">
<img class="img1" style="position: absolute;" src="1.jpg">
<img class="img2" src="2.jpg">
</div>
追问
请问

div.swapper img { -webkit-transition: opacity 1s ease-in-out; }
img.img1, div.swapper:hover img.img2 { opacity: 1.0; }
div.swapper:hover img.img1, img.img2 { opacity: 0; }

这段是css的内容吧?
由于本人css的内容并没有学习到这么深入,能解释下整体的内容吗?谢谢
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式