房地产行业手机网站模板免费下载

代码部署教程

1. 引入CSS

<link href=”css/style.css” rel=”stylesheet” type=”text/css” />
<link href=”css/font-awesome.css” rel=”stylesheet” type=”text/css”/>

<link href=”css/snower.css” rel=”stylesheet” type=”text/css” />

2. 引入JS

<script type=”text/javascript” src=”js/jquery-1.7.2.min.js”>
</script>

<script src=”js/common.js” type=”text/javascript”>

</script>

<script src=”js/swipe.js” type=”text/javascript”>

</script>

<script type=”text/javascript” src=”js/jquery.flexslider-min.js”>

</script>

<script src=”js/snower.js” type=”text/javascript”>

</script>

3. HTML代码

<!–页眉开始–>
<div id=”header”>

<!–幻灯片 开始–>

<script type=”text/javascript”>

$(document).ready(function () {
$(‘.flexslider’).flexslider({
controlNav: false,
directionNav: false,
animation: “slide”,
//manualControls: “.myflexslider .slidenav”
});
});
</script>

<div id=”banner” class=”flexslider”>

<ul class=”slides”>

<li>

<img src=”images/1.jpg” />

</li>

<li>

<img src=”images/3.jpg” />

</li>

<li>

<img src=”images/2.jpg” />

</li>

</ul>

</div>

<!–幻灯片 结束–>

</div>

<div id=”content”>

<div class=”clear”>

</div>

</div>

<!–页脚开始–>

<div id=”footer”>

<!– 微信分享导引 开始–>

<script>

function openGuide() {
document.getElementById(‘guide’).style.display = ‘block’;
}
function closeGuide() {
document.getElementById(‘guide’).style.display = ”;
}
</script>

<div id=”guide” onClick=”closeGuide()”>

<img src=”images/guide.png”>

</div>

<!– 微信分享导引 结束–>

</div>

<!–页脚结束–>

<!–底部滑动条–>

<div id=”navigation_swipe” class=”navigation_swipe_wrap”>

<ul>

<li>

<a href=”xmjs.html”>

<div class=”ChannelIcon”>

<img src=”images/15.png” alt=”项目介绍” />

</div>

<div class=”ChannelName”>

项目介绍</div>

</a>

<a
href=”ljly.html”>

<div class=”ChannelIcon”>

<img src=”images/32.png” alt=”丽景掠影” />

</div>

<div class=”ChannelName”>

丽景掠影</div>

</a>

<a href=”hxqj.html”>

<div class=”ChannelIcon”>

<img src=”images/23.png” alt=”户型全景” />

</div>

<div class=”ChannelName”>

户型全景</div>

</a>

<a
href=”zxhd.html”>

<div class=”ChannelIcon”>

<img src=”images/20.png” alt=”最新活动” />

</div>

<div class=”ChannelName”>

最新活动</div>

</a>

</li>

<li>

<a href=”yykf.html”>

<div class=”ChannelIcon”>

<img src=”images/30.png” alt=”预约看房” />

</div>

<div class=”ChannelName”>

预约看房</div>

</a>

<a
href=”xsdt.html”>

<div class=”ChannelIcon”>

<img src=”images/21.png” alt=”销售动态” />

</div>

<div class=”ChannelName”>

销售动态</div>

</a>

<a href=”contactus.html”>

<div class=”ChannelIcon”>

<img src=”images/31.png” alt=”联系我们” />

</div>

<div class=”ChannelName”>

联系我们</div>

</a>

</ul>

<ol>

<a href=”javascript:navigation_swipe.pv();”>

&nbsp;</a>

<a href=”javascript:navigation_swipe.next();”>

&nbsp;</a>

</ol>

</div>

<script>

$(document).ready(function () {
window.navigation_swipe = new Swipe(document.getElementById(‘navigation_swipe’), {
auto: 0
});
});
</script>

<!–首页显示特效–>

<div class=”snower”>

<script type=”text/javascript”>

var urls = new Array();
urls.push(‘images/snow1.png’);
urls.push(‘images/snow2.png’);
urls.push(‘images/snow3.png’);
urls.push(‘images/snow4.png’);
</script>

</div>

下载地址

立即下载