iT邦幫忙

DAY 29
2

學習手機網站開發系列 第 26

Bartender插件-Day 29

  • 分享至 

  • xImage
  •  

在Navbar導覽選單加入泡泡提示。
這個插件可以在Navbar新增提示泡泡。
demo:http://www.stokkers.mobi/valuables/bartender.html
作法:
→先將相關的檔案下載崁入頁面中。https://github.com/frequent/bartender/
→要使用插件中的navbar widget,在ul內加入class=”apple-navbar-ui comboSprite”
→要使用提示泡泡只要在相關的li內加入即可。
語法:

<div data-role="navbar" data-grid="d">
	<ul class="apple-navbar-ui comboSprite">
		<li><a href="#" data-iconpos="top" data-icon="features">One<span class="ui-li-count">10</span></a></li>
		<li><a href="#" data-iconpos="top" data-icon="brands">Two</a></li>
		<li><a href="#" data-iconpos="top" data-icon="fees">Three</a></li>
		<li><a href="#" data-iconpos="top" data-icon="about">our</a></li>
		<li><a href="#"data-iconpos="top"  data-icon="contact">FFive</a></li>
	</ul>
</div>

顯示結果:

以上小小分享,有任何問題還請多多指教,謝謝謝謝謝謝


上一篇
圖片換頁插件-Day 28
下一篇
Slider Menu選單-Day 30
系列文
學習手機網站開發27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
老鷹(eagle)
iT邦高手 1 級 ‧ 2013-10-17 08:46:42

筆記拍手沙發

ramya iT邦新手 4 級 ‧ 2013-10-18 02:14:59 檢舉

讚

我要留言

立即登入留言