jquery+css小tip实现
看了这篇文章http://www.haozi.cn/?p=193,照着做了一个小样。
很简单,不过也很受启发,自己的css功底太差,应该要花点时间看看css的书籍。
以下是代码:
<style> .tip {display:none;position:absolute;z-index:9999;font-size:12px;padding:0 3px; border:1px solid #000;background-color:#ffc;} </style> <div id="t"> <span><a href="###">拉拉</a></span> <span><a href="###">圈圈</a></span> </div> <div id="tip" class="tip"></div>
<script language="JavaScript" src="js/jquery-min.js"></script> <script language="JavaScript"> $("#t a").mouseover(function(e){ $("#tip").html($(this).text()).css({"left": e.pageX + 10 + "px", "top": e.pageY + 10 + "px"}).show(); }).mouseout(function(){ $("#tip").hide(); }); </script>
相关推荐
zyazky 2020-05-29
labulakayoyo 2020-04-08
Attend 2010-10-29
zzzc 2012-01-14
思想的苇草 2019-06-30
切慕溪水 2019-06-27
努力的zhiyi 2015-08-07
sdujava0 2014-10-10
foamy 2019-06-21
DreamLee 2013-11-03
XaverSun 2013-03-21
programmerv 2019-06-21
kwenLee 2012-11-28
我与大象的故事 2012-05-14
wdy00 2011-09-03
切慕溪水 2011-08-02
淡风wisdon大大 2011-06-20