jqueryCSS3制作动画导航向下滑动菜单插件


jqueryCSS3制作动画导航向下滑动菜单插件
jqueryCSS3制作动画导航向下滑动菜单插件以及动画导航、向下滑动菜单等js/jquery网页特效代码下载。

1. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jQuery Easing.js"></script>

2. HTML代码

	<ul id="sdt_menu" class="sdt_menu">
		<li>
			<a href="http://www.51qianduan.com/" target="_blank">
				<img src="images/2.jpg" alt=""/>
				<span class="sdt_active"></span>
				<span class="sdt_wrap">
					<span class="sdt_link">About me</span>
					<span class="sdt_descr">Get to know me</span>
				</span>
			</a>
		</li>
		<li>
			<a href="http://www.51qianduan.com/" target="_blank">
				<img src="images/1.jpg" alt=""/>
				<span class="sdt_active"></span>
				<span class="sdt_wrap">
					<span class="sdt_link">Portfolio</span>
					<span class="sdt_descr">My work</span>
				</span>
			</a>
			<div class="sdt_box">
				<a href="http://www.51qianduan.com/" target="_blank">Websites</a>
				<a href="http://www.51qianduan.com/" target="_blank">Illustrations</a>
				<a href="http://www.51qianduan.com/" target="_blank">Photography</a>
			</div>
		</li>
		<li>
			<a href="http://www.51qianduan.com/" target="_blank">
				<img src="images/3.jpg" alt=""/>
				<span class="sdt_active"></span>
				<span class="sdt_wrap">
					<span class="sdt_link">Inspiration</span>
					<span class="sdt_descr">Where ideas get born</span>
				</span>
			</a>
		</li>
		<li>
			<a href="http://www.51qianduan.com/" target="_blank">
				<img src="images/4.jpg" alt=""/>
				<span class="sdt_active"></span>
				<span class="sdt_wrap">
					<span class="sdt_link">Photos</span>
					<span class="sdt_descr">I like to photograph</span>
				</span>
			</a>
		</li>
		<li>
			<a href="http://www.51qianduan.com/" target="_blank">
				<img src="images/5.jpg" alt=""/>
				<span class="sdt_active"></span>
				<span class="sdt_wrap">
					<span class="sdt_link">Blog</span>
					<span class="sdt_descr">I write about design</span>
				</span>
			</a>
		</li>
		<li>
			<a href="http://www.51qianduan.com/" target="_blank">
				<img src="images/6.jpg" alt=""/>
				<span class="sdt_active"></span>
				<span class="sdt_wrap">
					<span class="sdt_link">Projects</span>
					<span class="sdt_descr">I like to code</span>
				</span>
			</a>
			<div class="sdt_box">
				<a href="http://www.51qianduan.com/" target="_blank">Job Board Website</a>
				<a href="http://www.51qianduan.com/" target="_blank">Shopping Cart</a>
				<a href="http://www.51qianduan.com/" target="_blank">Interactive Maps</a>
			</div>
		</li>
	</ul>

相关推荐

发表评论

相关文章