登录 注册
开源 企业版 高校版 私有云 Gitee AI NEW
扫描微信二维码支付
取消
支付完成
Watch
不关注 关注所有动态 仅关注版本发行动态 关注但不提醒动态
2 Star 0 Fork 0

zhangshanyu / energy_portal

代码 Issues 0 Pull Requests 0 Wiki 统计 流水线
服务
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。
项目仓库所选许可证以仓库主分支所使用许可证为准
克隆/下载
newsList.html 6.87 KB
一键复制 编辑 原始数据 按行查看 历史
xuanzhangran 提交于 2020-10-05 22:55 . 1.电商产品网站初始化！！！
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>web前台项目</title>

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

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

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

	<script type="text/javascript">

		function showItem(id){

			var obj = document.getElementById(id);

			obj.style.display="block";

		}



		function hiddenItem(id){

			var obj = document.getElementById(id);

			obj.style.display="none";

		}

		//banner图片自动播放功能

		var arr=[];

		arr[0] = "banner/banner1.jpg";

		arr[1] = "banner/banner2.jpg";

		arr[2] = "banner/banner3.jpg";

		arr[3] = "banner/banner4.jpg";

		var count=1;

		// 切换图片的功能

		function autoPlay(){

			if(arr.length==count){

				count=0;	

			}

			document.getElementById("banner1").src=arr[count];

			count++;

		}

		var Timer = setInterval(autoPlay,2000);

		 // 清空定时器

		 function clearTimer(){

		 	clearInterval(Timer);

		 }

		 //鼠标悬停时，播放指定的图片

		 function showBannerById(num){

		 	 clearTimer();

		 	 var index = parseInt(num);

		 	 document.getElementById("banner1").src=arr[index-1];

		 	 count = index;

		 }





		 function btnMouseout(){

		 	 Timer = setInterval(autoPlay,2000);

		 }

		 function changeHeight(){

		 	var QQ = document.getElementById("ask");

		 	

		 	QQ.style.top = document.documentElement.scrollTop+document.body.scrollTop+200+"px";

		 }

		 window.onscroll = changeHeight;

	</script>

</head>

<body>

<div class="container">

	<div class="">

		<div id="ask">

			<a href=""><img src="./images/service.png" alt=""></a>

		</div>

	</div>

	<!-- 顶部容器 -->

	<div id="header">

		<div id="logo " class="clearfix">

			<div class="leftLogo">

				<img src="icons/newZhiDa.png" height="45px" alt="中国科技智能家居有限公司">

				<span class="fontLogo" >中国科技智能家居有限公司</span>

			</div>

			<div class="rightLogo">

				<div class="fontMes"><a href="#">设为首页</a><a href="#">|联系我们</a></div>

				<div class="imgSevice">

					<img src="icons/top.jpg" alt="服务热线">

				</div>

			</div>

		</div>

		<div id="mainMenu">

			<div class="menu clearfix">

				<ul>

					<li><a href="#">首页</a></li>

					<li onmouseover="showItem('nav1')" onmouseout="hiddenItem('nav1')"><a href="#" >关于我们</a></li>

					<li><a href="#">新闻咨询</a></li>

					<li><a href="#">产品介绍</a></li>

					<li><a href="#">解决方案</a></li>

					<li><a href="#">体验中心</a></li>

					<li><a href="#">成功案例</a></li>

					<li><a href="#">加盟合作</a></li>

					<li><a href="#">资料下载</a></li>

					<li><a href="#">联系我们</a></li>

				</ul>

			</div>	

			<div id="nav1">

				<ul onmouseover="showItem('nav1')" onmouseout="hiddenItem('nav1')">

					<li><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="banner">

		<ul>

			<li>

				<a href="">

					<img src="banner/banner1.jpg" alt="" id="banner1">

				</a>

			</li>

		</ul>

		<div id="spanBotton">

			<span onmouseover="showBannerById(1)" onmouseout="btnMouseout()">1</span>

			<span onmouseover="showBannerById(2)" onmouseout="btnMouseout()">2</span>

			<span onmouseover="showBannerById(3)" onmouseout="btnMouseout()">3</span>

			<span onmouseover="showBannerById(4)" onmouseout="btnMouseout()">4</span>

		</div>

	</div>

	<div id="main">

		<div class="main-left">

			<div class="box box1">

				<h4>企业导航</h4>

				<ul>

					<li><a href="#">公司简介</a></li>

					<li><a href="#">服务流程</a></li>

					<li><a href="#">服务承诺</a></li>

					<li><a href="#">服务宗旨</a></li>

				</ul>

			</div>

			<div class="box box2">

				<h4>新闻动态</h4>

				<ul>

					<li><a href="#">智能家居成为家具行业的新宠儿</a></li>

					<li><a href="#">智能家居成为家具行业的新宠儿</a></li>

					<li><a href="#">智能家居成为家具行业的新宠儿</a></li>

					<li><a href="#">智能家居成为家具行业的新宠儿</a></li>

					<li><a href="#">智能家居成为家具行业的新宠儿</a></li>

					<li><a href="#">智能家居成为家具行业的新宠儿</a></li>

					<li><a href="#">智能家居成为家具行业的新宠儿</a></li>

				</ul>

			</div>

			<div class="box box3">

				<h4>产品分类</h4>

				<ul>

					<li><a href="#">智能家居成为家具行业的新宠儿</a></li>

					<li><a href="#">智能家居成为家具行业的新宠儿</a></li>

					<li><a href="#">智能家居成为家具行业的新宠儿</a></li>

					<li><a href="#">智能家居成为家具行业的新宠儿</a></li>

					<li><a href="#">智能家居成为家具行业的新宠儿</a></li>

					<li><a href="#">智能家居成为家具行业的新宠儿</a></li>

					

				</ul>

			</div>

		</div>

		<div class="main-right">

			<div class="topImg"><img src="images/Product.jpg" alt=""></div>

			<div class="listName">

				<span>新闻列表</span>

			</div>

			<div class="newsList">

				<ul>

					<li><a href="">中国智能与中国电信合作推广智能家居</a><span>2017-6-21</span></li>

					<li><a href="">中国智能与中国电信合作推广智能家居</a><span>2017-6-21</span></li>

					<li><a href="">中国智能与中国电信合作推广智能家居</a><span>2017-6-21</span></li>

					<li><a href="">中国智能与中国电信合作推广智能家居</a><span>2017-6-21</span></li>

					<li><a href="">中国智能与中国电信合作推广智能家居</a><span>2017-6-21</span></li>

					<li><a href="">中国智能与中国电信合作推广智能家居</a><span>2017-6-21</span></li>

					<li><a href="">中国智能与中国电信合作推广智能家居</a><span>2017-6-21</span></li>

					<li><a href="">中国智能与中国电信合作推广智能家居</a><span>2017-6-21</span></li>

					<li><a href="">中国智能与中国电信合作推广智能家居</a><span>2017-6-21</span></li>



					<li><a href="">中国智能与中国电信合作推广智能家居</a><span>2017-6-21</span></li>

					<li><a href="">中国智能与中国电信合作推广智能家居</a><span>2017-6-21</span></li>

				</ul>

				<div class="page">

					<a href="">&lt;</a> 

					<a href="">1</a>

					<a href="">2</a>

					<a href="">3</a>

					<a href="">4</a>

					<a href="">5</a>

					<a href="">...</a>

					<a href="">200</a>

					<a href="">&gt;</a>

				</div>

			</div>

						

		</div>

	</div>

	<div id="footer">

		<div>地址：成都市人民中路一段26号2楼 电话：028-569893,576-8132562 邮箱：575456454@qq.com；中国智能家居公司</div>

		<div>Copyright&copy; 2015 All right reserved ICP 备案号 深1236785</div>

	</div>

</div>



</body>



</html>
JavaScript
1
https://gitee.com/f5_/energy_portal.git
git@gitee.com:f5_/energy_portal.git
f5_
energy_portal
energy_portal
master
点此查找更多帮助

搜索帮助

Git 命令在线学习 如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部