H91_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip资源-CSDN文库

共41个文件

jpg：23个

html：5个

png：4个

网页源码

网站模板

前端页面

html

5 浏览量 2023-08-02 16:25:08 上传评论收藏 304KB ZIP 举报

标题中的“H91_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip”表明这是一个包含HTML源代码的压缩文件，主要用于构建既能适应电脑端又能自适应移动端显示的网站。这里的关键词包括“HTML”，“手机电脑网站”，“网页源码”，“移动端前端”，“H5模板”以及“自适应响应式”。这些关键词揭示了该资源的核心特点和所涉及的技术知识。 HTML（HyperText Markup Language）是网页开发的基础语言，用于定义网页的结构和内容。它通过一系列标签来表示网页的不同元素，如标题、段落、图片等。HTML5（简称H5）是HTML的最新版本，引入了许多新特性，如音频和视频的内建支持、离线存储、图形绘制API（Canvas）以及用于移动设备优化的元素，如`<meta name="viewport">`标签。 “手机电脑网站”和“自适应响应式”是指该源码设计考虑了多设备兼容性，意味着同一个网站在不同尺寸的屏幕（如桌面、平板、手机）上都能正常显示并保持良好的用户体验。这主要通过CSS3（Cascading Style Sheets）的媒体查询（Media Queries）实现，可以根据设备的特性如宽度、高度、分辨率等应用不同的样式规则。 “移动端前端”指的是用于移动设备的用户界面部分，这部分代码通常包括HTML、CSS和JavaScript。JavaScript在现代Web开发中起着关键作用，它负责处理用户的交互、动态内容更新以及与服务器的异步通信（Ajax）。在响应式设计中，JavaScript也可以用来检测视口大小变化，动态调整布局或功能。此外，“H5模板”可能是指一套预设的HTML5布局和样式，帮助开发者快速搭建网页框架。这些模板通常包含了常见的网页元素和组件，如导航栏、轮播图、表单等，并且已经预先优化了响应式布局。这个压缩包提供的资源涵盖了HTML5网页开发的关键技术，包括HTML5语法、响应式设计、移动端优化以及可能的预设模板。对于想要快速创建适应各种设备的网站的开发者来说，这是一个非常有价值的工具。使用这些源码时，开发者可以学习和理解其背后的编码逻辑，以便于进一步定制或扩展。同时，这也为初学者提供了实践和研究现代Web开发技术的实例。

资源推荐

资源详情

资源评论

收起资源包目录

H91_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （41个子文件）

H91

2.js 92KB

1.js 13KB

jq.js 5KB

css

zhengwen.css 2KB

lanmu.css 3KB

index.css 46KB

liebiao.html 6KB

zixunleirong.html 5KB

index.html 2KB

zixun.html 4KB

images

zs.gif 1KB

bg_direction_nav.png 1KB

aHR0cDovL2ltZzIwMTAuZmNjcy5jb20vbmV3cy9Gb2N1c1Bob3RvLzIwMTMtMTAvMTAvMTM4MTM3MTk5MTA1Ni5qcGc=.jpg 10KB

1256268408881.jpg 3KB

rent1.jpg 5KB

aHR0cDovL2ltZzIwMTAuZmNjcy5jb20vbmV3cy9jb250ZW50LzIwMTMtMTAvMTAvMTM4MTM3MzI5OTY2My5qcGc=.jpg 37KB

1256268099775.jpg 7KB

1256788218505.jpg 7KB

bg_y.gif 872B

aHR0cDovL2ltZzIwMTIuZmNjcy5jb20uY24vbmV3aG91c2UvSXNzdWVQaG90by9hcmNoaXZlL2JpZy8yMDEwLTA4LTA1LzEyODA5OTUwOTEzNTkuanBn.jpg 12KB

aHR0cDovL2ltZzIwMTAuZmNjcy5jb20vbmV3cy9Gb2N1c1Bob3RvLzIwMTMtMTAvMTAvMTM4MTM3MTc0MTY3Mi5qcGc=.jpg 14KB

aHR0cDovL2ltZzIwMDkuZmNjcy5jb20uY24vL2NvbnRlbnQvY29udGVudFBob3RvLzIwMDktMTAtMjMvMTI1NjI2Nzg1ODMwMy5qcGc=.jpg 13KB

newhouse1.jpg 6KB

second1.jpg 6KB

search.png 4KB

news1.jpg 5KB

1256268339028.jpg 3KB

shop1.jpg 6KB

logo_t1.jpg 12KB

aHR0cDovL2ltZzIwMTAuZmNjcy5jb20vbmV3cy9Gb2N1c1Bob3RvLzIwMTMtMTAvMTAvMTM4MTM3MzQ4NzExNS5qcGc=.jpg 11KB

aHR0cDovL2ltZzIwMTIuZmNjcy5jb20uY24vbmV3aG91c2UvTGF5b3V0UGljL2FyY2hpdmUvMjAwOS0xMC0yOS8xMjU2Nzg4MTQwMzk0LmpwZw==.jpg 19KB

bg_control_nav.png 4KB

office1.jpg 6KB

footer1_bg.gif 2KB

icon_png.png 8KB

1256268279938.jpg 3KB

1258955703225.jpg 6KB

aHR0cDovL2ltZzIwMTIuZmNjcy5jb20uY24vbmV3aG91c2UvSXNzdWVQaG90by9hcmNoaXZlL2JpZy8yMDEwLTA4LTA1LzEyODA5OTUwOTExMDkuanBn.jpg 12KB

aHR0cDovL2ltZzIwMTAuZmNjcy5jb20vbmV3cy9Gb2N1c1Bob3RvLzIwMTMtMTAvMTAvMTM4MTM3MjgzNzMwOC5qcGc=.jpg 14KB

aHR0cDovL2ltZzIwMTIuZmNjcy5jb20uY24vbmV3aG91c2UvSXNzdWVQaG90by9hcmNoaXZlL2JpZy8yMDA5LTEwLTI5LzEyNTY3ODgxODAwMjEuanBn.jpg 14KB

zhengwen.html 8KB

<html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>微商管家</title> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">  <link rel="stylesheet" href="css/zhengwen.css" type="text/css" media="screen"> <script type="text/javascript" src="js/2.js"></script>  <link rel="stylesheet" href="css/index.css" type="text/css" media="screen"> <script src="js/1.js"></script>  <script type="text/javascript"> $(window).load(function() { $('.flexslider').flexslider( ); }); var x=0; var n=2; function tt(event){ var obj = document.getElementById("big"); var contain = document.getElementById("contain"); var touch = event.touches[0]; //alert(contain.scrollLeft+":"+x); event.preventDefault(); if(x!=0) {if(!(x-touch.pageX>0&&contain.scrollLeft>=n*64+70-contain.offsetWidth)){contain.scrollLeft += (x-touch.pageX);}} $("#tip").html(contain.scrollLeft+":"+(500-contain.offsetWidth)+":"+x); x=touch.pageX; } function dd(event){ x=0; } </script> <script type="text/javascript" src="js/jq.js"></script> <style> #contain{position:relative; overflow:hidden;} #big{width:1800px;position:absolute;} </style> </head> <body>  <script type="text/javascript">  </script> <div class="header "> <div class="houseName">上域(逸庭苑)</div> <div class="logo"><a href="#"></a></div> <div class="btn home"><a href="#"></a></div> <div class="btn back"><a href="javascript:history.back()"></a></div> </div> <ul id="nav" class="nav"> <li class="cur" title="index.html">楼盘详情</li> <li title="photo.html">楼盘图库</li> <li title="model.html">楼盘户型</li> </ul>  <style> .flexslider img{ z-index:1;} </style> <div class="per100" align="center" style="position:relative;z-index:98;"> <div class="flexslider per100"> <ul class="slides"> <li style="display: list-item; "> <img src="images/aHR0cDovL2ltZzIwMTIuZmNjcy5jb20uY24vbmV3aG91c2UvSXNzdWVQaG90by9hcmNoaXZlL2JpZy8yMDEwLTA4LTA1LzEyODA5OTUwOTEzNTkuanBn.jpg"> </li> <li style="display: none; "> <img src="images/aHR0cDovL2ltZzIwMTIuZmNjcy5jb20uY24vbmV3aG91c2UvSXNzdWVQaG90by9hcmNoaXZlL2JpZy8yMDEwLTA4LTA1LzEyODA5OTUwOTExMDkuanBn.jpg"> </li> <li style="display: none; "> <img src="images/aHR0cDovL2ltZzIwMDkuZmNjcy5jb20uY24vL2NvbnRlbnQvY29udGVudFBob3RvLzIwMDktMTAtMjMvMTI1NjI2Nzg1ODMwMy5qcGc=.jpg"> </li>  </ul> </div> <div class="cb0"></div> </div> <div class="houseIntro"> <span class="fb">开盘时间：</span>2013-8-8<br> <span class="fb">参考售价：</span>小高层/普通住宅售价待定<br> <span class="fb">　　　　　</span>独立别墅售价待定<br> <span class="fb">楼盘地址：</span>松江区文涵路737弄<br> <span class="fb">建筑类型：</span>低层小高层 <br> <span class="fb">物业类型：</span>住宅别墅 <br> <span class="fb">开  发  商：</span>上海松投房地产有限公司 </div>  <div class="colTab"> <h3>楼盘参数</h3> <div class="more f14"></div> </div> <div class="houseIntro f14"> <span class="fb">区域所属：</span>松江<br> <span class="fb">售楼地址：</span>文涵路737弄<br> <span class="fb">装　　修：</span>毛坯 <br> <span class="fb">开盘日期：</span>2013-8-8<br> <span class="fb">工程进度：</span>小区配套交付使用 <br> <span class="fb">交房日期：</span>2014-1-31<br> <span class="fb">建筑面积：</span>6万平米<br> <span class="fb">占地面积：</span>暂无资料<br> <span class="fb">绿化率：</span>43.5%<br> <span class="fb">容积率：</span>0.98 <br> <span class="fb">物业公司：</span>园外物业 <br> <span class="fb">交通线路：</span> 松江19路，松江14路、松江15路，轨道交通9号线<br> <span class="fb">物业费：</span>暂无资料<br> <span class="fb">车库车位：</span>上域有停车位305个 </div>  <div class="colTab" id="contain" ontouchmove="tt(event);" ontouchend="dd(event);"> <table width="100%"> <tbody><tr> <td width="85"> <h3>户型图库</h3> </td> <td> <ul class="touch" id="big"> <li class="modelSelectBtn"><a href="/sh/floor/t/2007632/model1.html"><span class="fb">1</span>室</a></li> <li class="modelSelectBtn"><a href="/sh/floor/t/2007632/model2.html"><span class="fb">2</span>室</a></li> </ul> </td> </tr> </tbody></table> </div> <div class="modelList" style="position:relative;z-index:5;background:#F9F9F9"> <ul> <li title="model_2015369.html"> <div class="pic fl"><img src="images/1256268408881.jpg" width="95px" height="100px" alt=""></div> <div class="info fl pl10"> <p class="name"> <label for="">A3</label> <img src="images/zs.gif" alt="" class="vm"> </p> <p class="info1"> 户型：2室1厅1卫<br> 面积：71.61平米<br> 价格： </p> </div> <div class="arrow"></div> <div class="cb0"></div> </li> <li title="model_2015368.html"> <div class="pic fl"><img src="images/1256268339028.jpg" width="95px" height="100px" alt=""></div> <div class="info fl pl10"> <p class="name"> <label for="">E1</label> <img src="images/zs.gif" alt="" class="vm"> </p> <p class="info1"> 户型：2室1厅1卫<br> 面积：87.13平米<br> 价格： </p> </div> <div class="arrow"></div> <div class="cb0"></div> </li> <li title="model_2015367.html"> <div class="pic fl"><img src="images/1256268279938.jpg" width="95px" height="100px" alt=""></div> <div class="info fl pl10"> <p class="name"> <label for="">E2</label> <img src="images/zs.gif" alt="" class="vm"> </p> <p class="info1"> 户型：1室2厅1卫<br> 面积：66.35平米<br> 价格： </p> </div> <div class="arrow"></div> <div class="cb0"></div> </li> </ul> </div>  <div class="colTab" style="position:relative;z-index:5;"><h3>周边配套</h3></div> <div class="tc bmapc" style="height:200px;overflow:hidden;"> <img src="http//api.map.baidu.com/staticimage?center=121.195713000000000,31.034746000000000&height=200&zoom=15&markers=121.195713000000000,31.034746000000000" height="200"> </div> <div class="houseIntro f14" style="position:relative;z-index:5;background:#F9F9F9"> <span class="fb">楼盘地址：</span>松江区文涵路737弄<br> <span class="fb">综合商场：</span><br> <span class="fb">娱乐餐饮：</span><br> <span class="fb">公　　园：</span><br> <span class="fb">学　　校：</span><br> <span class="fb">宾馆酒店：</span><br> <span class="fb">银　　行：</span><br> <span class="fb">医　　院：</span> </div> <div class="footer" id="footer"> <div class="footerTel" id="footerTel"> <div class="txt"> <a href="tel:67658888" class="warnLink1"> 售楼电话:67658888 <span class="warnColor1">[</span>拨打<span class="warnColor1">]</span> </a> </div> <div class="top"><a href="#top"></a></div> </div> <div class="footerNav f14 tc"> <a href="#">首页</a>　 <a href="#">资讯</a>　 <a href="#">新房</a>　 <a href="#">商铺</a>　 <a href="#">写字楼</a>　 <a href="#">二手房</a>　 <a href="#">租房</a> </div> <div class="footerInfo "> <div class="footerLogo logo fl"><a href="#"></a></div> <div class="curCity fl"> [上海] </div> <div class="turn fl"> <a href="#" class="warnLink1">其他城市</

评论收藏

内容反馈