Skip to content

Instantly share code, notes, and snippets.

@aispin

aispin/oxtip.html

Created July 19, 2013 06:11
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save aispin/6037007 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save aispin/6037007 to your computer and use it in GitHub Desktop.
Download ZIP
jQuery.oxtip.js demo
Raw
oxtip.html
<!--Step1: add data-oxtipid to the trigger element-->
<a href="javascript:;" data-oxtipid="#tip1">示例1 - hover触发</a>
<!--Step2: prepare your oxtip -->
<div id="tip1" class="mod_hint" style="width: 250px; position: absolute; z-index: 200; left: 712px; top: 148px; display: none;">
<div class="mod_hint_inner">
一个提示浮层的jQuery插件，能够动态计算提示或浮层的位置<br><a href="api/index.html" class="lk_0">查看API文档&gt;&gt;</a>
</div>
<i class="mod_hint_arrow1" style="left: 88px;"></i>
</div>
<!--Step3: reference the jquery.oxtip.js -->
<script src="js/jquery.oxtip.js"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment