每刷新一次页面时随机更换相应图片等内容？求助

每当刷新页面时自动随机更换如下相应的内容具体代码怎么写呢？迫切求助各位大侠指点迷津有图片名字部门个人简介等字段。这些内容都是后台添加每个人员的时候添加进去的图片名字个人简介都要统一起来迫切求助各位大侠指点迷津万分感谢必当相报

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <body >
    <table>
     <tr>
         <td><img id="im" src="" alt="" /></td>
            <td id="name">名字</td>
            <td id="geren">个人简介</td>
        </tr>
    </table>
<script>
var json = [
{
img:'images/aa.jpg',
name:'aaa',
more:'fkdsjfksjfsdhfdshfds'
},
{
img:'images/bb.jpg',
name:'bbb',
more:'dfsfdfdsfsatrhrthgerg'
},
{
img:'images/cc.jpg',
name:'ccc',
more:'dfsfdfdsfsatrhrthgerg'
},
{
img:'images/dd.jpg',
name:'ddd',
more:'dfsfdfdsfsatrhrthgerg'
}
][parseInt(4*Math.random())];

for(var name in json){
if(name == 'img'){
document.getElementById('im').src = json[name];
}else if(name == 'name'){
document.getElementById('name').innerHTML = json[name];
}else if(name == 'more'){
document.getElementById('geren').innerHTML = json[name];
}

}

</script>


    </body>
</html>
请问能支持 php文件吗？  我试了一下单独一个页面 html 可以。代码放到里面就不管用了呢不知道为什么请求大侠帮忙
如果你数据是从数据库里读取的，你得转成json数据赋值给js变量才能显示~·
<link rel="stylesheet" href="<?php echo get_skin_root() ?>css/parts.css" type="text/css" />
<script src="<?php echo get_skin_root() ?>script/thickbox-compressed.js" type="text/javascript"></script>
<script>
    var json = [
        {
            img:'upload/201104/s_20110407083149843.png',
            name:'aaa',
            more:'额服务费如果个人。'
        },
        {
            img:'upload/201104/s_20110407083537916.png',
            name:'bbb',
            more:'dfsfdfdsfsatrhrthgerg'
        },
        {
            img:'upload/201104/s_20110407083525808.png',
            name:'ccc',
            more:'dfsfdfdsfsatrhrthgerg'
        },
        {
            img:'upload/201104/s_20110407083519284.png',
            name:'ddd',
            more:'dfsfdfdsfsatrhrthgerg'
        }
    ][parseInt(4*Math.random())];

    for(var name in json){
        if(name == 'img'){
            document.getElementById('im').src = json[name];
        }else if(name == 'name'){
            document.getElementById('name').innerHTML = json[name];
        }else if(name == 'more'){
            document.getElementById('geren').innerHTML = json[name];
        }

    }
</script>  <div id="contentpic"><div class="clear"></div>
        <div style="float:right; padding-right:20px;"><li id="search"> <form action="<?php echo get_root_path() ?>/?m=search" method="post" id="search_form" name="search">
<input type="text" name="keyword" title="" style="weight:50px;height:25px;" />
<input type="submit" class="submit" id="search_submit" name="messagesearchbtn" style="weight:50px;height:30px;"value="按名字搜索" />
<input type="hidden" name="messagesearch" value="true" />
<input type="hidden" name="from" value="comsenz">
<input type="hidden" name="catid" value="0">
</form></li></div>
<br /><br />
<div id="stuffbox"> <div id="intr">
<div id="intr1"><p><img id="im"  src="" alt="nihao" /></p></div>
  <p id="intr2">
  <span style="font-weight:bold;">姓名：<span id="name">名字</span><br />
  企划部</span>
  <br>

  <span id="geren">个人简介</span>   </p>
  <p id="intr3">示例</p>
  <p>    <table>
        <tr>
            <td width="48"><img id="im" src="" alt="nihao" /></td>
            <td width="49" id="name">名字</td>
            <td width="31" id="geren">个人简介</td>
        </tr>
    </table></p>
</div>

  <br />
  <hr />
   </div>
</div>
这是整个页面的代码我用的是深喉咙 cms  您看一下
<div id="contentpic"><div class="clear"></div>
        <div style="float:right; padding-right:20px;"><li id="search"> <form action="<?php echo get_root_path() ?>/?m=search" method="post" id="search_form" name="search">
        <input type="text" name="keyword" title="" style="weight:50px;height:25px;" />
        <input type="submit" class="submit" id="search_submit" name="messagesearchbtn" style="weight:50px;height:30px;"value="按名字搜索" />
        <input type="hidden" name="messagesearch" value="true" />
        <input type="hidden" name="from" value="comsenz">
        <input type="hidden" name="catid" value="0">
        </form></li></div>
        <br /><br />
<div id="stuffbox">     <div id="intr">
        <div id="intr1"><p><img id="im"  src="" alt="nihao" /></p></div>
          <p id="intr2">
          <span style="font-weight:bold;">姓名：<span id="name">名字</span><br />
          企划部</span>
          <br>

          <span id="geren">个人简介</span>          </p>
          <p id="intr3">示例</p>
          <p>    <table>
        <tr>
            <td width="48"><img id="im" src="" alt="nihao" /></td>
            <td width="49" id="name">名字</td>
            <td width="31" id="geren">个人简介</td>
        </tr>
    </table></p>
    </div>

  <br />
  <hr />
   </div>
</div>
<script>
    var json = [
        {
            img:'upload/201104/s_20110407083149843.png',
            name:'aaa',
            more:'额服务费如果个人。'
        },
        {
            img:'upload/201104/s_20110407083537916.png',
            name:'bbb',
            more:'dfsfdfdsfsatrhrthgerg'
        },
        {
            img:'upload/201104/s_20110407083525808.png',
            name:'ccc',
            more:'dfsfdfdsfsatrhrthgerg'
        },
        {
            img:'upload/201104/s_20110407083519284.png',
            name:'ddd',
            more:'dfsfdfdsfsatrhrthgerg'
        }
    ][parseInt(4*Math.random())];

    for(var name in json){
        if(name == 'img'){
            document.getElementById('im').src = json[name];
        }else if(name == 'name'){
            document.getElementById('name').innerHTML = json[name];
        }else if(name == 'more'){
            document.getElementById('geren').innerHTML = json[name];
        }

    }
</script> 把js放在底下就好了
太感谢您了可以了。就是后台有很多很多人员想随机更换所有人员都能更换到的话。的用变量对吧？
就是这个地方
var json = [
        {
            img:'upload/201104/s_20110407083149843.png',
            name:'aaa',
            more:'额服务费如果个人。'
        },
        {
            img:'upload/201104/s_20110407083537916.png',
            name:'bbb',
            more:'dfsfdfdsfsatrhrthgerg'
        },
        {
            img:'upload/201104/s_20110407083525808.png',
            name:'ccc',
            more:'dfsfdfdsfsatrhrthgerg'
        },
        {
            img:'upload/201104/s_20110407083519284.png',
            name:'ddd',
            more:'dfsfdfdsfsatrhrthgerg'
        }
    ][parseInt(4*Math.random())];

    for(var name in json){
        if(name == 'img'){
            document.getElementById('im').src = json[name];
        }else if(name == 'name'){
            document.getElementById('name').innerHTML = json[name];
        }else if(name == 'more'){
            document.getElementById('geren').innerHTML = json[name];
        }

    }
变成这样就对了吗？  var json = [
        {
            img:'<?php data('picture.middlePic'); ?>',
            name:'<?php data('picture.title'); ?>',
            more:'<?php data('picture.summary'); ?>'
        }
    ][parseInt(4*Math.random())];

    for(var name in json){
        if(name == 'img'){
            document.getElementById('im').src = json[name];
        }else if(name == 'name'){
            document.getElementById('name').innerHTML = json[name];
        }else if(name == 'more'){
            document.getElementById('geren').innerHTML = json[name];
        }

    }
这里的 [parseInt(4*Math.random())]; 这里的4 怎么改呢？
因为不能确定数量是多少，后台人员是不停的增加或者减少的。<?php data('picture.summary'); ?> 这些是那个系统的标签原则上可以提取到相应的内容的。
这里的 [parseInt(4*Math.random())]; 这里的4 怎么改呢？这里面的4就是你有几条数据就写几就行了~·

每刷新一次页面时 随机更换相应图片等内容？求助

解决方案 »

每刷新一次页面时随机更换相应图片等内容？求助