求源码，有吗-慕课网

首页课程实战体系课手记专栏慕课教程

求源码，有吗

来源：2-1 距离底部有点距离

陈淑群

2015-09-30 16:05

谁有源码的？求发

写回答关注

3回答

徐佳骏: 2015-10-14 20:08:37

已采纳

<!DOCTYPE html>
<html >
	<head>
	<title>Preview Slideshow</title>
	<style type="text/css">
	*{padding:0;margin:0;}
	body{
		padding:50px 0;
		background-color:#FFF;
		font-size:14px;
		font-family:'Avenir Next'; 
		-webkit-font-smoothing:antialiased;
}	
	.slider .main,
	.slider .main .main-i,
	.slider{
		width:100%;
		height:400px;
		position:relative;
		
	}
	.slider .main{
		overflow: hidden;
	}
	.slider .main .main-i{}
	.slider .main .main-i img{
		
		position:absolute;
		left:0;
		top:0;
		z-index:1;
	}
	.slider .main .main-i .caption{
		position:absolute;
		right:50%;
		top:30%;
		z-index:9;
	}
	.slider .main .main-i .caption h2{
		font-size:40px;
		line-height:50px;
		color:#B5B5B5;
		text-align: right;

	}
	.slider .main .main-i .caption h3{
		font-size:70px;
		line-height: 70px;
		color:#000000;
		text-align:right;
		font-family:'Open Sans Condensed';
	}
	.slider .ctrl{
		width:100%;
		height:13px;
		line-height:13px;
		text-align:center;
		position:absolute;
		left:0;
		bottom:-13px;
		background-color:red;
	}
	.slider .ctrl .ctrl-i{
		display:inline-block;
		width:150px;
		height:13px;
		background-color:#666;
		box-shadow: 0 1px 1px rgba(0,0,0,.3);
		position:relative;
	}
	.slider .ctrl .ctrl-i img{
		width:  100%;
		position: absolute;
		left: 0;
		bottom: 50px;
		z-index: 1;
	}
	</style>
	</head>

<body>
	<div class="slider">
			<div class="main">
				<div class="main-i">
					<div class="caption">
						<h2>h2 caption</h2>
						<h3>h3 caption</h3>
					</div>
					<img src="image/1.jpg" /> 
				</div>
			</div>	
	<div class="ctrl">
		<a class="ctrl-i" href=""><img src="image/1.jpg" /> </a>
	</div>
	</div>
</body>
</html>

1 1

陈淑群

非常感谢！

2016-04-01 10:06:01

共 1 条回复 >

极客教程

2016-04-12 08:22:01

想要源码的，关注github https://github.com/cllgeek/Preview-Slideshow 多多请教

0 0
Heavens灬fall

2016-03-30 21:29:33

在sublim上编译出错。。。

0 0

JS+CSS3实现带预览图幻灯片效果

同样的幻灯片，不一样的切换，学会实现思路，操作很简单

53759 学习 · 265 问题

查看课程

相似问题

求源码啊！

回答 2

请求源代码

回答 1

求源码分享下

回答 5

有没有源码啊

回答 2

求源代码，怎么敲都不对

回答 1

打开慕课网App查看更多内容