<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script>
//使用JQuery实现图片的轮换播放的广告.$(function(){
var num=1;
function run(){
//检测num的值
//alert(num);
if(num>8){
num=1;
}
//创建背景图片
var p=new Array();
var p[1]="url('image/1.jpg') no-repeat";
var p[2]="url('image/2.jpg') no-repeat";
var p[3]="url('image/3.jpg') no-repeat";
var p[4]="url('image/4.jpg') no-repeat";
var p[5]="url('image/5.jpg') no-repeat";
var p[6]="url('image/6.jpg') no-repeat";
var p[7]="url('image/7.jpg') no-repeat";
var p[8]="url('image/8.jpg') no-repeat";
$("#pic").css("background",p[num]);
num++;
}
setInterval(run,300);
});</script>
</head>
<body>
<span>显示</span><div id="pic" style="width:800px;height:600px;">
dfs
</div></body>
</html>

解决方案 »

  1.   

    不要 varvar p=new Array();
    p[1]="url('image/1.jpg') no-repeat";
    p[2]="url('image/2.jpg') no-repeat";
    p[3]="url('image/3.jpg') no-repeat";
    p[4]="url('image/4.jpg') no-repeat";
    p[5]="url('image/5.jpg') no-repeat";
    p[6]="url('image/6.jpg') no-repeat";
    p[7]="url('image/7.jpg') no-repeat";
    p[8]="url('image/8.jpg') no-repeat";
      

  2.   

    为啥不用这个呢?我看javascript就这样写的
      

  3.   


    <html>
    <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script>
    //使用JQuery实现图片的轮换播放的广告.
    var p=new Array();
    p[1]="url('image/1.jpg') no-repeat";
    p[2]="url('image/2.jpg') no-repeat";
    p[3]="url('image/3.jpg') no-repeat";
    p[4]="url('image/4.jpg') no-repeat";
    p[5]="url('image/5.jpg') no-repeat";
    p[6]="url('image/6.jpg') no-repeat";
    p[7]="url('image/7.jpg') no-repeat";
    p[8]="url('image/8.jpg') no-repeat";
    var num=1;
    function run(){
        //检测num的值
        //alert(num);
        if(num>8){
            num=1;
        }
        //创建背景图片
        $("#pic").css("background",p[num]);
        num++;
    }$(function(){
        setInterval(run,300);
    });</script>
    </head>
      

  4.   

    var 声明变量时候才用
    另外 数组是从0开始