拍拍网广告轮播源码
原始鏈接
http://union.paipai.com/billboard/minsite/ads/peopleInsideB4.shtml
下面是源碼
<!DOCTYPE html>
<html lang="zh-cn">
<head><meta charset="gbk" /><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /><meta name="Description" content="拍拍網(wǎng)為你的網(wǎng)購提供男女服裝、美容、家居、家電、3C數(shù)碼、話費(fèi)充值、游戲點(diǎn)卡充值等優(yōu)質(zhì)商品，更提供先收貨后付款、先行賠付、假一賠三、七天無理由退換貨等安全交易保障服務(wù)!" /><title>| 拍拍網(wǎng)：拍出驚喜</title></head>
<body > <style type="text/css">html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:0; font-style:normal; text-decoration:none }ol, ul { list-style:none }.p_mini_300{ background:#ffffff; width:298px; height:248px; border:1px solid #dadada;}.p_mini_300 .p_m300_img{ width:248px; height:248px; float:left;}.p_mini_300 .p_m300_imgbox{ width:248px; height:248px; overflow:hidden; }.p_mini_300 .p_m300_imgbox li{ width:248px; height:248px;}.p_mini_300 .p_m300_imgbox li a{width:248px; height:248px; display:block;}.p_mini_300 .p_m300_tab{ width:50px; height:250px; float:left; overflow:hidden;}.p_mini_300 .p_m300_tabbox{ width:10px; height:160px; margin:24px auto 0;}.p_mini_300 .p_m300_tabbox li{ width:10px; height:10px; background:#bdbdbd; margin-bottom:12px; cursor:pointer; overflow:hidden;}.p_mini_300 .p_m300_tabbox li.on{ background:#ff1849;}.p_mini_300 .p_mini_300_logo{ width:42px; height:51px; display:block; margin:5px auto; background:url(http://static.paipaiimg.com/etg/images/300-250_01.jpg) 0 0 no-repeat;}.p_mini_300 .p_m300_imgbox .t1s{ display:block;}</style><div class="p_mini_300"><div class="p_m300_img"><ul class="p_m300_imgbox" id="adLeftList"></ul></div><div class="p_m300_tab"><ul class="p_m300_tabbox" id="numberPage"><li attr-page="1" class="on"></li><li attr-page="2"></li><li attr-page="3"></li><li attr-page="4"></li><li attr-page="5"></li><li attr-page="6"></li><li attr-page="7"></li></ul><a class="p_mini_300_logo" href="http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fre.paipai.com%2F&pps=etg.12818507_104289_46_12818510" target="_blank"></a></div></div>
<script type="text/html" id="adLeftTmpl"> <li attr-id="{#cl#}" ><a href="{#rl#}" target="_blank" title="{#txt#}"><img src="{#img#}" alt="" width="248" height="248" /></a></li>
</script><script type="text/javascript">var EXPAD_ADLISTID = 'adLeftList',EXPAD_MODELID = 'adLeftTmpl',EXPAD_POSID = '2060704091423750',EXPAD_COUNT = 7,PAGE_PREV='prev',PAGE_CONENT='content',PAGE_NEXT='next',PAGE_TOTAL=7,PAGE_COUNT=1,//自動輪播PAGE_WRAP='numberPage',PAGE_INTERVAL = 5000;
</script>
<script>
EXPAD_ALTAD = [{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E5%25A5%25B3%25E8%25A3%2585%26ie%3Dutf-8%26navid%3D20501%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815938-2000976',txt:'秋季新款女裝 初秋必備',img:'http://pics1.paipaiimg.com/update/20140905/pcd_213415825.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E5%25A5%25B3%25E8%25A3%2585%26ie%3Dutf-8%26navid%3D20501%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815938-2000976',txt:'韓都衣舍秋裝新款七分袖連衣裙',img:'http://pics1.paipaiimg.com/update/20130926/pcd_210-130.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E7%2594%25B7%25E8%25A3%2585%26ie%3Dutf-8%26navid%3D22001%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815939-2001056',txt:'帥氣男裝，上班必備',img:'http://pics0.paipaiimg.com/update/20140905/pcd_214105918.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E5%25A5%25B3%25E9%259E%258B%26ie%3Dutf-8%26navid%3D21036%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815940-2001142',txt:'優(yōu)雅女鞋',img:'http://pics0.paipaiimg.com/update/20140905/pcd_expr-54019acc-00000000a07a98fd54019acc000e1a68.1.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E5%25A5%25B3%25E5%258C%2585%26ie%3Dutf-8%26navid%3D211681%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815944-2001145',txt:'美包 必備',img:'http://pics3.paipaiimg.com/update/20140905/pcd_214328398.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E5%25A5%25B3%25E8%25A3%2585%26ie%3Dutf-8%26navid%3D20501%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815938-2000976',txt:'韓都衣舍2013秋裝新款連衣裙',img:'http://pics2.paipaiimg.com/update/20130926/pcd_210-130-1.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E7%2594%25B7%25E9%259E%258B%26ie%3Dutf-8%26navid%3D34167%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815941-2001421',txt:'camel駱駝 秋新品休閑男鞋',img:'http://pics3.paipaiimg.com/update/20130926/pcd_1.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E9%25A5%25B0%25E5%2593%2581%26ie%3Dutf-8%26navid%3D2001%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815943-2002717',txt:'流行飾品 必備',img:'http://pics0.paipaiimg.com/update/20140905/pcd_214428470.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E7%2594%25B7%25E9%259E%258B%26ie%3Dutf-8%26navid%3D34167%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815941-2001421',txt:'CAMEL駱駝新款 簡約時休閑系帶男鞋',img:'http://pics2.paipaiimg.com/update/20130926/pcd_2.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E5%25B9%25B2%25E6%259E%259C%26ie%3Dutf-8%26navid%3D200300%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815999-11272476',txt:'俏八哥新疆和田大紅棗',img:'http://pics0.paipaiimg.com/update/20130926/pcd_110328361.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E5%25B9%25B2%25E6%259E%259C%26ie%3Dutf-8%26navid%3D200300%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815999-11272476',txt:'俏八哥 新疆薄皮核桃',img:'http://pics1.paipaiimg.com/update/20130926/pcd_110304490.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E7%2594%25B7%25E8%25A3%2585%26ie%3Dutf-8%26navid%3D22001%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815939-2001056',txt:'【AK男裝】2013春秋裝時尚休閑長袖T恤',img:'http://pics2.paipaiimg.com/update/20130926/pcd_110825329.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E8%25A3%25A4%25E5%25AD%2590%26ie%3Dutf-8%26navid%3D22001%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12816000-2003281',txt:'【AK男裝】2013男士休閑長褲',img:'http://pics3.paipaiimg.com/update/20130926/pcd_210-1301.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E5%25A5%25B3%25E8%25A3%2585%26ie%3Dutf-8%26navid%3D20501%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815938-2000976',txt:'預(yù)售LUXLEAD洛詩琳 收腰百搭風(fēng)衣',img:'http://pics2.paipaiimg.com/update/20130926/pcd_111107938.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E5%25A5%25B3%25E8%25A3%2585%26ie%3Dutf-8%26navid%3D20501%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815938-2000976',txt:'秋裝新品針織呢西裝外套',img:'http://pics1.paipaiimg.com/update/20130926/pcd_111155594.jpg'},{rl:'http://te.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fauction1.paipai.com%2FE3900A1B00000000040100000D6F3E18.3000%3FPTAG%3D&pps=etg.0_19821_1_0&outinfo=',txt:'瑩彩亮白干濕兩用粉餅',img:'http://pics3.paipaiimg.com/update/20130926/pcd_14404060.jpg'},{rl:'http://te.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fauction1.paipai.com%2FE3900A1B000000000401000030EA2930.3000%3FPTAG%3D&pps=etg.0_19821_1_0&outinfo=',txt:'柔膚全效BB霜50g',img:'http://pics2.paipaiimg.com/update/20130926/pcd_144328965.jpg'},{rl:'http://express.paipai.com/portal/exp_portal_main.shtml?outerchn=103881&pps=etg.12815935_103881_3_12815938-2000976&searchtype=0&keyword=%E5%A5%B3%E9%9E%8B',txt:'秋季新款女鞋',img:'http://pics2.paipaiimg.com/update/20140918/pcd_150113502.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E5%25A5%25B3%25E8%25A3%2585%26ie%3Dutf-8%26navid%3D20501%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815938-2000976',txt:'',img:'http://pics3.paipaiimg.com/update/20140918/pcd_1.jpg'},{rl:'http://re.paipai.com/tws/etgcl/click?fu=http%3A%2F%2Fexpress.paipai.com%2Fportal%2Fexp_portal_main.shtml%3Fkeyword%3D%25E5%25A5%25B3%25E8%25A3%2585%26ie%3Dutf-8%26navid%3D20501%23nofare%3D0%3Bcod%3D0&pps=etg.12815935_103881_3_12815938-2000976',txt:'秋季新款女裝 大氣有范兒',img:'http://pics1.paipaiimg.com/update/20140918/pcd_2.jpg'},null]<!--[if !IE]>|xGv00|ded9a5d5fd5b1becc6d32107c4d28be7<![endif]-->
</script>
<script>window["PP.etg.wingdt.time"]=[new Date()]</script>
<script id="legos:21455" ver="21455:20141114:20141117135839" name="PP.etg.wingdt" src="http://static.paipaiimg.com/js/version/2014/11/pp.etg.wingdt.20141114.js?t=20141117135839" charset="gbk"></script><!--[if !IE]>|xGv00|23b2bb10d4255d7b88b53a7890463e07<![endif]-->
<script type="text/javascript">PP.etg.wingdt.init();
</script>
</body>
</html><!--[if !IE]>|xGv00|77b8e06d4c7d1c74ef77b82bafbf0c90<![endif]-->總結(jié)
- 上一篇： 京东广告典型源码示例二
- 下一篇： linux下远程传输文件命令scp使用注