利用jQuery實現文字滑塊插件



31 120 41



特效描述:利用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

加群請備注:從官網了解到

老夫子电子