拍拍网广告轮播源码

最新推荐文章于 2021-06-07 12:15:39 发布
雪峰流云
最新推荐文章于 2021-06-07 12:15:39 发布
阅读量2.1k
点赞数
分类专栏： JavaScript&Ajax&jQuery 文章标签：广告 js
本文链接：https://blog.csdn.net/tao_627/article/details/41309185
版权
JavaScript&Ajax&jQuery 专栏收录该内容
22 篇文章 0 订阅
订阅专栏
原始链接
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="拍拍网为你的网购提供男女服装、美容、家居、家电、3C数码、话费充值、游戏点卡充值等优质商品，更提供先收货后付款、先行赔付、假一赔三、七天无理由退换货等安全交易保障服务!" />
	<title>| 拍拍网：拍出惊喜</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:'优雅女鞋',
            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:'预售LUXLEAD洛诗琳 收腰百搭风衣',
            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]-->
效果图