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

蓝莓铁匠/wow.js-practice

代码 Issues 0 Pull Requests 0 Wiki 统计 流水线
服务
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
文件
该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。
项目仓库所选许可证以仓库主分支所使用许可证为准
克隆/下载
index.html 10.36 KB
一键复制 编辑 原始数据 按行查看 历史
蓝莓铁匠 提交于 2015-09-09 10:18 . add files
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8" />

		<title>精准扶贫 不落一人</title>

	<link rel="stylesheet" href="css/index.css" />

	<link rel="stylesheet" href="css/base.css" />

	<link rel="stylesheet" href="css/animate.css" />

	<script type="text/javascript" src="js/wow.js" ></script>

	<script type="text/javascript" src="js/jquery1.42.min.js" ></script>

	<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js" ></script>

	

	</head>

	<body>

	<div class="top"></div>

	<div class="conbg">

		<div class="con" >

			<li style="height: 85px;"><a style="display: block;  text-align: center; font-size: 45px; font-weight: bolder;margin: 0 auto; height: 85px; line-height: 85px;">湖北省精准扶贫现场办公会在竹溪浓重召开</a></li>

			<div class="con-lft" style="width: 630px; height: 355px; margin-top: 8px;margin-left: 10px; float: left;">

						<div class="focusBox">

							<ul class="pic">

									<li style="display: block;"><a href="http://www.SuperSlide2.com" target="_blank" ><img src="img/pic.png"/></a></li>

									<li style="display: none;"><a href="http://www.SuperSlide2.com" target="_blank"><img src="img/pic.png"/></a></li>

									<li style="display: none;"><a href="http://www.SuperSlide2.com" target="_blank"><img src="img/pic.png"/></a></li>

									<li style="display: none;"><a href="http://www.SuperSlide2.com" target="_blank"><img src="img/pic.png"/></a></li>

							</ul>

							<div class="txt-bg"></div>

							<div class="txt">

								<ul>

									<li><a href="#">测试1</a></li>

									<li><a href="#">测试2</a></li>

									<li><a href="#">测试3</a></li>

									<li><a href="#">测试4</a></li>

									

								</ul>

							</div>			

							<ul class="num">

								<li><a>1</a><span></span></li>

								<li><a>2</a><span></span></li>

								<li><a>3</a><span></span></li>

								<li><a>4</a><span></span></li>

								<li style="width: 36px;"><a>更多</a><span></span></li>

							</ul>

	

							<script type="text/javascript">

								jQuery(".focusBox").slide({ titCell:".num li", mainCell:".pic",effect:"fold", autoPlay:true,trigger:"click",

								startFun:function(i){

								jQuery(".focusBox .txt li").eq(i).animate({"bottom":0}).siblings().animate({"bottom":-36});

								}

								});	

							</script>

					</div>			

				

				

				

			</div>

			<div class="con-rht" style="width: 380px; height: 355px; margin-top: 8px;margin-left: 45px; float: left;">

				<div class="con-rht-nav" style="height: 60px;"></div>

				<ul style=" font-size: 15px; line-height: 28px; padding-right: 25px;">

								<li class="listyle"><span class="rh">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">郧阳区女教师王霞拾到价值3万</a></li>

								<li class="listyle"><span class="rh">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">郧阳区女教师王霞拾到价值3万</a></li>

								<li class="listyle"><span class="rh">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">郧阳区女教师王霞拾到价值3万</a></li>

								<li class="listyle"><span class="rh">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">郧阳区女教师王霞拾到价值3万</a></li>

								<li class="listyle"><span class="rh">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">郧阳区女教师王霞拾到价值3万</a></li>

	

				</ul>

				<ul style=" font-size: 15px; line-height: 28px; padding-right: 25px; margin-top: 10px;">

								<li class="listyle"><span class="rh">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">郧阳区女教师王霞拾到价值3万</a></li>

								<li class="listyle"><span class="rh">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">郧阳区女教师王霞拾到价值3万</a></li>

								<li class="listyle"><span class="rh">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">郧阳区女教师王霞拾到价值3万</a></li>

								<li class="listyle"><span class="rh">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">郧阳区女教师王霞拾到价值3万</a></li>

								<li class="listyle"><span class="rh">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">郧阳区女教师王霞拾到价值3万</a></li>

				</ul>					

			</div>

			<div class="con-bottom" style="height: 160px; float: left; margin-top: 35px;margin-left: 10px;">

				<li style="width: 210px;height: 130px;float: left; text-align: center;"><a href=""><img  src="img/pic.png" width="180PX" height="120PX"/><br />标题 </a></li>

				<li style="width: 210px;height: 130px;float: left; text-align: center;"><a href=""><img  src="img/pic.png" width="180PX" height="120PX"/><br />标题 </a></li>

				<li style="width: 210px;height: 130px;float: left; text-align: center;"><a href=""><img  src="img/pic.png" width="180PX" height="120PX"/><br />标题 </a></li>

				<li style="width: 210px;height: 130px;float: left; text-align: center;"><a href=""><img  src="img/pic.png" width="180PX" height="120PX"/><br />标题 </a></li>

				<li style="width: 210px;height: 130px;float: left; text-align: center;"><a href=""><img  src="img/pic.png" width="180PX" height="120PX"/><br />标题 </a></li>

			</div>

		</div>

	</div>



	<div class="photo">

		<div class="animate">

			<div class="timeline wow fadeIn" style="margin-top: 15px; margin-right: 5px;" data-wow-duration="5s">

				<a><img src="animate/timeline.png" /></a>

			</div>

			<div class="anicon" style="margin-top: 15px;">

				<div class="pat1" style="margin-top: 5px;">

					<div class="pat1-nav wow fadeInLeft" data-wow-duration="2s">

						<a><img src="animate/nav.png"></a>

					</div>

					<div class="pat1-con wow fadeInRight" style="margin-top: 10px;" data-wow-duration="2s">

						<a><img src="animate/make.png"></a>

					</div>

				</div>

				<div class="pat2" style="margin-top: 30px;">

					<div class="pat2-nav wow fadeInLeft" data-wow-duration="2s">

						<a><img src="animate/nav1.png"></a>

					</div>

					<div class="pat2-con wow fadeInUp" style="margin-top: 10px;" data-wow-duration="2s">

						<a><img src="animate/make1.png" /> </a>

					</div>					

				</div>

				<div class="pat3" style="margin-top: 14px;">

					<div class="pat3-nav wow fadeInLeft" data-wow-duration="2s">

						<a><img src="animate/nav2.png"></a>

					</div>

					<div class="pat3-con" style="height: 630px; margin-top: 10px;">

						<a class="wow fadeInRight" data-wow-duration="2s"  style="display: block; float: left;"><img src="animate/make2-1-1.png" />  </a>

						<a class="wow fadeInUp" data-wow-duration="2s" style="display: block; float: left;"><img src="animate/make2-1-2.png" />  </a>

						<a class="wow fadeInDown" data-wow-duration="2s"  style="display: block; float: left;"><img src="animate/make2-1-3.png" />  </a>

						<a class="wow fadeInLeft" data-wow-duration="2s" style="display: block; float: left;"><img src="animate/make2-1-4.png" />  </a>						

					</div>					

				</div>

				<div class="patadd" style="margin-top: 30px;">

					<div class="patadd-nav wow fadeInLeft" data-wow-duration="2s" >

						<a><img src="animate/navadd.png"></a>

					</div>

					<div class="patadd-con" style="position: relative; height: 630px; margin-top: 10px;">

						<a class="wow rotateIn" data-wow-duration="2s"    style="display: block; z-index: 999; float: left; position: absolute; left: 18%;top: 3%;"><img src="animate/addcon.png" />  </a>

						<a class="wow rotateInDownLeft" data-wow-duration="2s"   style="display: block; float: left;"><img src="animate/addcon-1.png" />  </a>

						<a class="wow rotateInDownRight" data-wow-duration="2s"   style="display: block; float: left;"><img src="animate/addcon-2.png" />  </a>

						<a class="wow rotateInUpLeft" data-wow-duration="2s"   style="display: block; float: left;"><img src="animate/addcon-3.png" />  </a>

						<a class="wow rotateInUpRight" data-wow-duration="2s"   style="display: block; float: left;"><img src="animate/addcon-4.png" />  </a>							

					</div>					

				</div>				

				<div class="pat4" style="margin-top: 30px;">

					<div class="pat4-nav wow fadeInLeft" data-wow-duration="2s">

						<a><img src="animate/nav3.png"></a>

					</div>

					<div class="pat4-con" style="position: relative; height: 1101px; margin-top: 10px;">

						<a class="wow flash" data-wow-duration="1s"  style="display: block;  position: absolute; float: left;"><img src="animate/make3.png" /> </a>

						<a class="wow slideInUp" data-wow-duration="2s"  style="display: block; position: absolute; float: left; top: 3.5%;"><img src="animate/make3-1.png" /> </a>

						<a class="wow slideInLeft" data-wow-duration="2s"  style="display: block; position: absolute; float: left; left: 43%;"><img src="animate/make3-2.png" /> </a>

						<a class="wow slideInRight" data-wow-duration="2s"  style="display: block; position: absolute; float: left;top: 55.5%; left: 2.8%;"><img src="animate/make3-3.png" /> </a>

						<a class="wow slideInDown" data-wow-duration="2s"  style="display: block; position: absolute; float: left;top: 46.8%; left: 50.8%;"><img src="animate/make3-4.png" /> </a>

					</div>					

				</div>

			</div>

		</div>

	</div>

	      <div class="footer">

			<ul>

				<li><a href="http://www.10yan.com/pages/wzjs.html" target="_blank">关于我们</a> - <a href="http://www.10yan.com/pages/wztd.html" target="_blank">网站团队</a> - <a href="http://www.10yan.com/pages/ggyw.html" target="_blank">广告业务</a> - <a href="http://www.10yan.com/pages/wzdt.html" target="_blank">网站地图</a> - <a href="http://tg.10yan.com/" target="_blank">在线投稿</a> - <a href="http://www.10yan.com/pages/hzhb.html" target="_blank">合作伙伴</a> - <a href="http://movie.10yan.com/wsbl2/fabu.asp" target="_blank">客户投诉</a> - <a href="http://www.10yan.com/rss/rssmap.html" target="_blank" title="rss订阅">RSS订阅</a></li>

				<li>秦楚网(10yan.com) 版权所有 未经同意不得复制或镜像</li>

				<li>主管：中共十堰市委宣传部　主办：十堰日报传媒集团　出品：秦楚网</li>

				<li>编辑部：0719-8118833   广告业务：0719—8113299   技术部：0719-8208110   传真：0719-8118988</li>

				<li><img src="http://zt.10yan.com/statics/images/foot.gif"></li>

			</ul>

	      </div>	

<script>

if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){

	new WOW().init();

};

</script>

	</body>

</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/mithy/wow.js-practice.git
git@gitee.com:mithy/wow.js-practice.git
mithy
wow.js-practice
wow.js-practice
master
点此查找更多帮助

搜索帮助

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