如何让一个弹出式div悬停在jquery中的一个链接上?

前端之家收集整理的这篇文章主要介绍了如何让一个弹出式div悬停在jquery中的一个链接上?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使弹出窗口悬停在 jquery中的链接上?
  1. <div id="floatbar">
  2. <a href="" onclick="make it float 10px under this yay">
  3. </div>

解决方法

jquery
  1. $("#floatbar").click(function(e){
  2. e.preventDefault();
  3. $(this).find(".popup").fadeIn("slow");
  4. });

css

  1. #floatbar {
  2. position:relative;
  3. }
  4.  
  5. .popup {
  6. position:absolute;
  7. top:10px;
  8. left:0px;
  9. height:30px;
  10. background:#ccc;
  11. display:none;
  12. }

HTML

  1. <a id="floatbar" href="#">
  2. <div class="popup">Hi there</div>
  3. click here
  4. </a>

猜你在找的CSS相关文章