老师，为什么会显示错误？
老师，我在js的第158-164行编写了实现鼠标移动到轮播图上的时候图片停止轮播效果的函数，然后在js的第70行调用该函数，为什么显示错误啊？以下是我的代码：
HTML：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>幕淘网</title> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <!--顶部--> <div class="top"> <!--顶部的左边--> <div class="topLeft"> <p class="login">亲，请登录</p> <p class="register">免费注册</p> <p class="phone">手机逛幕淘</p> </div> <!--弹出层遮罩--> <div id="layer-mask" class="layer-mask"></div> <!--弹出层窗体--> <div id="layer-top" class="layer-top"> <!--弹出层窗体的关闭按钮--> <div class="layer-close">×</div> <!--弹出层窗体的内容--> <div ld="layer-content" class="layer-content"> <div class="layer-title"> <div class="login-btn">登录</div> <div class="register-btn">注册</div> <div class="clear"></div> </div> <!-- 登录界面内容 --> <div class="layer-main"> <div class="login-main"> <div class="item"> <input id="username" class="input" type="text" name="username" placeholder=" 请输入登录邮箱或手机号"> <p class="error-msg"></p> </div> <div class="item"> <input id="password" class="input" type="password" name="password" placeholder=" 6-16位密码，区分大小写，不能使用空格"> <p class="error-msg2"></p> </div> <div class="item"> <input type="checkbox" name="checkbox" class="checkbox"> <span>下次自动登录</span> <a href="#">忘记密码</a> </div> <div class="item"> <input class="submit" type="submit" name="submit" value="登录"> </div> <div class="item icon"> <img src="images/icon/QQ.png" class="qq"> <img src="images/icon/xinlang.png" class="xinlang"> <img src="images/icon/weixin.png" class="weixin"> </div> </div> <!-- 注册界面内容 --> <div class="register-main"> <div class="item2"> <input id="username2" type="text" name="username2" placeholder=" 请输入注册邮箱或手机号"> <p class="error-msg3"></p> </div> <div class="item2 verifyCode"> <input id="vcode" type="text" name="vcode" placeholder=" 请输入验证码"> <img src="images/verify.png" alt=""> <p class="error-msg4"></p> </div> <div class="item2"> <input class="submit2" type="submit" name="submit" value="注册"> </div> <div class="icon"> <img src="images/icon/QQ.png" class="qq"> <img src="images/icon/xinlang.png" class="xinlang"> <img src="images/icon/weixin.png" class="weixin"> </div> </div> </div> </div> </div> <!--顶部的右边--> <div class="topRight"> <ul> <li class="nav-li"> <div class="tit"> 我的慕淘 <img src="images/icon/21.png"> </div> <ul> <li>已购买的宝贝</li> <li>我的足迹</li> </ul> </li> <li class="nav-li"> <div class="tit"> 收藏夹 <img src="images/icon/21.png"> </div> <ul> <li>收藏的宝贝</li> <li>收藏的店铺</li> </ul> <li class="nav-li"> <div class="tit"> 商品分类 <img src="images/icon/21.png"> </div> <ul> <li>好货</li> <li>烂货</li> </ul> </li> <li class="nav-li"> <div class="tit"> 卖家中心 <img src="images/icon/21.png"> </div> <ul> <li>免费开店</li> <li>已卖出的宝贝</li> <li>出售中的宝贝</li> <li>卖家服务市场</li> <li>卖家培训中心</li> <li>体验中心</li> </ul> </li> <li class="nav-li"> <div class="tit"> 联系客服 <img src="images/icon/21.png"> </div> <ul> <li>消费者客服</li> <li>卖家客服</li> </ul> </li> </ul> </div> </div> <!--logo区 --> <div class="logo"> <div class="logoIcon"> <img src="images/logo.png" alt="#"> </div> <div class="searchBar"> <input type="text" class="search1"> <div class="search2">搜索</div> </div> <div class="shopCart"> <div class="shopIcon"> <img src="images/icon/26.png" alt="#" class="shopIcon1"> <span class="shopIcon2">购物车</span> <span class="shopIcon3">|</span> <span class="shopIcon4">0</span> <img src="images/icon/23.png" alt="#" class="shopIcon5"> </div> <div class="shopList"> <div class="listTit"> 最新加入的商品 </div> <div class="listMain"> <div class="listItem"> <img src="images/cart/1.png" class="itemPic"> <div>adidas 阿迪达斯 训练 男子<br>￥335 x 2</div> <img src="images/icon/20.png" alt="#" class="listClose"> </div> <div class="listItem"> <img src="images/cart/2.png" class="itemPic"> <div>玉兰油多效修护三部曲套装<br>￥199 x 2</div> <img src="images/icon/20.png" alt="#" class="listClose"> </div> <div class="listItem"> <img src="images/cart/3.png" class="itemPic"> <div>apple iPhone7<br>￥6188 x 1</div> <img src="images/icon/20.png" alt="#" class="listClose"> </div> <div class="listItem"> <img src="images/cart/4.png" class="itemPic"> <div>飞利浦面条机<br>￥659 x 4</div> <img src="images/icon/20.png" alt="#" class="listClose"> </div> <div class="listItem"> <img src="images/cart/5.png" class="itemPic"> <div>罗技G29力反馈方向<br>￥2999 x 1</div> <img src="images/icon/20.png" alt="#" class="listClose"> </div> <div class="listItem"> <img src="images/cart/1.png" class="itemPic"> <div>adidas 阿迪达斯 训练 男子<br>￥335 x 2</div> <img src="images/icon/20.png" alt="#" class="listClose"> </div> <div class="listItem"> <img src="images/cart/2.png" class="itemPic"> <div>玉兰油多效修护三部曲套装<br>￥199 x 2</div> <img src="images/icon/20.png" alt="#" class="listClose"> </div> <div class="listItem"> <img src="images/cart/3.png" class="itemPic"> <div>apple iPhone7<br>￥6188 x 1</div> <img src="images/icon/20.png" alt="#" class="listClose"> </div> <div class="listItem"> <img src="images/cart/4.png" class="itemPic"> <div>飞利浦面条机<br>￥659 x 4</div> <img src="images/icon/20.png" alt="#" class="listClose"> </div> <div class="listItem"> <img src="images/cart/5.png" class="itemPic"> <div>罗技G29力反馈方向<br>￥2999 x 1</div> <img src="images/icon/20.png" alt="#" class="listClose"> </div> </div> <div class="listFoot"> <p>共27件商品，共计￥0.00</p> <div>去购物车</div> </div> </div> </div> </div> <!-- 导航区 --> <div class="nav"> <ul> <li>数码城</li> <li>天黑黑</li> <li>团购</li> <li>发现</li> <li>二手特价</li> <li>名品会</li> </ul> </div> <!-- banner区 --> <div class="banner"> <!-- banner区左侧导航 --> <div class="bannerLeft"> <!-- banner区左侧导航的头部 --> <div class="bannerLeft-tit"> <img src="images/icon/18.png"> <span>商品分类</span> </div> <!-- banner区左侧导航的主体 一级菜单--> <div class="bannerLeft-li"> 手机、运营商、数码 <p>></p> <!-- banner区二级菜单 --> <div class="list-2"> <div class="list-2Content"> <!-- 二级菜单的每一行 --> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">移动服务</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">充话费/流量</a> <a href="#">170选号</a> <a href="#">合约机</a> <a href="#">办套餐</a> <a href="#">选号码</a> <a href="#">固话宽带</a> <a href="#">京东通信</a> <a href="#">中国移动</a> <a href="#">中国联通</a> <a href="#">中国电信</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">手机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">手机壳</a> <a href="#">贴膜</a> <a href="#">手机存储卡</a> <a href="#">数据线</a> <a href="#">充电器</a> <a href="#">手机耳机</a> <a href="#">锤子科技</a> <a href="#">手机电器</a> <a href="#">手机电磁</a> <a href="#">移动电源</a> <a href="#">蓝牙耳机</a> <a href="#">手机支架</a> <a href="#">车载配件</a> <a href="#">拍照配件</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">数码相机</a> <a href="#">单反/微单相机</a> <a href="#">单反相机</a> <a href="#">拍立得</a> <a href="#">运动相机</a> <a href="#">镜头</a> <a href="#">摄像机</a> <a href="#">户外器材</a> <a href="#">影像器材</a> <a href="#">冲印服务</a> <a href="#">数码相框</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机配件</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">存储卡</a> <a href="#">三脚架</a> <a href="#">相机包</a> <a href="#">滤镜</a> <a href="#">闪光灯/手柄</a> <a href="#">相机清洁/贴膜</a> <a href="#">机身附件</a> <a href="#">镜头附件</a> <a href="#">读卡器</a> <a href="#">支架</a> <a href="#">电池/充电器</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">耳机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">耳机/耳套</a> <a href="#">音箱/音响</a> <a href="#">便携/无线音箱</a> <a href="#">收音机</a> <a href="#">麦克风</a> <a href="#">MP3/MP4</a> <a href="#">专业音响</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">平板电脑</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">学生平板</a> <a href="#">点读机哈卡</a> <a href="#">早教益智</a> <a href="#">录音笔</a> <a href="#">电子书</a> <a href="#">电子词典</a> <a href="#">复读机</a> </div> </div> </div> </div> </div> <div class="bannerLeft-li"> 电脑、办公 <p>></p> <div class="list-2"> <div class="list-2Content"> <!-- 二级菜单的每一行 --> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">小嶋阳菜</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#"></a> <a href="#">170选号</a> <a href="#">合约机</a> <a href="#">办套餐</a> <a href="#">选号码</a> <a href="#">固话宽带</a> <a href="#">京东通信</a> <a href="#">中国移动</a> <a href="#">中国联通</a> <a href="#">中国电信</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">手机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">手机壳</a> <a href="#">贴膜</a> <a href="#">手机存储卡</a> <a href="#">数据线</a> <a href="#">充电器</a> <a href="#">手机耳机</a> <a href="#">锤子科技</a> <a href="#">手机电器</a> <a href="#">手机电磁</a> <a href="#">移动电源</a> <a href="#">蓝牙耳机</a> <a href="#">手机支架</a> <a href="#">车载配件</a> <a href="#">拍照配件</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">数码相机</a> <a href="#">单反/微单相机</a> <a href="#">单反相机</a> <a href="#">拍立得</a> <a href="#">运动相机</a> <a href="#">镜头</a> <a href="#">摄像机</a> <a href="#">户外器材</a> <a href="#">影像器材</a> <a href="#">冲印服务</a> <a href="#">数码相框</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机配件</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">存储卡</a> <a href="#">三脚架</a> <a href="#">相机包</a> <a href="#">滤镜</a> <a href="#">闪光灯/手柄</a> <a href="#">相机清洁/贴膜</a> <a href="#">机身附件</a> <a href="#">镜头附件</a> <a href="#">读卡器</a> <a href="#">支架</a> <a href="#">电池/充电器</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">耳机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">耳机/耳套</a> <a href="#">音箱/音响</a> <a href="#">便携/无线音箱</a> <a href="#">收音机</a> <a href="#">麦克风</a> <a href="#">MP3/MP4</a> <a href="#">专业音响</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">平板电脑</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">学生平板</a> <a href="#">点读机哈卡</a> <a href="#">早教益智</a> <a href="#">录音笔</a> <a href="#">电子书</a> <a href="#">电子词典</a> <a href="#">复读机</a> </div> </div> </div> </div> </div> <div class="bannerLeft-li"> 家居、家具、家装、厨具 <p>></p> <div class="list-2"> <div class="list-2Content"> <!-- 二级菜单的每一行 --> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">新垣结衣</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">充话费/流量</a> <a href="#">170选号</a> <a href="#">合约机</a> <a href="#">办套餐</a> <a href="#">选号码</a> <a href="#">固话宽带</a> <a href="#">京东通信</a> <a href="#">中国移动</a> <a href="#">中国联通</a> <a href="#">中国电信</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">手机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">手机壳</a> <a href="#">贴膜</a> <a href="#">手机存储卡</a> <a href="#">数据线</a> <a href="#">充电器</a> <a href="#">手机耳机</a> <a href="#">锤子科技</a> <a href="#">手机电器</a> <a href="#">手机电磁</a> <a href="#">移动电源</a> <a href="#">蓝牙耳机</a> <a href="#">手机支架</a> <a href="#">车载配件</a> <a href="#">拍照配件</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">数码相机</a> <a href="#">单反/微单相机</a> <a href="#">单反相机</a> <a href="#">拍立得</a> <a href="#">运动相机</a> <a href="#">镜头</a> <a href="#">摄像机</a> <a href="#">户外器材</a> <a href="#">影像器材</a> <a href="#">冲印服务</a> <a href="#">数码相框</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机配件</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">存储卡</a> <a href="#">三脚架</a> <a href="#">相机包</a> <a href="#">滤镜</a> <a href="#">闪光灯/手柄</a> <a href="#">相机清洁/贴膜</a> <a href="#">机身附件</a> <a href="#">镜头附件</a> <a href="#">读卡器</a> <a href="#">支架</a> <a href="#">电池/充电器</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">耳机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">耳机/耳套</a> <a href="#">音箱/音响</a> <a href="#">便携/无线音箱</a> <a href="#">收音机</a> <a href="#">麦克风</a> <a href="#">MP3/MP4</a> <a href="#">专业音响</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">平板电脑</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">学生平板</a> <a href="#">点读机哈卡</a> <a href="#">早教益智</a> <a href="#">录音笔</a> <a href="#">电子书</a> <a href="#">电子词典</a> <a href="#">复读机</a> </div> </div> </div> </div> </div> <div class="bannerLeft-li"> 男装、女装、童装、内衣 <p>></p> <div class="list-2"> <div class="list-2Content"> <!-- 二级菜单的每一行 --> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">移动服务</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">充话费/流量</a> <a href="#">170选号</a> <a href="#">合约机</a> <a href="#">办套餐</a> <a href="#">选号码</a> <a href="#">固话宽带</a> <a href="#">京东通信</a> <a href="#">中国移动</a> <a href="#">中国联通</a> <a href="#">中国电信</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">手机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">手机壳</a> <a href="#">贴膜</a> <a href="#">手机存储卡</a> <a href="#">数据线</a> <a href="#">充电器</a> <a href="#">手机耳机</a> <a href="#">锤子科技</a> <a href="#">手机电器</a> <a href="#">手机电磁</a> <a href="#">移动电源</a> <a href="#">蓝牙耳机</a> <a href="#">手机支架</a> <a href="#">车载配件</a> <a href="#">拍照配件</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">数码相机</a> <a href="#">单反/微单相机</a> <a href="#">单反相机</a> <a href="#">拍立得</a> <a href="#">运动相机</a> <a href="#">镜头</a> <a href="#">摄像机</a> <a href="#">户外器材</a> <a href="#">影像器材</a> <a href="#">冲印服务</a> <a href="#">数码相框</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机配件</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">存储卡</a> <a href="#">三脚架</a> <a href="#">相机包</a> <a href="#">滤镜</a> <a href="#">闪光灯/手柄</a> <a href="#">相机清洁/贴膜</a> <a href="#">机身附件</a> <a href="#">镜头附件</a> <a href="#">读卡器</a> <a href="#">支架</a> <a href="#">电池/充电器</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">耳机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">耳机/耳套</a> <a href="#">音箱/音响</a> <a href="#">便携/无线音箱</a> <a href="#">收音机</a> <a href="#">麦克风</a> <a href="#">MP3/MP4</a> <a href="#">专业音响</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">平板电脑</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">学生平板</a> <a href="#">点读机哈卡</a> <a href="#">早教益智</a> <a href="#">录音笔</a> <a href="#">电子书</a> <a href="#">电子词典</a> <a href="#">复读机</a> </div> </div> </div> </div> </div> <div class="bannerLeft-li"> 化妆、清洁、宠物 <p>></p> <div class="list-2"> <div class="list-2Content"> <!-- 二级菜单的每一行 --> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">移动服务</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">充话费/流量</a> <a href="#">170选号</a> <a href="#">合约机</a> <a href="#">办套餐</a> <a href="#">选号码</a> <a href="#">固话宽带</a> <a href="#">京东通信</a> <a href="#">中国移动</a> <a href="#">中国联通</a> <a href="#">中国电信</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">手机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">手机壳</a> <a href="#">贴膜</a> <a href="#">手机存储卡</a> <a href="#">数据线</a> <a href="#">充电器</a> <a href="#">手机耳机</a> <a href="#">锤子科技</a> <a href="#">手机电器</a> <a href="#">手机电磁</a> <a href="#">移动电源</a> <a href="#">蓝牙耳机</a> <a href="#">手机支架</a> <a href="#">车载配件</a> <a href="#">拍照配件</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">数码相机</a> <a href="#">单反/微单相机</a> <a href="#">单反相机</a> <a href="#">拍立得</a> <a href="#">运动相机</a> <a href="#">镜头</a> <a href="#">摄像机</a> <a href="#">户外器材</a> <a href="#">影像器材</a> <a href="#">冲印服务</a> <a href="#">数码相框</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机配件</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">存储卡</a> <a href="#">三脚架</a> <a href="#">相机包</a> <a href="#">滤镜</a> <a href="#">闪光灯/手柄</a> <a href="#">相机清洁/贴膜</a> <a href="#">机身附件</a> <a href="#">镜头附件</a> <a href="#">读卡器</a> <a href="#">支架</a> <a href="#">电池/充电器</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">耳机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">耳机/耳套</a> <a href="#">音箱/音响</a> <a href="#">便携/无线音箱</a> <a href="#">收音机</a> <a href="#">麦克风</a> <a href="#">MP3/MP4</a> <a href="#">专业音响</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">平板电脑</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">学生平板</a> <a href="#">点读机哈卡</a> <a href="#">早教益智</a> <a href="#">录音笔</a> <a href="#">电子书</a> <a href="#">电子词典</a> <a href="#">复读机</a> </div> </div> </div> </div> </div> <div class="bannerLeft-li"> 运动户外、钟表 <p>></p> <div class="list-2"> <div class="list-2Content"> <!-- 二级菜单的每一行 --> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">移动服务</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">充话费/流量</a> <a href="#">170选号</a> <a href="#">合约机</a> <a href="#">办套餐</a> <a href="#">选号码</a> <a href="#">固话宽带</a> <a href="#">京东通信</a> <a href="#">中国移动</a> <a href="#">中国联通</a> <a href="#">中国电信</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">手机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">手机壳</a> <a href="#">贴膜</a> <a href="#">手机存储卡</a> <a href="#">数据线</a> <a href="#">充电器</a> <a href="#">手机耳机</a> <a href="#">锤子科技</a> <a href="#">手机电器</a> <a href="#">手机电磁</a> <a href="#">移动电源</a> <a href="#">蓝牙耳机</a> <a href="#">手机支架</a> <a href="#">车载配件</a> <a href="#">拍照配件</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">数码相机</a> <a href="#">单反/微单相机</a> <a href="#">单反相机</a> <a href="#">拍立得</a> <a href="#">运动相机</a> <a href="#">镜头</a> <a href="#">摄像机</a> <a href="#">户外器材</a> <a href="#">影像器材</a> <a href="#">冲印服务</a> <a href="#">数码相框</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机配件</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">存储卡</a> <a href="#">三脚架</a> <a href="#">相机包</a> <a href="#">滤镜</a> <a href="#">闪光灯/手柄</a> <a href="#">相机清洁/贴膜</a> <a href="#">机身附件</a> <a href="#">镜头附件</a> <a href="#">读卡器</a> <a href="#">支架</a> <a href="#">电池/充电器</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">耳机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">耳机/耳套</a> <a href="#">音箱/音响</a> <a href="#">便携/无线音箱</a> <a href="#">收音机</a> <a href="#">麦克风</a> <a href="#">MP3/MP4</a> <a href="#">专业音响</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">平板电脑</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">学生平板</a> <a href="#">点读机哈卡</a> <a href="#">早教益智</a> <a href="#">录音笔</a> <a href="#">电子书</a> <a href="#">电子词典</a> <a href="#">复读机</a> </div> </div> </div> </div> </div> <div class="bannerLeft-li"> 汽车、汽车用品 <p>></p> <div class="list-2"> <div class="list-2Content"> <!-- 二级菜单的每一行 --> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">移动服务</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">充话费/流量</a> <a href="#">170选号</a> <a href="#">合约机</a> <a href="#">办套餐</a> <a href="#">选号码</a> <a href="#">固话宽带</a> <a href="#">京东通信</a> <a href="#">中国移动</a> <a href="#">中国联通</a> <a href="#">中国电信</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">手机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">手机壳</a> <a href="#">贴膜</a> <a href="#">手机存储卡</a> <a href="#">数据线</a> <a href="#">充电器</a> <a href="#">手机耳机</a> <a href="#">锤子科技</a> <a href="#">手机电器</a> <a href="#">手机电磁</a> <a href="#">移动电源</a> <a href="#">蓝牙耳机</a> <a href="#">手机支架</a> <a href="#">车载配件</a> <a href="#">拍照配件</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">数码相机</a> <a href="#">单反/微单相机</a> <a href="#">单反相机</a> <a href="#">拍立得</a> <a href="#">运动相机</a> <a href="#">镜头</a> <a href="#">摄像机</a> <a href="#">户外器材</a> <a href="#">影像器材</a> <a href="#">冲印服务</a> <a href="#">数码相框</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机配件</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">存储卡</a> <a href="#">三脚架</a> <a href="#">相机包</a> <a href="#">滤镜</a> <a href="#">闪光灯/手柄</a> <a href="#">相机清洁/贴膜</a> <a href="#">机身附件</a> <a href="#">镜头附件</a> <a href="#">读卡器</a> <a href="#">支架</a> <a href="#">电池/充电器</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">耳机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">耳机/耳套</a> <a href="#">音箱/音响</a> <a href="#">便携/无线音箱</a> <a href="#">收音机</a> <a href="#">麦克风</a> <a href="#">MP3/MP4</a> <a href="#">专业音响</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">平板电脑</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">学生平板</a> <a href="#">点读机哈卡</a> <a href="#">早教益智</a> <a href="#">录音笔</a> <a href="#">电子书</a> <a href="#">电子词典</a> <a href="#">复读机</a> </div> </div> </div> </div> </div> <div class="bannerLeft-li"> 母婴、玩具乐器 <p>></p> <div class="list-2"> <div class="list-2Content"> <!-- 二级菜单的每一行 --> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">移动服务</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">充话费/流量</a> <a href="#">170选号</a> <a href="#">合约机</a> <a href="#">办套餐</a> <a href="#">选号码</a> <a href="#">固话宽带</a> <a href="#">京东通信</a> <a href="#">中国移动</a> <a href="#">中国联通</a> <a href="#">中国电信</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">手机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">手机壳</a> <a href="#">贴膜</a> <a href="#">手机存储卡</a> <a href="#">数据线</a> <a href="#">充电器</a> <a href="#">手机耳机</a> <a href="#">锤子科技</a> <a href="#">手机电器</a> <a href="#">手机电磁</a> <a href="#">移动电源</a> <a href="#">蓝牙耳机</a> <a href="#">手机支架</a> <a href="#">车载配件</a> <a href="#">拍照配件</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">数码相机</a> <a href="#">单反/微单相机</a> <a href="#">单反相机</a> <a href="#">拍立得</a> <a href="#">运动相机</a> <a href="#">镜头</a> <a href="#">摄像机</a> <a href="#">户外器材</a> <a href="#">影像器材</a> <a href="#">冲印服务</a> <a href="#">数码相框</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机配件</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">存储卡</a> <a href="#">三脚架</a> <a href="#">相机包</a> <a href="#">滤镜</a> <a href="#">闪光灯/手柄</a> <a href="#">相机清洁/贴膜</a> <a href="#">机身附件</a> <a href="#">镜头附件</a> <a href="#">读卡器</a> <a href="#">支架</a> <a href="#">电池/充电器</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">耳机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">耳机/耳套</a> <a href="#">音箱/音响</a> <a href="#">便携/无线音箱</a> <a href="#">收音机</a> <a href="#">麦克风</a> <a href="#">MP3/MP4</a> <a href="#">专业音响</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">平板电脑</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">学生平板</a> <a href="#">点读机哈卡</a> <a href="#">早教益智</a> <a href="#">录音笔</a> <a href="#">电子书</a> <a href="#">电子词典</a> <a href="#">复读机</a> </div> </div> </div> </div> </div> <div class="bannerLeft-li"> 食品、酒类、生鲜、特产 <p>></p> <div class="list-2"> <div class="list-2Content"> <!-- 二级菜单的每一行 --> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">移动服务</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">充话费/流量</a> <a href="#">170选号</a> <a href="#">合约机</a> <a href="#">办套餐</a> <a href="#">选号码</a> <a href="#">固话宽带</a> <a href="#">京东通信</a> <a href="#">中国移动</a> <a href="#">中国联通</a> <a href="#">中国电信</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">手机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">手机壳</a> <a href="#">贴膜</a> <a href="#">手机存储卡</a> <a href="#">数据线</a> <a href="#">充电器</a> <a href="#">手机耳机</a> <a href="#">锤子科技</a> <a href="#">手机电器</a> <a href="#">手机电磁</a> <a href="#">移动电源</a> <a href="#">蓝牙耳机</a> <a href="#">手机支架</a> <a href="#">车载配件</a> <a href="#">拍照配件</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">数码相机</a> <a href="#">单反/微单相机</a> <a href="#">单反相机</a> <a href="#">拍立得</a> <a href="#">运动相机</a> <a href="#">镜头</a> <a href="#">摄像机</a> <a href="#">户外器材</a> <a href="#">影像器材</a> <a href="#">冲印服务</a> <a href="#">数码相框</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机配件</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">存储卡</a> <a href="#">三脚架</a> <a href="#">相机包</a> <a href="#">滤镜</a> <a href="#">闪光灯/手柄</a> <a href="#">相机清洁/贴膜</a> <a href="#">机身附件</a> <a href="#">镜头附件</a> <a href="#">读卡器</a> <a href="#">支架</a> <a href="#">电池/充电器</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">耳机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">耳机/耳套</a> <a href="#">音箱/音响</a> <a href="#">便携/无线音箱</a> <a href="#">收音机</a> <a href="#">麦克风</a> <a href="#">MP3/MP4</a> <a href="#">专业音响</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">平板电脑</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">学生平板</a> <a href="#">点读机哈卡</a> <a href="#">早教益智</a> <a href="#">录音笔</a> <a href="#">电子书</a> <a href="#">电子词典</a> <a href="#">复读机</a> </div> </div> </div> </div> </div> <div class="bannerLeft-li"> 医药保健 <p>></p> <div class="list-2"> <div class="list-2Content"> <!-- 二级菜单的每一行 --> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">移动服务</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">充话费/流量</a> <a href="#">170选号</a> <a href="#">合约机</a> <a href="#">办套餐</a> <a href="#">选号码</a> <a href="#">固话宽带</a> <a href="#">京东通信</a> <a href="#">中国移动</a> <a href="#">中国联通</a> <a href="#">中国电信</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">手机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">手机壳</a> <a href="#">贴膜</a> <a href="#">手机存储卡</a> <a href="#">数据线</a> <a href="#">充电器</a> <a href="#">手机耳机</a> <a href="#">锤子科技</a> <a href="#">手机电器</a> <a href="#">手机电磁</a> <a href="#">移动电源</a> <a href="#">蓝牙耳机</a> <a href="#">手机支架</a> <a href="#">车载配件</a> <a href="#">拍照配件</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">数码相机</a> <a href="#">单反/微单相机</a> <a href="#">单反相机</a> <a href="#">拍立得</a> <a href="#">运动相机</a> <a href="#">镜头</a> <a href="#">摄像机</a> <a href="#">户外器材</a> <a href="#">影像器材</a> <a href="#">冲印服务</a> <a href="#">数码相框</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机配件</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">存储卡</a> <a href="#">三脚架</a> <a href="#">相机包</a> <a href="#">滤镜</a> <a href="#">闪光灯/手柄</a> <a href="#">相机清洁/贴膜</a> <a href="#">机身附件</a> <a href="#">镜头附件</a> <a href="#">读卡器</a> <a href="#">支架</a> <a href="#">电池/充电器</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">耳机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">耳机/耳套</a> <a href="#">音箱/音响</a> <a href="#">便携/无线音箱</a> <a href="#">收音机</a> <a href="#">麦克风</a> <a href="#">MP3/MP4</a> <a href="#">专业音响</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">平板电脑</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">学生平板</a> <a href="#">点读机哈卡</a> <a href="#">早教益智</a> <a href="#">录音笔</a> <a href="#">电子书</a> <a href="#">电子词典</a> <a href="#">复读机</a> </div> </div> </div> </div> </div> <div class="bannerLeft-li"> 图书、音像、电子书 <p>></p> <div class="list-2"> <div class="list-2Content"> <!-- 二级菜单的每一行 --> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">移动服务</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">充话费/流量</a> <a href="#">170选号</a> <a href="#">合约机</a> <a href="#">办套餐</a> <a href="#">选号码</a> <a href="#">固话宽带</a> <a href="#">京东通信</a> <a href="#">中国移动</a> <a href="#">中国联通</a> <a href="#">中国电信</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">手机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">手机壳</a> <a href="#">贴膜</a> <a href="#">手机存储卡</a> <a href="#">数据线</a> <a href="#">充电器</a> <a href="#">手机耳机</a> <a href="#">锤子科技</a> <a href="#">手机电器</a> <a href="#">手机电磁</a> <a href="#">移动电源</a> <a href="#">蓝牙耳机</a> <a href="#">手机支架</a> <a href="#">车载配件</a> <a href="#">拍照配件</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">数码相机</a> <a href="#">单反/微单相机</a> <a href="#">单反相机</a> <a href="#">拍立得</a> <a href="#">运动相机</a> <a href="#">镜头</a> <a href="#">摄像机</a> <a href="#">户外器材</a> <a href="#">影像器材</a> <a href="#">冲印服务</a> <a href="#">数码相框</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机配件</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">存储卡</a> <a href="#">三脚架</a> <a href="#">相机包</a> <a href="#">滤镜</a> <a href="#">闪光灯/手柄</a> <a href="#">相机清洁/贴膜</a> <a href="#">机身附件</a> <a href="#">镜头附件</a> <a href="#">读卡器</a> <a href="#">支架</a> <a href="#">电池/充电器</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">耳机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">耳机/耳套</a> <a href="#">音箱/音响</a> <a href="#">便携/无线音箱</a> <a href="#">收音机</a> <a href="#">麦克风</a> <a href="#">MP3/MP4</a> <a href="#">专业音响</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">平板电脑</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">学生平板</a> <a href="#">点读机哈卡</a> <a href="#">早教益智</a> <a href="#">录音笔</a> <a href="#">电子书</a> <a href="#">电子词典</a> <a href="#">复读机</a> </div> </div> </div> </div> </div> <div class="bannerLeft-li"> 彩票、旅行、充值、票务 <p>></p> <div class="list-2"> <div class="list-2Content"> <!-- 二级菜单的每一行 --> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">移动服务</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">充话费/流量</a> <a href="#">170选号</a> <a href="#">合约机</a> <a href="#">办套餐</a> <a href="#">选号码</a> <a href="#">固话宽带</a> <a href="#">京东通信</a> <a href="#">中国移动</a> <a href="#">中国联通</a> <a href="#">中国电信</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">手机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">手机壳</a> <a href="#">贴膜</a> <a href="#">手机存储卡</a> <a href="#">数据线</a> <a href="#">充电器</a> <a href="#">手机耳机</a> <a href="#">锤子科技</a> <a href="#">手机电器</a> <a href="#">手机电磁</a> <a href="#">移动电源</a> <a href="#">蓝牙耳机</a> <a href="#">手机支架</a> <a href="#">车载配件</a> <a href="#">拍照配件</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">数码相机</a> <a href="#">单反/微单相机</a> <a href="#">单反相机</a> <a href="#">拍立得</a> <a href="#">运动相机</a> <a href="#">镜头</a> <a href="#">摄像机</a> <a href="#">户外器材</a> <a href="#">影像器材</a> <a href="#">冲印服务</a> <a href="#">数码相框</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机配件</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">存储卡</a> <a href="#">三脚架</a> <a href="#">相机包</a> <a href="#">滤镜</a> <a href="#">闪光灯/手柄</a> <a href="#">相机清洁/贴膜</a> <a href="#">机身附件</a> <a href="#">镜头附件</a> <a href="#">读卡器</a> <a href="#">支架</a> <a href="#">电池/充电器</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">耳机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">耳机/耳套</a> <a href="#">音箱/音响</a> <a href="#">便携/无线音箱</a> <a href="#">收音机</a> <a href="#">麦克风</a> <a href="#">MP3/MP4</a> <a href="#">专业音响</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">平板电脑</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">学生平板</a> <a href="#">点读机哈卡</a> <a href="#">早教益智</a> <a href="#">录音笔</a> <a href="#">电子书</a> <a href="#">电子词典</a> <a href="#">复读机</a> </div> </div> </div> </div> </div> <div class="bannerLeft-li"> 理财、众筹、白条、保险 <p>></p> <div class="list-2"> <div class="list-2Content"> <!-- 二级菜单的每一行 --> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">移动服务</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">充话费/流量</a> <a href="#">170选号</a> <a href="#">合约机</a> <a href="#">办套餐</a> <a href="#">选号码</a> <a href="#">固话宽带</a> <a href="#">京东通信</a> <a href="#">中国移动</a> <a href="#">中国联通</a> <a href="#">中国电信</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">手机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">手机壳</a> <a href="#">贴膜</a> <a href="#">手机存储卡</a> <a href="#">数据线</a> <a href="#">充电器</a> <a href="#">手机耳机</a> <a href="#">锤子科技</a> <a href="#">手机电器</a> <a href="#">手机电磁</a> <a href="#">移动电源</a> <a href="#">蓝牙耳机</a> <a href="#">手机支架</a> <a href="#">车载配件</a> <a href="#">拍照配件</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">数码相机</a> <a href="#">单反/微单相机</a> <a href="#">单反相机</a> <a href="#">拍立得</a> <a href="#">运动相机</a> <a href="#">镜头</a> <a href="#">摄像机</a> <a href="#">户外器材</a> <a href="#">影像器材</a> <a href="#">冲印服务</a> <a href="#">数码相框</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">相机配件</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">存储卡</a> <a href="#">三脚架</a> <a href="#">相机包</a> <a href="#">滤镜</a> <a href="#">闪光灯/手柄</a> <a href="#">相机清洁/贴膜</a> <a href="#">机身附件</a> <a href="#">镜头附件</a> <a href="#">读卡器</a> <a href="#">支架</a> <a href="#">电池/充电器</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">耳机</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">耳机/耳套</a> <a href="#">音箱/音响</a> <a href="#">便携/无线音箱</a> <a href="#">收音机</a> <a href="#">麦克风</a> <a href="#">MP3/MP4</a> <a href="#">专业音响</a> </div> </div> <div class="list-2Dom"> <div class="list-2DomTit"> <a href="#">平板电脑</a> </div> <div class="list-2DomMiddle">|</div> <div class="list-2DomMain"> <a href="#">学生平板</a> <a href="#">点读机哈卡</a> <a href="#">早教益智</a> <a href="#">录音笔</a> <a href="#">电子书</a> <a href="#">电子词典</a> <a href="#">复读机</a> </div> </div> </div> </div> </div> </div> <!-- banner区轮播图 --> <div class="bannerMiddle"> <!-- 轮播图 --> <div class="bannerPic activePic"> <img src="images/focus-carousel/1.jpg"> </div> <div class="bannerPic"> <img src="images/focus-carousel/2.jpg"> </div> <div class="bannerPic"> <img src="images/focus-carousel/3.jpg"> </div> <div class="bannerPic"> <img src="images/focus-carousel/4.jpg"> </div> <div class="bannerPic"> <img src="images/focus-carousel/5.jpg"> </div> <!-- 轮播图上箭头 --> <div class="pre"> <img src="images/focus-carousel/pre.png"> </div> <div class="pre2"> <img src="images/focus-carousel/pre2.png"> </div> <!-- 轮播图上切换的原点 --> <ul class="dots"> <li class="dot activeDot"></li> <li class="dot"></li> <li class="dot"></li> <li class="dot"></li> <li class="dot"></li> </ul> </div> <div class="bannerRight"></div> </div> <div></div> <div></div> <div></div> <div></div> <!--插入js文件--> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script> <script src="js.js"></script> </body> </html>
CSS：
*{
padding: 0;
margin:0;
}
li{
text-decoration: none;
list-style: none;
}
a{
text-decoration: none;
color:grey;
}
.top{
width: 1000px;
border-bottom: 1px solid grey;
font-size: 12px;
color:grey;
height: 40px;
box-sizing: border-box;
margin: 0 auto;
}
/*定义top左边样式*/
.topLeft{
float: left;
}
.login,.register,.phone{
float: left;
margin-left: 20px;
line-height: 40px;
cursor: pointer;
}
.login{
color:red;
}
/*定义右边导航的样式*/
.topRight{
float:right;
}
.nav-li{
width:90px;
float: left;
margin-right: 10px;
line-height: 40px;
cursor: pointer;
box-sizing: border-box;
position: relative;
text-align: center;
}
.nav-li img{
width: 10px;
height:10px;
margin-left: 5px;
}
.nav-li:hover .tit,.nav-li:hover ul{
background: #fff;
display: block;
}
.nav-li ul{
display: none;
position: absolute;
top:40px;
width: 90px;
}
.nav-li:hover .tit{
color: red;
}
/*弹出层遮罩*/
.layer-mask{
z-index: 99999;
position: fixed;
top: 0;
left: 0;
width:100%;
height: 100%;
background-color: #000;
opacity: 0.5;
display: none;
}
/*弹出层窗体*/
.layer-top{
z-index: 100000;
position:fixed;
left: 0;
right:0;
top:0;
bottom: 0;
margin:auto;
width: 400px;
height: 350px;
background-color: #fff;
display: none;
}
.layer-close{
float: right;
width:20px;
height: 20px;
border: 2px solid #fff;
background: #eee;
line-height: 20px;
text-align: center;
position: absolute;
border-radius: 50%;
top:-10px;
right: -10px;
}
.layer-close:hover{
cursor: pointer;
color:#fff;
background: #ccc;
}
/*编写弹出层的登录和注册的css样式*/
.login-btn,.register-btn{
width:40px;
height:40px;
float: left;
text-align: center;
line-height: 40px;;
cursor:pointer;
font-size: 16px;
padding-top:20px;
padding-left: 30px;
}
.clear{
clear: both;
}
.login-btn:hover{
color:red;
}
.register-btn:hover{
color:red;
}
/*编写弹出层的登录内容样式*/
.login-main{
/*display: none;*/
}
.item{
margin:20px auto;
width:350px;
}
#username,#password{
width: 350px;
height: 30px;
border: 1px solid #ccc;
border-radius: 2px;
}
.item a{
margin-left: 208px;
}
.submit{
background: #e40;
width:250px;
height:30px;
border-radius: 5px;
color:#fff;
margin-left:43px;
cursor: pointer;
}
.icon{
text-align: center;
}
.icon img{
cursor: pointer;
background:grey;
margin: 10px;
border-radius: 50%;
}
.qq:hover{
background: green;
}
.weixin:hover{
background: green;
}.xinlang:hover{
background: green;
}
/*编写弹出层注册内容样式*/
.register-main{
display: none;
}
.item2{
margin: 20px auto;
width: 350px;
}
#username2{
width: 350px;
height: 30px;
border: 1px solid #ccc;
border-radius: 2px;
}
#vcode{
width:200px;
height: 30px;
border:1px solid #ccc;
border-radius:2px;
}
.verifyCode img{
width: 100px;
height: 30px;
margin-left: 44px;
vertical-align: middle;
}
.verifyCode{
}
.submit2{
background: #e40;
width:250px;
height:30px;
border-radius: 5px;
color:#fff;
margin-left:43px;
cursor: pointer;
}
/*设置logo区的样式*/
.logo{
width: 1000px;
height: 60px;
margin: 0 auto;
padding: 40px 20px;
}
.logoIcon,.searchBar{
float: left;
}
/*设置logo区购物车样式*/
.shopCart{
float: right;
background: red;
color:#fff;
height: 40px;
width: 145px;
margin: 4px 20px 4px 0px;
line-height: 40px;
text-align:center;
position: relative;
cursor: pointer;
box-sizing: border-box;
z-index: -1;
}
.shopIcon1,.shopIcon2,.shopIcon3,.shopIcon4,.shopIcon5{
margin:0 2px;
}
.shopIcon1{
vertical-align: middle;
}
/*设置购物车区的下拉菜单的样式*/
.shopList{
display: none;
position: absolute;
top:40px;
color: #000;
width:270px;
height: 480px;
border: 1px solid gray;
text-align: left;
}
.listTit{
width: 270px;
height: 40px;
padding-left: 10px;
box-sizing: border-box;
}
.listFoot{
width: 270px;
height: 40px;
padding-left: 10px;
box-sizing: border-box;
font-size: 14px;
margin-top: 30px;
}
.listMain{
width: 270px;
height: 350px;
overflow: auto;
padding-left: 10px;
box-sizing: border-box;
font-size: 12px;
}
.listItem{
width: 270px;
height: 40px;
}
.itemPic {
width: 40px;
height: 40px;
float: left;
}
.listItem div{
width: 180px;
height: 40px;
float: left;
line-height: 20px;
margin-left: 10px;
}
.listClose{
width: 25px;
height: 25px;
float: left;
}
.listFoot div{
float: right;
width: 60px;
height: 30px;
line-height: 30px;
background: red;
color: #fff;
text-align: center;
margin-right: 10px;
}
.listFoot p{
float: left;
height: 30px;
line-height: 30px;
}
/*设置logo区logo样式*/
.logoIcon{
vertical-align:middle;
}
/*设置logo区搜索框的样式*/
.searchBar{
margin-left: 100px;
height: 48px;
}
.search1,.search2{
float: left;
}
.search1{
width: 480px;
height: 30px;
margin:7px 0;
}
.search2{
height: 40px;
width: 80px;
margin: 4px 0px;
line-height: 40px;
text-align: center;
background: #000;
color: #fff;
}
/*设置导航区的样式*/
.nav{
width:100%;
height: 40px;
background: #000;
color: #fff;
}
.nav ul{
float: left;
margin-left: 350px;
}
.nav ul li{
float: left;
margin-right: 40px;
line-height: 40px;
cursor: pointer;
}
.nav ul li:hover{
color: red;
}
/*banner区的样式*/
.banner{
width: 1000px;
height: 700px;
margin: 0 auto;
font-size: 14px;
}
/*banner区左侧的样式*/
.bannerLeft{
width:200px;
height: 400px;
float: left;
background: red;
color: #fff;
position: relative;
}
/*banner区左侧一级菜单头部*/
.bannerLeft-tit{
width: 190px;
height: 45px;
position: absolute;
top: -45px;
background: rgba(255,0,0,0.8);
color: #fff;
line-height: 50px;
padding-left: 10px;
font-size: 14px;
}
/*banner区左侧一级菜单主体*/
.bannerLeft-li{
width: 200px;
height: 30px;
line-height: 30px;
padding-left: 10px;
box-sizing: border-box;
cursor:pointer;
}
.bannerLeft-li:hover .list-2{
display: block;
}
.bannerLeft-li:hover{
background: #fff;
color: red;
}
.bannerLeft-li p{
float: right;
margin-right: 10px;
}
/*banner区二级菜单*/
.list-2{
width: 600px;
height: auto;
position: absolute;
top:0;
left: 200px;
background: #fff;
box-sizing: border-box;
border: 1px solid gray;
border-top: none;
font-size: 13px;
display: none;
z-index: 2;
}
.list-2Content{
width: 579px;
height: auto;
margin:20px;
}
.list-2Dom{
height: 30px;
width: 579px;
margin-bottom: 60px;
}
.list-2DomTit{
float: left;
color: #000;
font-weight: bold;
width: 60px;
height: 30px;
line-height: 30px;
text-align: right;
}
.list-2DomMiddle{
width:20px;
height: 30px;
line-height: 30px;
float: left;
color:gray;
text-align: center;
margin: 0 10px;
}
.list-2DomMain{
float: left;
width: 469px;
height: 30px;
line-height: 30px;
margin-left: 10px;
}
.list-2DomMain a{
margin-right:5px;
}
.list-2DomMain a:hover{
color:red;
}
/*banner区中间图片轮播区*/
.bannerMiddle{
float: left;
width: 579px;
height: 400px;
position: relative;
}
/*轮播图*/
.bannerPic{
width: 559px;
height: 390px;
position: absolute;
top: 10px;
left: 10px;
display: none;
}
.bannerPic img{
width:100%;
height: 100%;
}
.activePic{
display: block;
}
/*轮播图上的前进后退标识*/
.pre{
width: 30px;
height: 60px;
position: absolute;
top:50%;
right: 10px;
margin-top:-30px;
text-align: center;
line-height: 60px;
}
.pre2{
width: 30px;
height: 60px;
position: absolute;
top:50%;
left: 10px;
margin-top:-30px;
text-align: center;
line-height: 60px;
}
.pre img{
margin-top:15px;
}
.pre2 img{
margin-top:15px;
}
.pre2:hover,.pre:hover{
background: rgba(0,0,0,0.5);
cursor:pointer;
}
/*轮播图上的切换原点*/
.dots{
width: 120px;
height: 30px;
line-height: 30px;
position: absolute;
bottom: 10px;
left: 50%;
margin-left: -60px;
}
.dots li{
width:8px;
height: 8px;
float: left;
border-radius: 50%;
background:rgba(7,17,27,0.4);
border: 2px solid #fff;
margin:5px;
cursor: pointer;
}
.dots .activeDot{
background: #fff;
border-color: rgba(7,17,27,0.4);
}js:
$(function(){
//点击亲，请登录链接事件
$('.login').click(function(){
//点击登录把遮罩层以及登录窗体通过.show方法显示
$('#layer-mask').show();
$('#layer-top').show();
//调用登录界面显示函数
loginShow();
//点击弹出层上登录字样调用登录界面显示函数
$('.login-btn').click(function(){
loginShow();
});
//点击弹出层上注册字样调用注册界面显示函数
$('.register-btn').click(function(){
registerShow();
});
//点击关闭按钮，把遮罩层以及登录窗体隐藏
$('.layer-close').click(function(){
$('#layer-mask').hide();
$('#layer-top').hide();
$('.error-msg2').html(' ');
$('.error-msg').html(' ');
$('#username').val('');
$('#password').val('');
$('.error-msg3').html(' ');
$('.error-msg4').html(' ');
$('#username2').val('');
$('#vcode').val('');
});
});
//点击免费注册链接事件
$('.register').click(function(){
//点击登录把遮罩层以及登录窗体显示
$('#layer-mask').show();
$('#layer-top').show();
//调用注册界面显示函数
registerShow();
//点击弹出层上登录字样调用登录界面显示函数
$('.login-btn').click(function(){
loginShow();
});
//点击弹出层上注册字样调用注册界面显示函数
$('.register-btn').click(function(){
registerShow();
});
//点击关闭按钮，把遮罩层以及登录窗体隐藏
$('.layer-close').click(function(){
$('#layer-mask').hide();
$('#layer-top').hide();
});
})
//把鼠标移动到logo区的购物车按钮上，背景颜色及字体改变
var shopCart=$('.shopCart')
shopCart.mouseover(function(){
shopCart.css({
'color':'red'
})
})
//为logo区的点击购物车按钮出现下拉菜单设置效果
//实现图片轮播效果
imgAuto();
stopPlay();
//以下皆为函数定义区
//定义弹出登录界面的函数
function loginShow(){
//然后把登录界面内容显示，把注册界面隐藏
$('.login-main').show();
$('.register-main').hide();
$('.login-btn').css({'color':'red'});
$('.register-btn').css({'color':'grey'})
//调用检查登录输入的函数
checklogin();
}
//定义将弹出注册界面的函数
function registerShow(){
//把注册界面内容显示，把登录界面隐藏
$('.login-main').hide();
$('.register-main').show();
$('.login-btn').css({'color':'grey'});
$('.register-btn').css({'color':'red'});
//调用检查注册输入的函数
checkregister();
}
//定义检查用户注册输入是否正确的函数
function checkregister(){
$('.submit2').click(function(){
var username2=$('#username2').val();
var vcode=$('#vcode').val();
if (username2.length===11) {
return ture;
}
else{
$('.error-msg3').html('请输入正确的手机号或邮箱账号');
$('.error-msg3').css({color:"red"});
}
if (vcode==='GYyd') {
return ture;
}
else{
$('.error-msg4').html('请输入正确的验证码');
$('.error-msg4').css({color:'red'});
}
});
}
//定义检查用户登录输入是否正确的函数
function checklogin(){
$('.submit').click(function(){
var username=$('#username').val();
var password=$('#password').val();
if (username.length===11) {
return ture;
}
else{
$('.error-msg').html('请输入正确的手机号或邮箱账号');
$('.error-msg').css({color:"red"});
}
if(password.length==6){
return ture;
}
else{
$('.error-msg2').html('请输入正确的密码');
$('.error-msg2').css({color:"red"});
}
});
}
//定义banner区图片轮播的相关函数
var pics=$('.bannerPic'),
dots=$('.dot'),
timer=null,
bannerMiddle=$('.bannerMiddle'),
index=0;
// 定义图片显示的函数，把当前索引的图片显示
function changeImg(){
pics.eq(index).addClass('activePic').siblings().removeClass('activePic');
dots.eq(index).addClass('activeDot').siblings().removeClass('activeDot');
}
// 定义图片自动轮播的函数
function imgAuto(){
timer=setInterval(function(){
index++
if(index>=pics.length)index=0;
changeImg();
// body...
},1000)
}
// 定义停止播放轮播图的函数
function stopPlay(){
bannerMiddle.mouseover(function(){
clearInterval(timer);
}).mouseout(function(){
imgAuto()
})
}
});0
收起
正在回答
2回答
你好同学 ,因为函数imgAuto中的变量index是在定时器中进行使用的 . 由于定时器是异步执行 , 当定时器中的代码执行时 , index已经完成赋值了 . 所以不会报错 . 至于timer ,它本身就是在函数imgAuto进行赋值的 , 所以也不会报错 .
因为每个函数不同 ,所以有的可能会不报错 .但是建议同学把全局变量写在代码最前面 , 以避免出错 .
祝学习愉快 ,望采纳
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星