利用jquery实现垂直图片幻灯片



65 256 86



特效描述:利用jquery实现 垂直图片 幻灯片,利用jquery实现垂直图片幻灯片

代码结构

1. 引入CSS

<link href="css/style.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script type="text/javascript" src="jQuery/jquery-1.3.2.js"></script>
<script type="text/javascript" src="jQuery/navigation.plug-in.js"></script>

3. HTML代码

<!--CONTENT--->
<div id="wrapper-content">
		<div class="row-54">
		<!--*EMPTY*-->
		</div>
		<div id="side-nav" class="mobile-remove">
			<div class="row-24 section-1 nav">
				<a id="section-1" class="section"><span>BUTTON</span></a>
			</div>
			<div class="row-24 section-2 nav remove-right-border">
				<a id="section-2" class="section"><span>BUTTON</span></a>
			</div>
			<div class="row-24 section-3 nav remove-right-border">
				<a id="section-3" class="section"><span>BUTTON</span></a>
			</div>
			<div class="row-24 section-4 nav remove-right-border">
				<a id="section-4" class="section"><span>BUTTON</span></a>
			</div>
			<div class="row-24 section-5 nav remove-right-border">
				<a id="section-5" class="section"><span>BUTTON</span></a>
			</div>
			<div class="row-24 section-6 nav remove-right-border">
				<a id="section-6" class="section"><span>BUTTON</span></a>
			</div>
		</div>
		<div id="main-container">
			<div class="overlay">Default: here is the overlay text</div>
		<div id="main-container-background">
			<div class="row-273 s1 mobile-public">
				<noscript style="color:#000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Your browser does not support JavaScript!</noscript>
			</div>
			<div class="row-273 s2 mobile-public">
				IMAGE
			</div>
			<div class="row-273 s3 mobile-public">
				IMAGE
			</div>
			<div class="row-273 s4 mobile-public">
				IMAGE
			</div>
			<div class="row-273 s5 mobile-public">
				IMAGE
			</div>
			<div class="row-273 s6 mobile-public">
				IMAGE
			</div>
		</div>	
		</div>
</div>
<div style="text-align:center;clear:both">
</div>



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


热门标签: 鼠标悬停 图片淡出淡进 文字提示框 图片滑动 图片切换 提示框/弹出层 滑动滑过 滚动切换 滑动选项卡切换 弹出层拖动 选项卡切换 滑动手风琴 窗口提示框 滑动星星打分 渐隐切换 淡出淡入淡进 其他更多

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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