div内的内容随机显示的效果 js效果要
想要的效果是这样的<divclass="ceshi">内容板块1</div><divclass="hide">内容板块2</div><divclass="hide">内容...
想要的效果是这样的
<div class="ceshi">内容板块1</div>
<div class="hide">内容板块2</div>
<div class="hide">内容板块3</div>
<div class="hide">内容板块4</div>
四个版块，在进入页面的时候只显示“内容版块1”的信息，其他的都隐藏。
鼠标滑动四个版块的时候，展示四个版块的信息。
注意：四个版块现在是滑动效果哦！只展现一个，其他的隐藏。
想要的效果是：刷新页面，进入到页面的时候，展现给用户的内容版块，是随机出现的。
如我进入页面，展现给我的是“版块1”的内容图片；另外人进入的时候，展现的是“内容2”的信息，。。。。以此类推。
就是随机展现1234的信息。
在线等。。。 展开
<div class="ceshi">内容板块1</div>
<div class="hide">内容板块2</div>
<div class="hide">内容板块3</div>
<div class="hide">内容板块4</div>
四个版块，在进入页面的时候只显示“内容版块1”的信息，其他的都隐藏。
鼠标滑动四个版块的时候，展示四个版块的信息。
注意：四个版块现在是滑动效果哦！只展现一个，其他的隐藏。
想要的效果是：刷新页面，进入到页面的时候，展现给用户的内容版块，是随机出现的。
如我进入页面，展现给我的是“版块1”的内容图片；另外人进入的时候，展现的是“内容2”的信息，。。。。以此类推。
就是随机展现1234的信息。
在线等。。。 展开
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>无标题文档</title>
<style>
#a{ display:none;width:300px;height:300px;background:#0C3}
#b{ display:none;width:300px;height:300px;background:#09C}
#c{ display:none;width:300px;height:300px;background:#C30}
#d{ display:none;width:300px;height:300px;background:#93C}
</style>
<script language="JavaScript" type="text/javascript">
window.onload=function(){
tips = new Array(4);
tips[0] =document.getElementById("a");
tips[1] =document.getElementById("b");
tips[2] =document.getElementById("c");
tips[3] =document.getElementById("d");
index = Math.floor(Math.random() * tips.length);
tips[index].style.display="block";
}
</script>
</head>
<body>
<div id="a">11111</div>
<div id="b">22222</div>
<div id="c">33333</div>
<div id="d">44444</div>
</body>
</html>
来自：求助得到的回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的随机可以用动态的语言java或是php的随机数改变顺序。然后再采用js滚动切换显示，js可以使用jquery的jquery.SuperSlide.js
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
专门为你写的：
DOM结构：
<div id="florida0723">
<div class="ceshi">内容板块1</div>
<div class="hide">内容板块2</div>
<div class="hide">内容板块3</div>
<div class="hide">内容板块4</div>
</div>
JS内容：
<script src="./js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var rand = parseInt(Math.random()*10%4);
$("#florida0723").find("div").eq(rand).show();
$("#florida0723").find("div").eq(rand).siblings().hide();
});
</script>
DOM结构：
<div id="florida0723">
<div class="ceshi">内容板块1</div>
<div class="hide">内容板块2</div>
<div class="hide">内容板块3</div>
<div class="hide">内容板块4</div>
</div>
JS内容：
<script src="./js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var rand = parseInt(Math.random()*10%4);
$("#florida0723").find("div").eq(rand).show();
$("#florida0723").find("div").eq(rand).siblings().hide();
});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
