前端学生作业毕设实训素材-仿下沙网触屏版手机wap门户网站模板下载（导航可以滑动）.rar资源-CSDN文库

共31个文件

js@t=1394349531：7个

js：7个

png：6个

版权申诉

前端源码

毕业设计

论文

HTML

116 浏览量 2022-04-08 19:58:05 上传评论收藏 107KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

前端学生作业毕设实训素材-仿下沙网触屏版手机wap门户网站模板下载（导航可以滑动）.rar （31个子文件）

default.htm 19KB

skin

default

css

header.css 11KB

common.css@t=1394349531 7KB

common.css 7KB

header.css@t=1394349531 11KB

images

search_bg.png 3KB

bad.png 1KB

bk1.png 2KB

pl_logo.gif 3KB

btn_bg_01.gif 2KB

waplogo.png 10KB

good.png 1KB

sanjiao.gif 1KB

wait.gif 2KB

more.png 3KB

loading.gif 43B

jquery.js 71KB

touch.js@t=1394349531 3KB

pubu.js 5KB

tabs.js@t=1394349531 1KB

touch.js 3KB

tupian.js@t=1394349531 4KB

pubu.js@t=1394349531 5KB

function.js 1KB

jquery.js@t=1394349531 71KB

jquery.cookie.js@t=1394349531 2KB

function.js@t=1394349531 1KB

tabs.js 1KB

tupian.js 4KB

jquery.cookie.js 2KB

xfqb

xbtd

94028.htm 24KB

<!DOCTYPE html> <html> <head> <title>仿下沙网触屏版手机wap门户网站模板正文页-懒人模板【http://www.lanrenmb.com/shenghuofuwu/menhu/】</title> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <meta content="width=device-width,user-scalable=no" name="viewport"> <meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="black" name="apple-mobile-web-app-status-bar-style" /> <meta content="telephone=no" name="format-detection" /> <script type="text/javascript" src="../../../../skin/default/js/jquery.js"></script> <script type="text/javascript" src="../../../../skin/default/js/jquery.cookie.js"></script> <script type="text/javascript" src="../../../../skin/default/js/function.js"></script> <script type="text/javascript" src="../../../../skin/default/js/tabs.js"></script> <script type="text/javascript" src="../../../../skin/default/js/tupian.js"></script> <script type="text/javascript" src="../../../../skin/default/js/touch.js"></script> <script type="text/javascript" src="../../../../skin/default/js/pubu.js"></script> <link href="../../../../skin/default/css/header.css" rel="stylesheet" type="text/css" /> <link href="../../../../skin/default/css/common.css" rel="stylesheet" type="text/css" /> <script> $(function() { var firsttouch = 0; var navwidth = $("#nav1 .navdata").width(); var winwidth = $(window).width(); var classid = '179'; if(classid!=''){ if ($("#nav_"+classid).length > 0) { var thisleft = $("#nav_"+classid).offset().left; var thiswidth = $("#nav_"+classid).width(); if(winwidth < navwidth && thisleft + thiswidth > winwidth){ if(navwidth - thisleft < winwidth){ thisleft = thisleft - winwidth + thiswidth; } $("#nav1 .navcon").animate({"left": -1*thisleft}); } } } $("#nav1").bind('touchstart',function(ev){ //ev.preventDefault(); var e = ev.originalEvent; var touches = e.targetTouches; firsttouch = touches[0].pageX; }, false); $("#nav1").bind('touchend',function(ev){ ev.preventDefault(); var e = ev.originalEvent; var touches = e.changedTouches[0]; var endtouch = touches.pageX; var left = $("#nav1 .navcon").offset().left; var _left = Math.abs(left); var lengthX = Math.abs(firsttouch - endtouch); if(firsttouch > endtouch){ if(navwidth - _left - lengthX - winwidth>= 0){ lengthX = -1*lengthX - _left; $("#nav1 .navcon").animate({"left": lengthX}, 200); }else{ lengthX = -1 *(navwidth - winwidth); $("#nav1 .navcon").animate({"left": lengthX-10}, 200, function(){ $("#nav1 .navcon").animate({"left": lengthX}, 200); }); } }else if(firsttouch < endtouch){ if(lengthX > _left){ lengthX = 0; $("#nav1 .navcon").animate({"left": lengthX + 10}, 200,function(){ $("#nav1 .navcon").animate({"left": lengthX}); }); }else{ lengthX = lengthX - _left; $("#nav1 .navcon").animate({"left": lengthX}, 200); } } }, false); $("#showMenuRight").click(function(e){ e.stopPropagation(); var menu = $("#menu-right .menu-right-box"); $("body").css("overflow","hidden"); $(".menu-right-bg").show(); menu.animate({width:$(".search-right").width()},200); }); $("#menu-right .menu-right-box").click(function (e) { e.stopPropagation();//阻止事件向上冒泡 }); $(document).click(function() { $("#menu-right .menu-right-box").animate({width:0},200,function(){$("body").css("overflow","auto");$(".menu-right-bg").hide();}); }); var navtipcookie = $.cookie("navtipcookie"); if(navtipcookie != '1'){ $(".navtip").show(); setTimeout(function(){$(".navtip").hide();},10000); $.cookie('navtipcookie', "1", { expires: 7 }); } }); </script> </head> <body> <header class="active"> <div id="top" class="logoBar"> <a id="logo" class="logoimg" href="../../../../default.htm"><img src="../../../../skin/default/images/waplogo.png"/></a><a id="showMenuRight"><img src="../../../../skin/default/images/more.png" /></a> </div> <nav class="menu-right" id="menu-right"> <div class="menu-right-box"> <div class="menu-right-body"> <div class="search-right"> <form name="searchrightform" action="/e/search/index.php" method="post"> <input type="hidden" value="title" name="show"> <input type="hidden" value="0" name="classid"> <input type="text" name="keyboard" class="search-right-input" ><input type="submit" name="search-right-button" class="search-right-button" value="搜索" /> </form> </div> <div class="morenav"> <div class="hd">更多导航</div> <ul class="list"> <li><a href="../../../../../fang.xiashanet.com/rents/default.htm">找租房</a></li> <li><a href="../../../../../fang.xiashanet.com/sales/default.htm">找买房</a></li> <li><a href="../../../../../fang.xiashanet.com/sales/default.htm">找商铺</a></li> <li><a href="../../../../../job.xiashanet.com/resume/resume-list-------------1.htm">找简历</a></li> <li><a href="../../../../../job.xiashanet.com/jobs/jobs-list-------------1.htm">找岗位</a></li> <li><a href="../../../../../job.xiashanet.com/jobs/jobs-list--------63-----1.htm">找兼职</a></li> <li><a href="../../../../../kb.xiashanet.com/item/list-1">找美食</a></li> <li><a href="../../../../../kb.xiashanet.com/coupon">优惠券</a></li> <li><a href="../../../../../bbs.xiashanet.com/thread-htm-fid-426.html">情感交友</a></li> <li><a href="../../../../../c2c.xiashanet.com/default.htm">找二手</a></li> <li><a href="../../../../../info.xiashanet.com/default.htm">找家政</a></li> <li><a href="../../../../../hotel.xiashanet.com/default.htm">找酒店</a></li> <li><a href="../../../../../bbs.xiashanet.com/default.htm">论坛</a></li> <li><a href="../../../../../auto.xiashanet.com/default.htm">汽车频道</a></li> <li><a href="../../../../../zx.xiashanet.com/default.htm">家装建材</a></li> </ul> <div class="pc"><a href="../../../../../www.xiashanet.com/@terminal=pc">下沙网电脑版</a></div> </div> </div> </div> <div class="menu-right-bg"></div> </nav> </header> <div class="nav1" id="nav1"> <div class="navcon"> <div class="navdata" style="display:inline-block"> <a href="../../../../default.htm" >首页</a> <a id="nav_129" href="../../../n/wy/default.htm">网友播报</a> <a id="nav_41" href="../../../n/xs/default.htm">下沙资讯</a> <a id="nav_202" href="../wzxs/default.htm">口碑情报</a> <a id="nav_200" href="../../../n/qgjy/default.htm">情感交友</a> <a id="nav_197" href="../cjft/default.htm">超级访谈</a> <a id="nav_191" href="../../../fc/hot/default.htm">户型鉴赏</a> <a id="nav_189" href="../../../fc/kl/default.htm">大家侃楼</a> <a id="nav_175" href="../../../bd/jc/default.htm">建材动态</a> <a id="nav_91" href="../../../fc/xs/default.htm">下沙楼市</a> <a id="nav_176" href="../../../bd/zs/default.htm">装饰动态</a> <a id="nav_196" href="../../../fc/cjft/default.htm">超级访谈</a> <a id="nav_187" href="../../../fc/jf/default.htm">小编荐房</a> <a id="nav_190" href="../../../bd/td/default.htm">小编探店</a> </div> </div> </div> <div class="navtip"> <div class="box"> <div class="sanjiao"></div> <div class="tipbg"></div> <div class="txt">左右滑动，查看更多菜单</div> </div> </div> <div id="wrap"> <div class="detail_tab"> <div class="left"><a href="javascript:history.back(-1);"><img src="../../../../skin/default/images/bk1.png"></a></div> <div class="right"><div class="tie"><span class="tie_num"><a href="../../../../e/pl/@classid=179&id=94028"><script type="text/javascript" src="../../../../e/public/ViewClick/@classid=179&id=94028&down=2"></script>个跟帖</a></span><span class="showpage">1/1页</spa

评论收藏

内容反馈

版权申诉