利用jQuery實現右下角懸浮圖標菜單特效



29 114 39



特效描述:利用jQuery實現 右下角 懸浮圖標 菜單特效,利用jQuery實現右下角懸浮圖標菜單特效

代碼結構

1. 引入CSS

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

2. 引入JS

<script src="js/jquery-2.1.1.js"></script>
<script src="js/main.js"></script>

3. HTML代碼

<div style="height:2000px;"></div>
<div id="cd-nav">
	<a href="#0" class="cd-nav-trigger">Menu<span></span></a>
	<nav id="cd-main-nav">
		<ul>
			<li><a href="#0">Homepage</a></li>
			<li><a href="#0">Services</a></li>
			<li><a href="#0">Portfolio</a></li>
			<li><a href="#0">Pricing</a></li>
			<li><a href="#0">Contact</a></li>
		</ul>
	</nav>
</div>
<script src="js/main.js"></script> <!-- Resource jQuery -->
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';color:#ffffff">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動導航菜單 滾動菜單 滾動導航 滑動導航菜單 滑動導航 滑動菜單 浮動菜單 浮動導航 導航切換 菜單切換 右鍵菜單 收縮菜單 收縮導航 h5動畫導航 h5動畫菜單 html5動畫導航 html5動畫菜單 flash導航菜單 flash導航條 flash導航 flash菜單 flash下拉菜單 flash下拉導航菜單 浮動 懸浮 懸浮層 懸浮框 浮動層 浮動框 浮動插件 懸浮插件 浮動提示框 導航菜單 導航條 菜單欄 導航欄 分類導航 響應式導航條 響應式導航 浮動菜單 浮動導航 圖標導航 圖標菜單
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

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

老夫子电子 熊猫四川麻将辅助 欢乐彩票官网是真的吗 股票融资费用 广西快3大小单双推荐 3d试机号对应码金码 长春麻将免费游戏大厅 10分快3最新开奖 河南11选5在哪玩 广东十一选五开将结 吉林心悦麻将官方下载 大发快3一分钟和值 湖北十一选五手机版 实况nba比分在线 福州小姐上门兼职 正规黑龙江11选5走势图 九龙香港高手水心论坛精选