58同城首页“家庭上门服务”特效
本帖最后由 yyn 于 2018-3-30 19:58 编辑今天帮一位朋友扒下来的，HTML代码，喜欢的朋友下吧，
别忘了自己另外下载保存下css文件，以免失效，当然连接58的用也行。。。
样式表文件http://c.58cdn.com.cn/ui6/index/homePage.css
JS文件http://j1.58cdn.com.cn/js/v7/hp/loadA.js
里面的链接也要自己改哦。。。
效果请见58.com的“家庭上门服务”右侧栏目
下面是动态GIF，加载慢些。。。
代码打包
解压zip包中的html文件，用浏览器打开即可看到效果。
<link rel="stylesheet" type="text/css" >
被过滤了？
<!DOCTYPE HTML>
<html>
<head>
<base target="_blank" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>【58同城 58.com】济南分类信息 - 本地 免费 高效</title>
<meta name="Keywords"content="济南分类信息,济南免费发布信息" />
<meta name="Description" content="58同城济南分类信息网，为你提供房产、招聘、黄页、团购、交友、二手、宠物、车辆、周边游等海量分类信息，充分满足您免费查看/发布信息的需求。济南58同城，专业的分类信息网。" />
<link rel="stylesheet" type="text/css" >
<style type="text/css">.cbhg{height: 1494px}</style>
<script type="text/javascript">try { var ____json4fe = { catentry: { dispid: '', name: '', listname: 'city' }, locallist: {dispid: '265', name: '济南', listname: 'jn' }, start:(new Date()).getTime(),version:'A', modules:'homepage'} } catch (e) { };</script>
</head>
<body class="newcrop">
<div class="article">
<div class="rightSide">
<div class="rightSideTop">
<div id="appDown">
<div class="appTil">掌上58</div>
<div class="appIcoWrap">
<ul class="appIco" id="appList">
<li id="appIco58_1"><i></i><span>58同城</span><em></em></li>
<li id="appIco58_6"><i></i><span>驾校一点通</span><em></em></li>
<li id="appIco58_3"><i></i><span>转转</span><em></em></li>
<li id="appIco58_2"><i></i><span>招才猫直聘</span><em></em></li>
<li id="appIco58_5"><i></i><span>违章查询</span><em></em></li>
<li id="appIco58_8"><i></i><span>58车商通</span><em></em></li>
</ul>
</div>
<ul class="appHovers"></ul>
</div>
<!--到家配置部分 -->
<div id="wubaDaojia">
<h2><style>#appDown{display: none}#wubaDaojiaList{display: block;}</style><a href=" https://www.daojia.com?hmsr=58_pc_shouye_home" tongji_tag="pc_home_58daojia_title">家庭上门服务<img src="http://img.58cdn.com.cn/ui6/index/daojia_hot_icon.png"/></a></h2>
<div id="wubaDaojiaList">
<em><atongji_tag="pc_home_58daojia_baojie" class="baojie" > 家庭保洁</a></em>
<em><atongji_tag="pc_home_58daojia_yuesao" class="yuesao" >保姆月嫂</a></em>
<em><atongji_tag="pc_home_58daojia_banjia" class="banjia" >搬家</a></em>
<em><atongji_tag="pc_home_58daojia_shangmenaz" class="shangmenaz" >上门安装</a></em>
<em><atongji_tag="pc_home_58daojia_fangwuweixiu" class="fangwuwx" >房屋维修</a></em>
<em><atongji_tag="pc_home_58daojia_jiajuwx" class="jiajuwx" >家电维修</a></em>
<em><atongji_tag="pc_home_58daojia_shumawx" class="shumawx" >数码维修</a></em>
<em><atongji_tag="pc_home_58daojia_yuersao" class="yuersao" >育儿嫂</a></em>
<em><atongji_tag="pc_home_58daojia_duigong" class="duigong" >企业后勤</a></em>
<em><atongji_tag="pc_home_58daojia_category" class="category" >全部服务</a></em>
</div>
</div>
<div class="swipeBtn">
<div class="swpipeLf" id="swplf"></div>
<div class="swpipeRt" id="swprt"></div>
</div>
<!--end -->
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="http://j1.58cdn.com.cn/js/v7/hp/loadA.js?v=156"></script>
</body>
</html>
happyweeks365 发表于 2018-3-30 18:47
怎么下载保存下css文件和js文件
样式表文件http://c.58cdn.com.cn/ui6/index/homePage.css
JS文件http://j1.58cdn.com.cn/js/v7/hp/loadA.js
希望您对Html代码有些了解。。。 萌神淼菥 发表于 2018-3-30 16:56
这个都能破解，厉害我的楼主。
额，不好意思，我是作网站的，扒个HTML模板，取个JS特效而已。您夸奖了。 支持下新人,加油!吾爱因你更精彩!
支持下新人,加油!吾爱因你更精彩! 谢谢楼主的分享！学习了很多网页上面的知识 怎么下载保存下css文件和js文件 楼主前端很666啊 hycq120 发表于 2018-3-30 19:57
楼主前端很666啊
惭愧惭愧，不是自己原创的，拿来主义而已。
页:
[1]
2