jQuery CSS3弹性工具栏菜单特效代码下载


jQuery CSS3弹性工具栏菜单特效代码下载
jQuery CSS3弹性工具栏菜单特效代码下载以及弹性工具栏菜单等js/jquery网页特效代码下载。

1. 引入CSS

<link href="css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">

2. 引入JS

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>

3. HTML代码

<div id="wrapper">
	<div id="toolbar">
			<div class="button"></div>
		  <ul class="icons">
				<li><i class="fa fa-home fa-2x" aria-hidden="true"></i></li>
				<li><i class="fa fa-user fa-2x" aria-hidden="true"></i></li>
				<li><i class="fa fa-star fa-2x" aria-hidden="true"></i></li>
				<li><i class="fa fa-file-text-o fa-2x" aria-hidden="true"></i></li>
				<li><i class="fa fa-paper-plane-o fa-2x" aria-hidden="true"></i></li>
		  </ul>
		</div>
</div>
<script type="text/javascript">
	$( ".button" ).click(function() {
	  $(this).toggleClass( "active" );
	  $(".icons").toggleClass( "open" );
	});
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章