js轮换广告

2.横向轮换

pptBox.js

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="pptBox.js"></script>
    <script type="text/javascript" src="jquery-1.7.min.js"></script>
  
    <title></title>
    <style type="text/css">
        .mainbox {
            overflow: hidden;
            position: relative;
        }

        .flashbox {
            overflow: hidden;
            position: relative;
        }

        .imagebox {
            text-align: right;
            position: relative;
            z-index: 999;
            right: 10px;
        }

        .bitdiv {
            display: inline-block;
            width: 7px;
            height: 7px;
            margin: 0 10px 10px 0px;
            cursor: pointer;
            float: right;
        }

        .defimg {
            background-image: url(http://img.51liucheng.com/u/mall/v3/02.png);
        }

        .curimg {
            background-image: url(http://img.51liucheng.com/u/mall/v3/01.png);
        }
    </style>
</head>

<body>
    <div>
        <script>
            var box = new PPTBox();
            box.width = 479; //宽度
            box.height = 305;//高度
            box.autoplayer = 6;//自动播放间隔时间

            //box.add({"url":"图片地址","title":"悬浮标题","href":"链接地址"})
            box.add({ "url": "http://img.51liucheng.com/u/mall/v3/%E4%B8%96%E7%95%8C%E6%9D%AF%E5%A4%A7%E4%BF%83.jpg", "href": "http://mall.51liucheng.com/ploy/2014sjb/index.html", "title": "" });
            //box.add({ "url": "http://img.51liucheng.com/u/mall/v3/gh02.jpg", "href": "http://mall.51liucheng.com/jydx2/jydx.html?mallIndexLogo1", "title": "" });
            box.add({ "url": "http://img.51liucheng.com/u/mall/v3/focus_4.jpg", "href": "", "title": "" });
            box.add({ "url": "http://img.51liucheng.com/u/mall/v3/focus_1.jpg", "href": "", "title": "" });
            box.add({ "url": "http://img.51liucheng.com/u/mall/v3/focus_3.jpg", "href": "", "title": "" });
            box.add({ "url": "http://img.51liucheng.com/u/mall/v3/focus_2.jpg", "href": "", "title": "" });
            box.show();
        </script>
    </div>
</body>
</html>