黑色宽屏风格的美容医疗设备整站网站源码下载



5 18 7



模板描述:黑色宽屏风格 美容医疗设备 整站网站,黑色宽屏风格的美容医疗设备整站网站源码下载html模板下载

代码结构

1. 引入CSS

<link href="css/style.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/lrtk.js"></script>
<script src="js/banner.js" type="text/javascript"></script>

3. HTML代码

<!--top-->
<div class="top_bg ">
  <div class="wrap ">
   <p class="fl pt38 overflow"> <a href="#"><img src="images/shouye_r2_c3.jpg" /></a></p>
<div class="democon fl pt40  pl50">
    <div class="container ">
            <ul id="nav">
                <li><a class="hsubs" href="yf.html">施得集团</a>
                    <ul class="subs">
                        <li><a href="#">集团简介</a></li>
                        <li><a href="#">我们的团队</a></li>
                    </ul>
                </li>
                <li><a class="hsubs" href="smj.html">锦瑟年华</a>
                    <ul class="subs">
                        <li><a href="#">美丽时光机</a></li>
                        <li><a href="#">青春永驻</a></li>
                    </ul>
                </li>
                <li><a class="hsubs" href="pro.html">与我们同行</a>
                    <ul class="subs">
                        <li><a href="#">分公司</a></li>
                        <li><a href="#">加盟</a></li>
                        <li><a href="#">加盟流程</a></li>
                    </ul>
                </li>
                <li ><a class="hsubs pp" href="#">联系我们</a>
                </li>
                <div id="lavalamp"></div>
            </ul>
    </div>
  </div>
   <ol class="fr  bg12 mt40"> <img src="images/shouye_r3_c16.jpg" class="fr" /></ol>
</div>
</div>
<!--top-->
<!--js-->
<div class="focus">
    <ul class="rslides f426x240">
        <li><a href="http://www.lan#tuku.com/" target="_blank"><img src="images/h_r2_c1.jpg" alt="懒人图库全新改版" /></a></li>
        <li><a href="http://www.lan#uku.com/js/" target="_blank"><img src="images/h_r2_c1.jpg" alt="JS代码" /></a></li>
        <li><a href="http://www.lanr#ntuku.com/zt/book/" target="_blank"><img src="images/h_r2_c1.jpg" alt="读。书。" /></a></li>
        <li><a href="http://www.lanre#ku.com/bg/" target="_blank"><img src="images/h_r2_c1.jpg" alt="网页背景" /></a></li>
    </ul>
</div>
<!--js-->
<!--简介-->
<div class="wrap mt40 overflow clearfix bgx"></div>
<div class="wrap mt20 overflow clearfix ">
 <img src="images/index_r3_c2.png" /><img src="images/12.png" class="pl40 pr40" /><img src="images/index_r2_c20.png" />
</div>
<div class="wrap mt20 overflow clearfix ">
 <img src="images/j_r2_c2.png" />
</div>
<div>
<div class="mg overflow">
<!--简介-->
<div class="wrap overflow clearfix bg_main">
 <div class="w550 fl pl40">
  <!-- 代码 开始 -->
    <div id="banner">
        <div class="slides">
            <ul class="slide-pic">
                <li class="cur"><a href="http://www.#.com/" target="_blank">
                    <img alt="" src="images/shouye_r7_c2.jpg" /></a></li>
                <li><a href="http://www.#.com/" target="_blank">
                    <img alt="" src="images/shouye_r7_c2.jpg" /></a></li>
                <li><a href="http://www.#.com/" target="_blank">
                    <img alt="" src="images/shouye_r7_c2.jpg" /></a></li>
                <li><a href="http://www.#.com/" target="_blank">
                    <img alt="" src="images/shouye_r7_c2.jpg" /></a></li>
            </ul>
            <ul class="slide-li op">
                <li class="cur"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <ul class="slide-li slide-txt">
                <li class="cur"><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
            </ul>
        </div>
    </div>
    <!-- 代码 结束 -->
 </div>
 <div class="about_bg fr mr35">
  <div class="w580 ">
    <p>
    &nbsp; &nbsp;&nbsp;&nbsp;施得医疗科技有限公司专注于向医疗美容行业提供全球最尖端的
高科技医学美容设备和全方位的经营管理方案,将先进的理念贯通于
行业的经营管理中,向客户提供最无忧人性化的售后服务,秉承“施
不以报为得,给客户最需要的”理念,承载着“做美业最大的仪器合
作服务商”的使命;它就像甘霖一样尘埃落定;它不但给美丽于受施
的人,也同样给美于施与的人。
   </p>
    <p>
    &nbsp; &nbsp;&nbsp;&nbsp;    就像沙漠中小小的依米花,为了仅仅两天的鲜艳,却要花费整整
五年的时间穿茎插根;顽强的信念使它做到了“生命一次,美丽一次,
辉煌一次,最终绽放自己的精彩!”
</p>
    <p>
    &nbsp; &nbsp;&nbsp;&nbsp;    齐聚“施得”,我们坚信:“施努力,得成功;施爱心,获幸福;
施诚信,收信任;施科技,得魅力”;施与得之间——彰显我们的魅力
人生。
</p>
  </div>
 </div>
</div> 
<!--简介-->
<!--环境新闻-->
<div class="wrap mt40 overflow clearfix bgx"></div>
<div class="wrap mt20 overflow clearfix ">
 <img src="images/index_r3_c2.png" /><img src="images/11.png" class="pl40 pr40" /><img src="images/index_r2_c20.png" />
</div>
<div class="wrap mt20 overflow clearfix ">
 <img src="images/j_r2_c2.png" />
</div>
<div class="wrap overflow clearfix bg_main">
 <script type="text/javascript">
	$(function(){
		$(".floor-maskItem").mouseover(function(){
			$(this).addClass("qq").parent().addClass("hover");
		}).mouseout(function(){
			$(this).removeClass("qq").parent().removeClass("hover");
		});
	})
</script>
<div class="area01">
	<div class="box11">
		<a href="#" target="_blank" class="floor-maskItem fl ml35" style="left:0;top:0;">
			<img src="images/h_r2_c2.png" />
			<div class="mask"></div>
            <span>青春之旅</span>
		</a>
		<a href="#" target="_blank" class="floor-maskItem fr mr35" style="right:0px;top:0;">
			<img src="images/h_r2_c4.png" />
			<div class="mask" ></div>
            <span>最新资讯</span>
		</a>
	</div>
</div>
</div> 
<!--环境新闻-->
<div class="wrap mt40 overflow clearfix bgx mb20"></div>
</div>
 </div>
</div>
</div>
<div class="bot_bg overflow clearfix">
 <div class="w100 bg_c"></div>
 <div class="wrap pt40 overflow">
  <img src="images/index_r6_c3.png" />
 </div>
 <div class="wrap overflow">
 <div id="lanrenzhijia">
  <dl>
  <a href="#">
   <dd class="w100 clearfix pt20">
	<ul>
    	<li>
         <p><span><img src="images/02_r9_c11.png" /></span></p>
        </li>
    </ul>
   </dd>
   <dd class="w100 clearfix pt15">
    <em class="f20">分公司</em><br />
    <i class="F14 huise">BRANCH COMPANY</i>
    <ol style="width:60px; border-bottom:1px solid #CCC"></ol>
   </dd>
   </a>
   </dl>
   <dl>
  <a href="#">
   <dd class="w100 clearfix pt20">
	<ul>
    	<li>
         <p><span><img src="images/index_r8_c4.png" /></span></p>
        </li>
    </ul>
   </dd>
   <dd class="w100 clearfix pt15">
    <em class="f20">合作伙伴</em><br />
    <i class="F14 huise">BRANCH COMPANY</i>
    <ol style="width:60px; border-bottom:1px solid #CCC"></ol>
   </dd>
   </a>
   </dl>
   <dl>
  <a href="#">
   <dd class="w100 clearfix pt20">
	<ul>
    	<li>
         <p><span><img src="images/12_r2_c7.png" /></span></p>
        </li>
    </ul>
   </dd>
   <dd class="w100 clearfix pt15">
    <em class="f20">直营连锁</em><br />
    <i class="F14 huise">BRANCH COMPANY</i>
    <ol style="width:60px; border-bottom:1px solid #CCC"></ol>
   </dd>
   </a>
   </dl>
   <dl>
  <a href="#">
   <dd class="w100 clearfix pt20">
	<ul>
    	<li>
         <p><span><img src="images/12r8_c14.png" /></span></p>
        </li>
    </ul>
   </dd>
   <dd class="w100 clearfix pt15">
    <em class="f20">加盟流程</em><br />
    <i class="F14 huise">BRANCH COMPANY</i>
    <ol style="width:60px; border-bottom:1px solid #CCC"></ol>
   </dd>
   </a>
   </dl>
</div>
</div>
<script>
$(function(){
	$('#lanrenzhijia li').hover(function(){
		$('span',this).stop().animate({'top':'-82px'});
	},function(){
		$('span',this).stop().animate({'top':'0px'});
	});
});
</script>
<div class="wrap mt40 overflow clearfix bgx"></div>
<div  class="wrap pt20 overflow clearfix pb25 ">
 <ul>
  <li><img src="images/index_r12_c5.png" /></li>
  <li class="pt15"><img src="images/index_r14_c13.png" /> <img src="images/index_r15_c7.png" /> <img src="images/index_r15_c9.png" /> <img src="images/index_r15_c11.png" /> </li>
  <li class="pt15"><img src="images/y_r8_c5.png" /></li>
  <li class="tc huise pt20 l-24">
  联系人:龚经理     手机:15821022258      公司电话:021-31300398      加盟热线:400-6823-166<br />
邮 箱:1621950725@qq.com<br />
公司地址:上海嘉定区城北路<br /> 
版权所有:上海皇元木门有限公司      
  </li>
 </ul>
</div>
 <div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 pc 电脑 黑色 普通自适应 html+css自适应 html+css响应式 宽屏 全屏 满屏 设备 机械 设备厂 机械厂

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到