这种效果是如何实现的啊？

Question

http://www.cabrtech.com/team/?listid=21
这种刷新后相片的位置就变化的效果是如何实现的啊？

Answer 1

一个表格，里面有8*8的单元格（假定），放着64个img元素，后台从数据库中读取所有图片路径，存入一个数组，随机产生0~63中的某个数字（不重复），做为下标引用数组元素，循环依次赋给img元素的src属性。
<table id="table1" runat="server">
<tr><td><img src="#" /></td>......共64个
</table>后台用xml方式对其操作即可。

Answer 2

应该不难吧     我查询的时候只需要按newID 排序  取出来的顺序就不一样了呗

Answer 3

取URL路径的时候 随机取前台绑定。 简单的就是 order by newID()

Answer 4

 <script type="text/javascript">
        today = new Date();
        jran = today.getTime();
        function rnd() {
            ia = 9301;
            ic = 49297;
            im = 233280;
            jran = (jran * ia + ic) % im;
            return jran / (im * 1.0);
        };
        function rand(number) {
            return Math.ceil(rnd() * number);
        };
        document.write("<center>");
        for (i = 1; i <= 1; i++) {
            myNum = (rand(3)); //改成你要随机显示的图片数；
            if (myNum == 1) document.write("<a href='http://www.edu.cn'><img src='http://www.eol.cn/images/indexnew/0712_zzbm.jpg' border=0></a>"); //图片路径，可用http://
            if (myNum == 2) document.write("<a href='http://www.eol.cn'><img src='http://www.eol.cn/images//indexnew/0609_2006tbzy1.jpg' border=0></a>");
            if (myNum == 3) document.write("<a href='http://www.cernet.com'><img src='http://www.eol.cn/images/indexnew/xianfanyi.jpg' border=0></a>");
            //上面这一段 你可以通过ajax返回来的json类似的数据来动态读取            else {
                document.write();
            }
        };
        document.write("</center>");
    </script>