jquery实现固定位置的苹果风格提示气泡

引用css
<link href="css/badger.css" rel="stylesheet" />
<link href="css/global.css" rel="stylesheet" />

引用js
 <script src="js/jquery-1.7.1.min.js"></script>
 <script src="js/badger.js"></script>

html
    <div id="MyBadge">
       <p>将这个div的position设置为relative。为什么？因为假若元素没有固定的位置的时候，这个提示气泡会保持在固定的位置</p> 
        <li class="tryit" onclick="$('#MyBadge').badger('2');">$('#MyBadge').badger('2');</li>
        <li class="tryit" onclick="$('#MyBadge').badger('+4');">$('#MyBadge').badger('+4');</li>
        <li class="tryit" onclick="$('#MyBadge').badger('-11');">$('#MyBadge').badger('-11');</li>
        <li class="tryit" onclick="$('#MyBadge').badger('');">$('#MyBadge').badger('');</li>
    </div>

调用
  $(function () {
            $("#mybadge").badger('2');
        })