友情链接:
成果展示:女同 调教
图片
图片
图片
图片
好意思满代码:
HTML部分:
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <title>淘宝网</title> <link rel='stylesheet' href='./taobao.css'> <link rel='shortcut icon' type='image/x-icon' href='./img/taobaoicon.png' /> <script src='./taobao.js'></script> <script src='./iconfont.js'></script> <style> .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; color:#9c9c9c; } .gouwuche,.gengduo{ color: #ff6a05; } </style></head><body> <div class='all'> <div class='site-nav'> <div class='site-nav-center'> <ul class='site-nav-center-l'> <li> <a href=''> 中国大陆</a> <svg class='icon' aria-hidden='true'> <use xlink:href='#icon-xiangxia'></use> </svg> <div class='site-nav-menu'> <ul> <li>中国大陆</li> <li>中国大陆</li> <li>中国大陆</li> <li>中国大陆</li> <li>中国大陆</li> <li>中国大陆</li> <li>中国大陆</li> <li>中国大陆</li> <li>中国大陆</li> <li>中国大陆</li> <li>中国大陆</li> </ul> </div> </li> <li><a href='' style='color: #f22e00;'>亲,请登录</a></li> <li><a href=''>免费注册</a></li> <li><a href=''>手机逛淘宝</a></li> </ul> <ul class='site-nav-center-r'> <li> <a href=''>我的淘宝</a> <svg class='icon' aria-hidden='true'> <use xlink:href='#icon-xiangxia'></use> </svg> <div class='site-nav-menu'> <ul> <li>已买到的宝贝</li> <li>我的足迹</li> </ul> </div> </li> <li> <svg class='icon' aria-hidden='true'> <use xlink:href='#icon-gouwuchekong' class=' gouwuche'></use> </svg> <a href=''>购物车</a> <svg class='icon' aria-hidden='true'> <use xlink:href='#icon-xiangxia'></use> </svg> </li> <li> <a href=''>保藏夹</a> <svg class='icon' aria-hidden='true'> <use xlink:href='#icon-xiangxia'></use> </svg> <div class='site-nav-menu'> <ul> <li>保藏的宝贝</li> <li>保藏的店铺</li> </ul> </div> </li> <li><a href=''>商品分类</a></li> <li><a href=''>免费开店</a></li> <li> <a href=''>千牛卖家中心</a> <svg class='icon' aria-hidden='true'> <use xlink:href='#icon-xiangxia'></use> </svg> <div class='site-nav-menu'> <ul> <li>免费开店</li> <li>已卖出的宝贝</li> <li>出售中的宝贝</li> <li>卖家业绩阛阓</li> <li>卖家培训中心</li> <li>体验中心</li> <li>问商友</li> </ul> </div> </li> <li> <a href=''>接洽客服</a> <svg class='icon' aria-hidden='true'> <use xlink:href='#icon-xiangxia'></use> </svg> </li> <li> <svg class='icon' aria-hidden='true'> <use xlink:href='#icon-gengduo' class='gengduo'></use> </svg> <a href=''>网站导航</a> <svg class='icon' aria-hidden='true'> <use xlink:href='#icon-xiangxia'></use> </svg> <div class='site-nav-menu' id='wangzhan'> <ul> <li style='color: #fc4200;'>主题阛阓 <div class='wangzhi-detail'> <ul> <li> <li>卖家培训中心</li> <li>体验中心</li> <li>问商友</li> <li>卖家业绩阛阓</li> <li>卖家培训中心</li> <li>体验中心</li> <li>问商友</li> </li> </ul> </div> </li> <li style='color:#a6bd46;'>性情阛阓</li> <li style='color: #d75696;'>阿里App</li> <li style='color:#40a7de;'>精彩推选集</li> <li>卖家培训中心</li> <li>体验中心</li> <li>问商友</li> <li>卖家业绩阛阓</li> <li>卖家培训中心</li> <li>体验中心</li> <li>问商友</li> <li>卖家业绩阛阓</li> <li>卖家培训中心</li> <li>体验中心</li> <li>问商友</li> </ul> </div> </li> </ul> </div> </div> <div class='main'> <div class='search'> <img src='./img/logo.png' class='logo' alt=''> <div class='search-btn'> <div class='search-wrap'> <div class='search-bd'> <div class='search-triggers'> <span>宝贝</span> <ul class='search-triggers-list'> <li>天猫</li> <li>店铺</li> </ul> </div> <div class='search-input-box'> <input type='text' class='search-input' placeholder='请输入搜索笔墨' > </div> <div class='search-button'>搜索</div> </div> <div class='search-list'> <ul> <li>新款连衣裙</li> <li>四件套</li> <li style='color: #ff6a05;'>潮水T恤</li> <li>先锋女鞋</li> <li>短裤</li> <li>半身裙</li> <li>男士外衣</li> <li>墙纸</li> <li>行车记载仪</li> <li>新款男鞋</li> <li>耳机</li> </ul> </div> </div> </div> <div class='ewm'> <a href=''>去领红包</a> <img src='./img/erweima.png' alt=''> </div> </div> <div class='main-content'> <div class='main-top'> <ul> <li id='ztsc'><a href=''>主题阛阓</a> </li> <li class='tm'><a href=''>天猫</a> </li> <li class='jhs'><a href=''>聚合算</a></li> <li class='tmcs'><a href=''>天猫超市</a></li> <li>|</li> <li><a href=''>法令拍卖</a></li> <li><a href=''>飞猪旅行</a></li> <li><a href=''>天天特卖</a></li> <li><a href=''>淘小铺</a> </li> <li>|</li> <li><a href=''>造点新货</a></li> <li><a href=''>苏宁易购</a></li> <li><a href=''>淘宝心选</a></li> <li><a href=''>智能生存</a></li> </ul> </div> <!-- 第一部分 --> <div class='main-content1'> <div class='service-list'> <ul> <li> <a href='' class='service-list-t'>女装/内衣/家居</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul style='background-color: rebeccapurple;'> <li>11111111</li> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> </ul> </div> </li> <li> <a href='' class='service-list-t'>女鞋/男鞋/箱包</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul style='background-color: #ff6a05;'> <li>22222222</li> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> </ul> </div> </li> <li> <a href='' class='service-list-t'>母婴/童衣/玩物</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul style='background-color: rosybrown;'> <li>3333333</li> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> </ul> </div> </li> <li> <a href='' class='service-list-t'>男装/户外畅通</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul style='background-color: burlywood;'> <li>444444444444</li> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> </ul> </div> </li> <li> <a href='' class='service-list-t'>好意思妆/彩妆/个护</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul> <li>55555555555</li> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> </ul> </div> </li> <li> <a href='' class='service-list-t'>手机/数码/企业</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul> <li>666666666</li> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> </ul> </div> </li> <li> <a href='' class='service-list-t'>环球电/生存电器</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul> <li>7777777777</li> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> </ul> </div> </li> <li> <a href='' class='service-list-t'>零食/生鲜/茶酒</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul> <li>88888888</li> <li>88888888</li> <li>88888888</li> <li>88888888</li> <li>88888888</li> <li>88888888</li> <li>88888888</li> </ul> </div> </li> <li> <a href='' class='service-list-t'>厨具/收纳/清洁</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul> <li>9999999</li> <li>9999999</li> <li>9999999</li> <li>9999999</li> <li>9999999</li> <li>9999999</li> </ul> </div> </li> <li> <a href='' class='service-list-t'>家纺/家饰/鲜花</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul> <li>10101010110</li> <li>10101010110</li> <li>10101010110</li> <li>10101010110</li> <li>10101010110</li> <li>10101010110</li> </ul> </div> </li> <li> <a href='' class='service-list-t'>典籍音像/文具</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul style='background-color: aquamarine;'> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> </ul> </div> </li> <li> <a href='' class='service-list-t'>医药保健/入口</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul style='background-color: palevioletred;'> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> </ul> </div> </li> <li> <a href='' class='service-list-t'>汽车/二手车/用品</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul style='background-color: papayawhip;'> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> </ul> </div> </li> <li> <a href='' class='service-list-t'>房产/荫庇家居/建材</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul style='background-color: goldenrod;'> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> </ul> </div> </li> <li> <a href='' class='service-list-t'>腕表/眼镜/珠宝</a> <img class='xiangyou' src='./img/xiangyou.png' alt=''> <div class='service-detail'> <ul style='background-color: paleturquoise;'> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> <li>流行趋势</li> </ul> </div> </li> </ul> </div> <div class='core'> <div class='box'> <div class='box-1'> <ul> <li> <img src='./img/lb1.jpg' alt='这里是第一场图片'></img> </li> <li> <img src='./img/lb2.jpg' alt='这里是第二张图片'></img> </li> <li> <img src='./img/lb3.jpg' alt='这里是第三张图片'></img> </li> <li> <img src='./img/lb4.jpg' alt='这里是第一场图片'></img> </li> </ul> </div> <div class='box-2'> <ul> </ul> </div> <div class='box-3'> <span class='prev'> < </span> <span class='next'> > </span> </div> </div> <div class='Tmall'> <div class='Tmall-title'> <img src='./img/tmall.png' alt=''> <span>理思生存上天猫</span> </div> <div class='Tmall-detail'> <img src='./img/tm1.jpg' alt=''> <img src='./img/tm2.jpg' alt=''> </div> </div> </div> <div class='sub-column'> <!-- 上 --> <div class='tbn-focus'> <img class='focus-img' src='./img/tab1.png' alt=''> </div> <!-- 下 --> <div class='hb-tanx-down'> <h5>当天热卖</h5> <div class='tanx'> <img src='./img/tab2.png' alt=''> </div> </div> </div> <div class='col-right'> <div class='member'> <div class='member-bd'> <div class='tx'> <img src='./img/touxiang.jpg' alt=''> </div> <span>hi,你好!</span> <ul class='member-bd-jb'> <li> <div class='jb'></div> <a href='' class='jb-text'>领淘金币抵钱</a> </li> <li> <div class='jb2'></div> <a href='' class='jb-text'>会员俱乐部</a> </li> <!-- <li> <img src='' alt=''> <a href=''>会员俱乐部</a> </li> --> </ul> <div class='member-bd-btnbox'> <a href='' class='member-bd-btn'>登录</a> <a href='' class='member-bd-btn'>注册</a> <a href='' class='member-bd-btn'>开店</a> </div> <div class='tbn-tipoff'> <img src='./img/tab3.jpg' alt=''> </div> <div class='min'> <ul> <li> <a href=''>公告</a> <div class='min-detail'> 严禁借庆祝建党100周年进行交易营销的公告 </div> </li> <li> <a href=''>法例</a> <div class='min-detail'> 新增《淘宝网汽配行业贬责程序》公示奉告《淘宝网区域零卖业绩 </div> </li> <li> <a href=''>安全</a> <div class='min-detail'> 魔豆姆妈公益名堂让母爱永不打烊! </div> </li> <li> <a href=''>公益</a> <div class='min-detail'> 阿里公益“奥斯卡”阿里公益论坛 </div> </li> <li> <a href=''>千牛</a> <div class='min-detail'> 千毒头条生手开店 </div> </li> </ul> <span>严禁借庆祝建党100周年进行交易营销的公告</span> </div> <div class='conve'> <ul> <li> <img src='./img/sj.png' alt=''> <p>充话费</p> <div class='conve-detail'> 充话费充话费充话费充话费充话费充话费充话费充话费 </div> </li> <li> <img src='./img/lx.png' alt=''> <p>旅行</p> <div class='conve-detail'> 旅行旅行旅行旅行旅行旅行 </div> </li> <li> <img src='./img/cx.png' alt=''> <p>车险</p> <div class='conve-detail'> 车险车险车险车险车险车险 </div> </li> <li> <img src='./img/yx.png' alt=''> <p>游戏</p> <div class='conve-detail'> 游戏游戏游戏游戏游戏游戏 </div> </li> </ul> </div> <div class='conve'> <ul> <li> <img src='./img/sj.png' alt=''> <p>充话费</p> <div class='conve-detail'> 充话费充话费充话费充话费充话费充话费充话费充话费 </div> </li> <li> <img src='./img/lx.png' alt=''> <p>旅行</p> <div class='conve-detail'> 旅行旅行旅行旅行旅行旅行 </div> </li> <li> <img src='./img/cx.png' alt=''> <p>车险</p> <div class='conve-detail'> 车险车险车险车险车险车险 </div> </li> <li> <img src='./img/yx.png' alt=''> <p>游戏</p> <div class='conve-detail'> 游戏游戏游戏游戏游戏游戏 </div> </li> </ul> </div> <div class='App'> <div class='A-t'> <span class='A-t1'>阿里App</span> <span class='A-t2'>更多 > </span> </div> <ul> <li> <img src='./img/taobao.png' alt=''> </li> <li> <img src='./img/tianmao.png' alt=''> </li> <li> <img src='./img/zfb.png' alt=''> </li> <li> <img src='./img/dd.png' alt=''> </li> <li> <img src='./img/dianying.png' alt=''> </li> </ul> </div> </div> </div> </div> </div> <!-- 第二部分 --> <div class='main-content2'> <h3 class='goods-hd'>有妙品</h3> <span class='goods-hd2'>全名口碑</span> <div class='goods-list'> <ul> <li style='box-shadow: none;'> <a href=''> <div class='goods-img'> <img src='./img/g1.jpg' alt=''> </div> <dix class='goods-info'> <a href='' class='info-text1'> Pure Cashmere御寒诚恳帽</a> <p class='info-text2'>这款诚恳帽立场闲逸可儿,帽口双面荫庇贪图,至极有档次感,带上也会更知足,检朴的外型,柔嫩的纯羊绒面料,既好意思不雅又御寒。</p> </dix> </a> </li> <li style='box-shadow: none;'> <a href=''> <div class='goods-img'> <img src='./img/g2.jpg' alt=''> </div> <dix class='goods-info'> <a href='' class='info-text1'> Pure Cashmere御寒诚恳帽</a> <p class='info-text2'>这款诚恳帽立场闲逸可儿,帽口双面荫庇贪图,至极有档次感,带上也会更知足,检朴的外型,柔嫩的纯羊绒面料,既好意思不雅又御寒。</p> </dix> </a> </li> <li style='box-shadow: none;'> <a href=''> <div class='goods-img'> <img src='./img/g3.jpg' alt=''> </div> <dix class='goods-info'> <a href='' class='info-text1'> Pure Cashmere御寒诚恳帽</a> <p class='info-text2'>这款诚恳帽立场闲逸可儿,帽口双面荫庇贪图,至极有档次感,带上也会更知足,检朴的外型,柔嫩的纯羊绒面料,既好意思不雅又御寒。</p> </dix> </a> </li> <li style='box-shadow: none;'> <a href=''> <div class='goods-img'> <img src='./img/g4.jpg' alt=''> </div> <dix class='goods-info'> <a href='' class='info-text1'> Pure Cashmere御寒诚恳帽</a> <p class='info-text2'>这款诚恳帽立场闲逸可儿,帽口双面荫庇贪图,至极有档次感,带上也会更知足,检朴的外型,柔嫩的纯羊绒面料,既好意思不雅又御寒。</p> </dix> </a> </li> <li style='box-shadow: none;'> <a href=''> <div class='goods-img'> <img src='./img/g5.jpg' alt=''> </div> <dix class='goods-info'> <a href='' class='info-text1'> Pure Cashmere御寒诚恳帽</a> <p class='info-text2'>这款诚恳帽立场闲逸可儿,帽口双面荫庇贪图,至极有档次感,带上也会更知足,检朴的外型,柔嫩的纯羊绒面料,既好意思不雅又御寒。</p> </dix> </a> </li> </ul> </div> </div> <!-- 第三部分 --> <div class='main-content3'> <ul class='tbn-sale'> <li> <img src='./img/s1.jpg' alt=''> </li> <li> <img src='./img/s2.jpg' alt=''> </li> <li> <img src='./img/s3.jpg' alt=''> </li> </ul> </div> <!-- 第四部分 --> <div class='main-content4'> <h3 class='goods-hd'>猜你心爱</h3> <span class='goods-hd2'>个性推选</span> <div class='goods-list'> <ul> <li> <a href=''> <div class='goods-img'> <img src='./img/g6.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 81</span> <span id='info-text4'>45东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g7.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 44</span> <span id='info-text4'>67东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g8.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 5.9</span> <span id='info-text4'>78东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g9.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 63</span> <span id='info-text4'>99东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g10.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 96</span> <span id='info-text4'>22东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> </ul> </div> <div class='goods-list'> <ul> <li> <a href=''> <div class='goods-img'> <img src='./img/g11.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 55</span> <span id='info-text4'>123东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g12.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 56</span> <span id='info-text4'>224东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g13.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 78</span> <span id='info-text4'>52东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g14.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 45</span> <span id='info-text4'>77东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g15.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 22</span> <span id='info-text4'>553东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> </ul> </div> <div class='goods-list'> <ul> <li> <a href=''> <div class='goods-img'> <img src='./img/g16.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 13</span> <span id='info-text4'>116东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g17.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 34</span> <span id='info-text4'>88东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g18.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 44</span> <span id='info-text4'>98东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g19.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 78</span> <span id='info-text4'>99东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g20.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 82</span> <span id='info-text4'>453东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> </ul> </div> <div class='goods-list'> <ul> <li> <a href=''> <div class='goods-img'> <img src='./img/g21.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 33</span> <span id='info-text4'>744东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g22.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 16</span> <span id='info-text4'>921东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g23.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 56</span> <span id='info-text4'>55东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g24.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 77</span> <span id='info-text4'>478东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g25.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 88</span> <span id='info-text4'>933东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> </ul> </div> <div class='goods-list'> <ul> <li> <a href=''> <div class='goods-img'> <img src='./img/g26.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 99</span> <span id='info-text4'>589东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g27.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 72</span> <span id='info-text4'>589东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g28.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 79</span> <span id='info-text4'>51东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g29.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 65</span> <span id='info-text4'>4东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> <li> <a href=''> <div class='goods-img'> <img src='./img/g30.jpg' alt=''> </div> <dix class='goods-info'> <a href='' id='info-text1'> Pure Cashmere御寒诚恳帽</a> <!-- <span id='info-text2'>¥</span> --> <span id='info-text3'> 73</span> <span id='info-text4'>23东说念主购买</span> </dix> <div class='similar'> <div class='similar-detail'>查找同样</div> </div> </a> </li> </ul> </div> </div> <!-- end部分 --> <div class='main-content5'> <img src='./img/end.png' alt=''> </div> <div class='end'> <ul> <li class='end-box'> <img src='./img/dunpai.png' alt=''> <span>铺张者保险</span> <div class='end-detail'> <ul> <li>保险领域</li> <li>退货退款经由</li> <li>业绩中心</li> <li>更多性情业绩</li> </ul> </div> </li> <li class='end-box'> <img src='./img/wenhao.png' alt=''> <span>生手登程</span> <div class='end-detail'> <ul> <li>生手专区</li> <li>铺张提醒</li> <li>往来安全</li> <li>24小时在线匡助</li> <li>免费开店</li> </ul> </div> </li> <li class='end-box'> <img src='./img/fk.png' alt=''> <span>付款神志</span> <div class='end-detail'> <ul> <li>快捷支付</li> <li>信用卡</li> <li>余额宝</li> <li>蚂蚁花呗</li> <li>货到付款</li> </ul> </div> </li> <li class='end-box'> <img src='./img/tb.png' alt=''> <span>淘宝性情</span> <div class='end-detail'> <ul> <li>手机淘宝</li> <li>旺旺</li> <li>巨匠评审</li> </ul> </div> </li> </ul> </div> </div> </div> </div></body></html>CSS部分:
性高潮*{ margin: 0; padding: 0; font-size: 14px;}li{ list-style: none;}a{ text-decoration: none; color: #222; }body{font-size: 14px; width: 100%; height: 3500px; background: url('./img/body.png')no-repeat; background-size: 100% 100%; background-position: 0 0;}/* 头部启动 */.site-nav{ width: 100%;height: 36px; background-color: #f5f5f5; line-height: 36px;text-align: center;}.site-nav li a{ color: #222;}.site-nav-center>ul>li:hover>a{ color: #ff5a00;}.site-nav-center{ position: relative; width: 1190px;margin-left: auto; margin-right: auto; /* background-color: yellow; */}.site-nav-center-l{ position: absolute; left:0;top:0;}.site-nav-center li{ position: relative;}.site-nav-center li:hover .site-nav-menu{ display: block; z-index:200;}.site-nav-menu{ display: none; position: absolute; top:36px;left:0; height: 100px; background-color: #ffffff; /* overflow: scroll; */}#wangzhan{ display: none; z-index: 300; overflow: hidden; position: absolute; right: 0; left: auto; width: 988px; min-height: 258px; line-height: normal; border: 1px solid #eee; background: #fff;}#wangzhan>li{ float: left; font-size: 14px; font-weight: 700; padding-top: 5px; width: 20%; height: 25px; overflow: hidden;}.site-nav-center li:hover #wangzhan{ display: block;} .site-nav-menu li{ width: 100px; height: 30px; padding-left:20px; line-height: 30px; background-color: #fff; text-align: left;}.site-nav-menu li:hover{ background-color: #f4f4f4;}.site-nav-center-l li{ padding-left: 20px;color: #6c6c6c; float: left;}.site-nav-center-r{ position: absolute; top:0; right: 0; width: 754px; height: 30px; }.site-nav-center-r li{ padding-right: 20px;color: #6c6c6c; float: left;}/* 头部死心 */.main{ width: 1190px; margin-left: auto; margin-right: auto;}.search{ position: relative; width: 100%;height: 120px;}.logo{ position: absolute; left:0px;top:px; width: 190px;height: auto;}.ewm{ position: absolute; right:96px; top:20px; width: 76px; height: 90px; text-align: center; background-color: #fff;}.ewm>a{ color:#f05633;}.ewm>img{ width: 62px; height: 62px;}.search-wrap{ position: relative; left: 22%; top:20px;}.search-bd{ position: relative; width: 630px;height: 42px; background: #fff; border-radius: 20px; margin-top: 12px; border: 1px solid #ff5000; }.search-triggers{ position: absolute; left: 0; top: 0; z-index: 200; border-top-left-radius: 20px; border-bottom-left-radius: 20px; margin-left: 0; height: 40px; background: #fff; width: 74px; }.search-triggers span{ padding:20px; line-height: 40px; text-align: center;}.search-triggers-list{ display: none; position: absolute; top:32px; background-color: #fff;}.search-triggers-list li{ height: 38px;line-height: 38px; background-color: #fff; padding:0 20px;}.search-triggers:hover .search-triggers-list{ display: block;}.search-input-box{ position: absolute; left:75px;top:0px;}.search-input-box input{ width: 200px;height: 40px; background: url('./img/sousuo.png')no-repeat; background-position: 10px 10px; background-size: 20px 20px; padding-left:34px; border:none; outline: none; color:#9c9c9c;}.search-button{ position: absolute; margin-top: 3px; width: 73px; height: 34px; border-radius: 20px; right: 3px; /* 渐变布景 */ background-image: linear-gradient(to right,#ff9000 0,#ff5000 100%); background-repeat: repeat-x; font-size: 18px; font-weight: 700; color: #FFF; line-height: 34px; text-align: center; cursor: pointer; border: none;}.search-list{ position: absolute; top:45px;}.search-wrap li{ float: left; padding-left: 10px;}/* 搜索部分死心 */.main-top{ width: 1190px;height: 40px;line-height: 40px; text-align: center;}.main-top>ul>li:hover>a{ color: #ff5a00;}.main-top ul li{ float: left;padding-left:20px;}#ztsc{ width: 190px; overflow: hidden; text-align: left;}#ztsc a{ color: #ff741e; font-weight: 700; font-size: 16px; padding-left:30px;}.tm a{ color: #ff3761; font-weight: 700; font-size: 16px;}.main-content{ width: 1190px; height: 3000px; position: relative; margin-left: auto; margin-right: auto; overflow: hidden; background-color: #fff; border-radius:15px 15px 15px 15px;}.main-content .main-top .jhs a{ color: #ff0036; font-weight: 700; font-size: 16px;}.main-content .main-top .tmcs a{ color: #33c900;font-size: 16px; font-weight: 700;}.main-content .main-top .main-content{ width: 100%;}/* 左侧边栏 *//* main的第一部分 */.main-content1{ width: 1190px; height: 528px; /* background-color: rgb(46, 85, 46); */}.service-list{ position: relative; clear: both; width: 190px;height: 525px; float: left; background-color: #ffffff;}.service-list li{ line-height: 32px; height: 32px; padding-left: 25px; padding-right: 19px; padding-top: 1px; padding-bottom: 1px; font-size: 14px; font-weight: 400; width: 145px; color: #666; overflow: hidden;}.service-list li a{ float: left;}.service-list li:hover{ background-color: #ffe4dc; color: #ff5000;}.service-list>ul>li:hover .service-list-t{ color: #ff5000;} .xiangyou{ float: right; margin-top:8px; width: 18px;height: 18px; margin-right: 2px;}.service-detail{ display: none; position: absolute; background-color: #fff; left:190px; top:0; width: 700px; height: 518px; border-radius: 10px; z-index: 100; border: 1px solid #ff5a00;}.service-list li:hover .service-detail{ display: block;}.core{ width: 520px; height: 512px; float: left; /* background-color: purple; */ overflow: hidden; margin-left:10px; margin-top:10px;}/* 轮播图启动 */.box a {text-decoration: none;color: rgb(200, 200, 200);}.box{width: 520px;height: 280px;margin: 0px auto;overflow: hidden;position: relative;}/* .box-1 ul{} */.box-1 ul li{width:520px;height: 280px;position: relative;overflow: hidden;}.box-1 ul li img{display:block;width:520px; height: 280px;border-radius: 12px;}.box-2{position: absolute;right: 10px;bottom: 14px;}.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%; background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}.box-2 ul .on{background: rgba(255, 80, 0);}.box-3 span{ display: none; position: absolute; color: white; background: rgba(0,0,0,.5); width: 40px;height: 40px; top:50%; font-family: '宋体'; line-height: 40px; font-size:18px; margin-top: -40px; text-align: center; cursor: pointer;}.box-3 .prev{left: 0px;}.box-3 .next{right: 0px;}.box-3 span::selection{ background: transparent;}.box-3 span:hover{background: rgba(125,125,125,.8);}.box:hover .box-3 span{ display: block;}/* 轮播图死心 */.Tmall{width: 100%;height: 230px;/* background-color: green; */}.Tmall-title{ width: 100%; height: 40px; text-align: center;}.Tmall-title>img{ float: left; width: 82px;height: auto; margin-top: 10px;}.Tmall-title>span{ float: left; font-size: 12px; color: #999; padding-top:12px; padding-left:6px;}.Tmall-detail{ width: 100%; height: 190px; /* background-color: pink; */ overflow: hidden;}.Tmall-detail img{ float: left; width: 240px;height: auto; margin-left:15px; border-radius: 10px;}.sub-column{ width: 160px;height: 512px; /* background-color: yellow; */ float: left; margin-left: 10px; margin-top: 10px;}.tbh-focus { overflow: hidden; height: 280px; width: 100%; background-color: #fff; border-radius: 12px;}.focus-img{ border-radius: 12px; width: 100%; height: auto;}.hb-tanx-down { margin-top: 1px; width: 100%;}.hb-tanx-down h5{ font-size: 12px; font-weight: 400; color: #a1a1a1; line-height: 24px; }.hb-tanx-down img{ width: 100%; height: auto; border-radius: 12px;}.col-right { float: right; width: 290px; height: 512px; margin-top: 10px; /* background-color: red; */}.member { width: 100%; height: 200px; /* padding-right: inherit; */ text-align: center; background-repeat: no-repeat;}.tx>img{ border-radius: 50%;}.member-bd-jb{ width: 226px; height: 26px; margin:0 auto;}.member-bd>ul>li{ float: left; background-color: #ffe4db; margin-left: 5px; border-radius: 9px;}.member-bd-jb .jb{ float: left; width: 16px;height: 16px; margin-top: 2px; background: url('./img/mb.png')no-repeat; background-position: 0px -573px;}.member-bd-jb .jb2{ float: left; width: 16px;height: 16px; margin-top: 2px; background: url('./img/mb.png')no-repeat; background-position: 0px -529px;}.member-bd>ul>li a{ float: left; padding-left:3px; padding-right:5px;color: #ff6904;}.member-bd-btnbox{ width: 256px;margin-left: auto;margin-right: auto;}.member-bd-btn{ float: left; width: 79px;height: 26px; color: #fff; background-color: #ff6b05; line-height: 26px; margin-left:6px; border-radius: 4px; text-align: center;}.tbn-tipoff>img{ margin-top: 15px; height: 65px; width: 290px; }.min{ width: 290px; height: 70px; /* background-color: yellow; */}.min>span{ color: #ff6b05;}.min>ul{ position: relative;}.min>ul>li{ float: left; width: 58px; height: 25px; line-height: 25px; text-align: center; /* margin-left:10px; */}.min>ul>li:hover{ border-bottom: 2px solid #ff6b05; }.min>ul>li a{ font-weight: 700;}.min>ul>li a:hover{ color:#ff6b05;}.min-detail{ display: none; position: absolute; top: 28px; left:0; background-color:#fff; width: 290px; height: 40px; color: #ff6b05;}.min>ul>li:hover .min-detail{ display: block;}.conve{ width: 290px; height: 72px; /* overflow: hidden; */ z-index: -2; /* background-color: pink; */}.conve ul{ position: relative;}.conve li{ float: left; width: 70px; height: 70px; border:1px solid #f4f4f4; background-color: #fff;}.conve img{ margin:10px auto 0 0;}.conve p{ position: relative; line-height: 20px; padding-left: 12px;; text-align: center;}.conve-detail{ z-index:500; display: none; position: absolute; top:68px; left: 0px;; background-color: #fff; border:1px solid #ff4400; width: 286px; height: 160px;}.conve>ul>li:hover{ border:1px solid #ff4400;}.conve>ul>li:hover .conve-detail{ display: block;}.App{ margin-top: 10px; width: 290px; height: 77px; /* background-color: green; */ overflow: hidden;}.A-t{ color: #3C3C3C; width: 100%; height: 27px; /* background-color: pink; */ line-height: 27px; text-align: center;}.A-t1{ float: left; font-weight: 700; /* font-size: 16px; */ padding-left: 10px;}.A-t2{ float: right; font-size: 12px; padding-right: 10px;}.App>ul>li{ float: left; width: 58px; height: 50px; text-align: center;}.App>ul>li>img{ width: 40px;height: 40px; border-radius: 12px;}/* 第一部分死心 *//* 第二部分启动 */.main-content2{ width: 1190px; height: 330px; overflow: hidden; margin:10px auto; /* background-color: pink; */}.goods-hd{ float: left; padding-left: 20px; margin-top: 20px; margin-bottom: 20px; font-size: 24px; color: #111; font-weight: bold; line-height: 24px;}.goods-hd2{ /* float: left; */ margin-top: 20px; margin-left: 5px; display: inline-block; width: 72px;height: 26px; /* background-color: #0795ed; */ background:#49b6fa; background-image: linear-gradient(145deg, #49b6fa 0%, #0795ed 77%); color: #fff; line-height: 26px; border-radius: 5px ; text-align: center;}.goods-list { width: 100%; height: 310px; background-color: #fff; overflow: hidden;}.goods-list>ul li{ position: relative; float: left; border-radius: 12px 12px 0 0; overflow: hidden; width: 215px;height: 264px; /* background-color: pink; */ margin-left: 20px; border-radius: 12px; }.goods-img>img{ border-radius: 12px; width: 215px; height: 215px; }.goods-list>ul li:hover{ /* box-shadow:1px 2px 2px 3px #cccccc; */ box-shadow:0 15px 35px rgba(0,0,0,0.3);}.goods-list>ul li:hover .goods-img>img{ opacity: 0.7;}.goods-info{ overflow: hidden; margin-left:10px; }.info-text1{ font-size: 16px; color: #333333; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}#info-text1{ font-size: 16px; color: #333333; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}.goods-list>ul li:hover .info-text1{ color: #ff641e;}.info-text2{ margin-top: 8px; font-size: 14px; color: #999999; /* letter-spacing: 0; */ line-height: 12px; width: 190px; padding-left:10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}/* #info-text2{ float: left; padding-top:4px; padding-left:5px;font-size: 9px;color: #ff4400;} */#info-text3::before{ content: '¥'; float: left; padding-top:4px; padding-left:5px;font-size: 9px;color: #ff4400;}#info-text3{ float: left;font-size: 16px;color: #ff4400;}#info-text4{ float: left; padding-top:3px; padding-left:5px; color: #999999; font-size: 14px;}.similar{ display: none; position: absolute; width: 100%; height: 70px; background-color: #fff; left:0;bottom: 0; border-radius: 0 0 12px 12px; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.69) 12%, rgba(255, 255, 255, 0.97) 28%, #ffffff 47%);}.similar-detail{ position: absolute; width: 200px; line-height: 32px; text-align: center; height: 32px; color: #fff; margin-top:18px; margin-left: 3.5%; background: #FF5000; background-image: linear-gradient(145deg, #ff9000 0%, #ff5000 77%); border-radius: 16px; font-size: 18px; font-weight: normal;}.goods-list>ul li:hover .similar{ display: block; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.69) 12%, rgba(255, 255, 255, 0.97) 28%, #ffffff 47%);}/* 第二部分死心 *//* 第三部分启动 */.tbn-sale{ clear: both; margin-left: 18px; width: 100%; height: 170px; overflow: hidden;}.tbn-sale li{ float: left; width: 375px; margin:20px 11px 0 2px; height: 130px; overflow: hidden; border: 1px solid #fff; border-radius: 12px;}.tbn-sale li:hover{ border: 1px solid #ff5000;}.tbn-sale li img{ width: 100%; height: auto;}.main-content5{ width: 1190px; height: 60px; text-align: center;}.end{ position: absolute; bottom:0; left:0; width: 100%; height: 250px; /* background-color: pink; */}.end-box{ float: left; overflow: hidden; /* background-color: red; */ width: 220px; height: 200px; margin-right:50px; margin-left:20px;}.end-box>img{ float: left; margin-left:15px;}.end-box>span{ float: left; padding-top:4px; padding-left:10px; font-size: 17px; line-height: 30px; text-align: center;}.end-detail{ clear: both; margin-top:50px; width: 100%; height: 90px; /* background-color: green; */ }.end-detail>ul>li{ float: left;padding-left: 15px; font-size: 14px; color: #999999;}
JS部分:女同 调教
window.onload=function(){function $(param){ if(arguments[1] == true){ return document.querySelectorAll(param); }else{ return document.querySelector(param); }}var $box = $('.box');var $box1 = $('.box-1 ul li',true);var $box2 = $('.box-2 ul');var $box3 = $('.box-3');var $length = $box1.length;var str = '';for(var i =0;i<$length;i++){ if(i==0){ str +='<li class='on'>'+(i+1)+'</li>'; }else{ str += '<li>'+(i+1)+'</li>'; }}$box2.innerHTML = str;var current = 0;var timer;timer = setInterval(go,1000);function go(){ for(var j =0;j<$length;j++){ $box1[j].style.display = 'none'; $box2.children[j].className = ''; } if($length == current){ current = 0; } $box1[current].style.display = 'block'; $box2.children[current].className = 'on'; current++;}for(var k=0;k<$length;k++){ $box1[k].onmouseover = function(){ clearInterval(timer); } $box1[k].onmouseout = function(){ timer = setInterval(go,1000); }}for(var p=0;p<$box3.children.length;p++){ $box3.children[p].onmouseover = function(){ clearInterval(timer); }; $box3.children[p].onmouseout = function(){ timer = setInterval(go,1000); }}for(var u =0;u<$length;u++){ $box2.children[u].index = u; $box2.children[u].onmouseover = function(){ clearInterval(timer); for(var j=0;j<$length;j++){ $box1[j].style.display = 'none'; $box2.children[j].className = ''; } this.className = 'on'; $box1[this.index].style.display = 'block'; current = this.index +1; } $box2.children[u].onmouseout = function(){ timer = setInterval(go,1000); }}$box3.children[0].onclick = function(){ back();}$box3.children[1].onclick = function(){ go();}function back(){ for(var j =0;j<$length;j++){ $box1[j].style.display = 'none'; $box2.children[j].className = ''; } if(current == 0){ current = $length; } $box1[current-1].style.display = 'block'; $box2.children[current-1].className = 'on'; current--;}} 本站仅提供存储业绩,统共本体均由用户发布,如发现存害或侵权本体,请点击举报。