模板描述:能源科技公司 整站源码网站 网站模板,泰旭能源科技公司源码网站模板html整站模板下载

代码部署教程

1. 引入CSS

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

2. 引入JS

<script type=”text/javascript” src=”js/jquery-1.2.6.pack.js”>
</script>

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

3. HTML代码

<div class=”container header”>
<a class=”logo” title=”泰旭能源” href=”index.html”>

<img src=”images/logo.gif” width=”165″ height=”36″ alt=”泰旭能源” />

</a>

<a class=”addcollect” onclick=”window.external.addFavorite(location.href,document.title)” rel=”sidebar” href=”javascript:void(0);”>

加入收藏</a>

<a class=”sethome” href=”javascript:void(0);” id=”setHomePage” onclick=”SetHome(this)” style=”behavior:url(#default#homepage);”>

设为首页</a>

<div class=”clear”>

</div>

<div class=”navbox”>

<span class=”arbg arrowleft”>

</span>

<span class=”arbg arrowright”>

</span>

<ul>

<li>

<a href=”index.html”>

泰旭首页</a>

</li>

<li>

<a href=”about.html”>

关于泰旭</a>

</li>

<li>

<a href=”news.html”>

新闻中心</a>

</li>

<li>

<a href=”product.html”>

产品中心</a>

</li>

<li>

<a href=”project.html”>

解决方案</a>

</li>

<li>

<a href=”service.html”>

销售服务</a>

</li>

<li>

<a href=”case.html”>

成功案例</a>

</li>

<li>

<a href=”contact.html”>

联系泰旭</a>

</li>

</ul>

</div>

</div>

<!–header end–>

<div class=”container content”>

<div class=”slidebox”>

<ul class=”slidepic”>

<li>

<a href=”#”>

<img src=”images/banner01.jpg” width=”1000″ height=”360″ alt=”” />

</a>

</li>

<li>

<a href=”#”>

<img src=”images/banner02.jpg” width=”1000″ height=”360″ alt=”” />

</a>

</li>

</ul>

<div class=”mask”>

</div>

<ul class=”slidebtn”>

<li class=”current”>

1</li>

<li>

2</li>

</ul>

</div>

<!–slidebox end–>

<script type=”text/javascript”>

$(function(){
// 图片左右翻滚
var size = $(‘.slidebtn>

li’).length;
var frist = 0;
var datetime;
$(‘.slidebtn li’).mouseover(function(){
frist = $(‘.slidebtn li’).index(this);
showpic(frist);
}).eq(0).mouseover();
$(‘.slidebox’).hover(function(){
clearInterval(datetime);
},function(){
datetime = setInterval(function(){
showpic(frist)
frist++;
if(frist==size){
frist=0;
}
},3000);
}).trigger(‘mouseleave’);
function showpic(frist){
var imgheight = $(‘.slidebox’).width();
$(‘.slidepic’).stop(true,false).animate({left:-imgheight*frist},600)
$(‘.slidebtn li’).removeClass(‘current’).eq(frist).addClass(‘current’);
};
});
</script>

<div class=”indexmain clearfix”>

<a class=”index-pic” href=”product.html”>

<img src=”images/123rq.jpg” width=”251″ height=”156″ alt=”” />

</a>

<a class=”index-pic” href=”product.html”>

<img src=”images/321asf.jpg” width=”251″ height=”156″ alt=”” />

</a>

<div class=”index-news”>

<div class=”news-title”>

<h2 class=”f-l”>

泰旭新闻</h2>

<a class=”f-r more” href=”news.html”>

MORE</a>

</div>

<div class=”news-list”>

<ul>

<li>

<a href=”news.html”>

电机节电是国家发改委启动的十大 ……</a>

<span class=”date”>

2012.05.10</span>

</li>

<li>

<a href=”news.html”>

我国的纺机行业变频节电器市场潜 ……</a>

<span class=”date”>

2012.05.10</span>

</li>

<li>

<a href=”news.html”>

汇阁纺织专用节电器的主要特点与 ……</a>

<span class=”date”>

2012.05.10</span>

</li>

<li>

<a href=”news.html”>

庆推进绿色照明去年节电1250万度 ……</a>

<span class=”date”>

2012.05.10</span>

</li>

</ul>

</div>

</div>

</div>

<!–indexmain end–>

</div>

<!–content end–>

<div class=”container footer”>

<div class=”quicknav”>

<a href=”terms.html”>

使用条款</a>

<span>

|</span>

<a href=”statement.html”>

隐私权声明</a>

<span>

|</span>

<a href=”pledge.html”>

服务承诺</a>

<span>

|</span>

<a href=”contact.html”>

联系我们</a>

<span>

|</span>

<a href=”#”>

企业邮箱</a>

</div>

<div class=”copyright”>

Copyright © TAIXU ENERGY. All Rights Reserved.<span>

|</span>

版权所有 泰旭能源<span>

|</span>

沪ICP备12014683号</div>

</div>

<!–footer end–>

下载地址

立即下载

1.《能源科技公司企业网站静态模板下载》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。

2.《能源科技公司企业网站静态模板下载》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址,https://www.cxvn.com/html/17398.html