利用jQuery实现文字滑块插件



28 110 37



特效描述:利用jQuery实现 文字滑块插件,利用jQuery实现文字滑块插件

代码结构

1. 引入CSS

<link href='http://fonts.googleapis.com/css?family=Maven+Pro:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/glide.css" />
<link rel="stylesheet" href="css/style.css" />

2. 引入JS

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="js/jquery.glide.min.js"></script>

3. HTML代码

	<header class="header">
		<div class="slider">
			<ul class="slides">
				<li class="slide glide"></li>
				<li class="slide simple"></li>
				<li class="slide lightweight"></li>
				<li class="slide fast"></li>
			</ul>
		</div>
		<div class="bar">
			<a target="_blank" href="http://51qianduan.com/" class="button button--white push-left"><span class="entypo-download"></span>&nbsp;51前端</a>
			<a target="_blank" href="http://51qianduan.com/jiaoben/" class="button push-right"><span class="entypo-github"></span>&nbsp;51前端</a>
		</div>
	</header>
	<script>
		var glide = $('.slider').glide({
			arrowRightText: '→',
			arrowLeftText: '←'
		});
	</script>
	<br>
<div style="text-align:center;clear:both">
</div>



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


热门标签: 滚动切换 滚动条切换 滑动选项卡 滑动切换 选项卡切换 选项卡 切换 tab切换 页面切换 选项卡插件 切换插件 滑动手风琴 滑动星星打分 切换按钮 表单 表单美化 表单插件 表单美化插件 其他 文字切换 文字选项卡 选项卡自动切换 按钮控制 鼠标滑过 鼠标悬停 跟随鼠标移动

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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