js轮换广告
1.纵向轮换
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>