first commit
This commit is contained in:
编码猿
381
衣莎项目/源码/衣莎官网源码/news.html
Normal file
381
衣莎项目/源码/衣莎官网源码/news.html
Normal file
@@ -0,0 +1,381 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>媒体中心</title>
|
||||
<link rel="stylesheet" href="./css/page/news.css">
|
||||
<link rel="stylesheet" href="./css/page/aboutIsa.css">
|
||||
<link rel="stylesheet" href="./css/pubilc/page.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 头部start -->
|
||||
<header>
|
||||
<div class="header flex-con1">
|
||||
<div class="logo flex-con2">
|
||||
<img src="./img/logo1.png" alt="" srcset="">
|
||||
<img src="./img/logo2.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="menu">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="a" href="./index.html">首页</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="a" href="./aboutIsa.html">关于伊莎</a>
|
||||
<section class="nav-item nav-menu">
|
||||
<section><a href="./aboutIsa.html?id=0">品牌理念</a></section>
|
||||
<section><a href="./aboutIsa.html?id=1">发展历程</a></section>
|
||||
<section><a href="./aboutIsa.html?id=2">企业生态</a></section>
|
||||
<section><a href="./aboutIsa.html?id=3">荣誉客户</a></section>
|
||||
</section>
|
||||
</li>
|
||||
<li>
|
||||
<a class="a" href="./products.html">产品与服务</a>
|
||||
<section class="nav-item nav-menu">
|
||||
<section><a href="./products.html?id=0">服务范围</a></section>
|
||||
<section><a href="./products.html?id=1">品质管控</a></section>
|
||||
<section><a href="./products.html?id=2">团体洗衣</a></section>
|
||||
<section><a href="./products.html?id=3">我要洗衣</a></section>
|
||||
</section>
|
||||
</li>
|
||||
<li>
|
||||
<a class="a" href="./distribution.html">门店分布</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="a" href="./Join.html">招商加盟</a>
|
||||
<section class="nav-item nav-menu">
|
||||
<section><a href="./Join.html?id=0">加盟优势</a></section>
|
||||
<section><a href="./Join.html?id=1">加盟流程</a></section>
|
||||
<section><a href="./Join.html?id=2">我要加盟</a></section>
|
||||
</section>
|
||||
</li>
|
||||
<li class="nav-item liactive">
|
||||
<a class="a" href="./news.html">媒体中心</a>
|
||||
<section class="nav-item nav-menu">
|
||||
<section><a href="./news.html?id=0">公司动态</a></section>
|
||||
<section><a href="./news.html?id=1">通知公告</a></section>
|
||||
<section><a href="./news.html?id=2">行业资讯</a></section>
|
||||
</section>
|
||||
</li>
|
||||
<li>
|
||||
<a class="a" href="./joinIsa.html">加入伊莎</a>
|
||||
<section class="nav-item nav-menu">
|
||||
<section><a href="./joinIsa.html?id=0">关于我们</a></section>
|
||||
<section><a href="./joinIsa.html?id=1">团队风采</a></section>
|
||||
<section><a href="./joinIsa.html?id=2">加入我们</a></section>
|
||||
</section>
|
||||
</li>
|
||||
<li>
|
||||
<a class="a" href="./contactus.html">联系我们</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wheel comm-topact">
|
||||
<img src="./img/qtyuh5i5645.png" class="topact-big-img" alt="" srcset="">
|
||||
</div>
|
||||
</header>
|
||||
<!-- 头部end -->
|
||||
|
||||
<!-- 内容start -->
|
||||
<div class="mian">
|
||||
<div class="about-title" id="at">
|
||||
<div class="atitle-cen">
|
||||
<ul>
|
||||
<li class="alitivce">公司动态</li>
|
||||
<li>通知公告</li>
|
||||
<li>行业资讯</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="newType">
|
||||
<div class="types while newsActive">
|
||||
<ul class="newsUl">
|
||||
<a href="./newsInfo.html">
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</a>
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="types while">
|
||||
<ul class="newsUl">
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="types while">
|
||||
<ul class="newsUl">
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<img src="./img/ergasdas.png" alt="" srcset="">
|
||||
<div class="news-cen">
|
||||
<h3 class="news-title">新店开业 伊莎洗衣30店同庆</h3>
|
||||
<div class="news-time flex-con2">
|
||||
<img src="./img/icon/time.png" alt="" srcset="">
|
||||
2019/06/03
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="newPage flex-con3 wow fadeInUp">
|
||||
<div class="page" id="Page">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row b7">
|
||||
<div class="conus rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>联系我们</h4>
|
||||
</div>
|
||||
<div class="conus-cen">
|
||||
<div class="wxh flex-con2 wow fadeInUp" data-wow-delay=".2s">
|
||||
<div>
|
||||
<img src="./img/asdasdafa.png" alt="" srcset="">
|
||||
<p>扫一扫加官网微信</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="us wow fadeInUp" data-wow-delay=".3s">
|
||||
<div class="us-p">
|
||||
<p>服务热线:</p>
|
||||
<span>400-0551-071</span>
|
||||
</div>
|
||||
<div class="us-p">
|
||||
<p>在线时间：</p>
|
||||
<p>周一至周六8:30-17:30</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 内容end -->
|
||||
|
||||
<!-- 尾部 -->
|
||||
<footer>
|
||||
<div class="footer">
|
||||
<div class="dizi">
|
||||
<p class="clamp1">公司地址：合肥市黄山路436号盛景国际大厦五层</p>
|
||||
<p class="clamp1">© 2018 Copyright By Cirda Foundation 合肥伊尔萨洗衣服务有限公司 版权所有 皖ICP备09029122号-2</p>
|
||||
</div>
|
||||
<div class="logof">
|
||||
<img src="./img/logo3.png" alt="" srcset="">
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- 尾部end -->
|
||||
<script src="https://code.jquery.com/jquery-1.12.4.min.js"
|
||||
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
|
||||
<script src="./js/wow.js"></script>
|
||||
<script src="./js/page.js"></script>
|
||||
<script src="./js/util.js"></script>
|
||||
<script>
|
||||
if (!(/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent))) { //移动端
|
||||
// 页面滚动时动画显示模块
|
||||
$(document).ready(function () {
|
||||
var wow = new WOW(
|
||||
{
|
||||
boxClass: 'wow', // animated element css class (default is wow)
|
||||
animateClass: 'animated', // animation css class (default is animated)
|
||||
offset: 0, // distance to the element when triggering the animation (default is 0)
|
||||
mobile: true, // trigger animations on mobile devices (default is true)
|
||||
live: true, // act on asynchronously loaded content (default is true)
|
||||
callback: function (box) {
|
||||
// the callback is fired every time an animation is started
|
||||
// the argument that is passed in is the DOM node being animated
|
||||
},
|
||||
crollContainer: null // optional scroll container selector, otherwise use window
|
||||
}
|
||||
);
|
||||
wow.init();
|
||||
});
|
||||
}
|
||||
// 获取URL参数 可以获得路径参数
|
||||
if (!!getQueryString("id")) {
|
||||
var index = getQueryString("id")
|
||||
$(".atitle-cen ul li.alitivce").removeClass("alitivce")
|
||||
$(".atitle-cen ul li").eq(index).addClass("alitivce")
|
||||
$(".types.newsActive").removeClass("newsActive")
|
||||
$(".types").eq(index).addClass("newsActive")
|
||||
}
|
||||
|
||||
// 固定title
|
||||
if ($(window).scrollTop() >= 430) {
|
||||
$("#at").addClass("fixedTab")
|
||||
} else {
|
||||
$("#at").removeClass("fixedTab")
|
||||
}
|
||||
$(window).scroll(function () {
|
||||
var top = $(window).scrollTop() | document.documentElement.scrollTop
|
||||
if ($(window).scrollTop() >= 430) {
|
||||
$("#at").addClass("fixedTab")
|
||||
} else {
|
||||
$("#at").removeClass("fixedTab")
|
||||
}
|
||||
|
||||
})
|
||||
// 切换文章类型
|
||||
$(".atitle-cen ul li").click(function () {
|
||||
var index = $(this).index()
|
||||
$(".atitle-cen ul li.alitivce").removeClass("alitivce")
|
||||
$(this).addClass("alitivce")
|
||||
$(".types.newsActive").removeClass("newsActive")
|
||||
$(".types").eq(index).addClass("newsActive")
|
||||
})
|
||||
// 分页
|
||||
P.initMathod({
|
||||
params: {
|
||||
elemId: '#Page',
|
||||
total: '19000',//总数据数
|
||||
pageSize: "5",//分页大小
|
||||
pageNum: "10",//按钮显示数
|
||||
},
|
||||
requestFunction: function () {
|
||||
console.log(P.config.pageIndex);//获取当前页
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user