利用jq css3实现照片堆栈效果



82 324 109



特效描述:利用jq css3实现 照片 堆栈效果,利用jq css3实现照片堆栈效果

代码结构

1. 引入CSS

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

2. 引入JS

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/script.js"></script>

3. HTML代码

	<ul id="photos">
		<li><a href="http://51qianduan.com/" style="background-image:url(images/1.jpg)">
		Landscape 5</a></li>
		<li><a href="http://51qianduan.com/" style="background-image:url(images/2.jpg)">
		Landscape 4</a></li>
		<li><a href="http://51qianduan.com/" style="background-image:url(images/3.jpg)">
		Landscape 3</a></li>
		<li><a href="http://51qianduan.com/" style="background-image:url(images/4.jpg)">
		Landscape 2</a></li>
		<li><a href="http://51qianduan.com/" style="background-image:url(images/5.jpg)">
		Landscape 1</a></li>
	</ul>
	<a href="#" class="arrow previous"></a>
	<a href="#" class="arrow next"></a>
	<!-- Libraries -->
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="text-align:center;clear:both">
</div>



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


热门标签: 文字叠加 图片叠加 图片淡出淡进 图片头像上传 文字淡出淡进 文件上传 文本框 下拉框 复选 单选 登录框 注册框 搜索框 验证码 二级联动 三级联动 城市选择 value赋值 筛选 按钮控制 购物车 颜色选择 表单提交 全选/反选 添加删除 添加标签 密码强度验证 表单验证 html5按钮动画 按钮样式 密码修改设置 叠加浮动层 重叠层叠叠加 渐隐切换 淡出淡入淡进 切换按钮 form表单

×
×
51前端

注册

官方QQ群
qq群

扫描上面二维码加微信群

官方QQ群

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

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