Advertisement
Guest User

Tooltip that follows cursor

a guest
Feb 11th, 2024
35
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.15 KB | None | 0 0
  1. <style>
  2. #s-m-t-tooltip {
  3. z-index: 938458935;
  4. background: white;
  5. color: black;
  6. font-size: 15px;
  7. line-height: 140%;
  8. text-align:left;
  9. border: 1px solid black;
  10. font-family: ms gothic;
  11. letter-spacing: 1px;
  12. text-transform: normal;
  13. max-width: 300px;
  14. word-wrap: normal;
  15. padding: 5px;
  16. display: block;
  17. margin:10px;
  18. /* Remove the transition stuff if you don't want the tooltip to be weirdly slow.*/
  19. -o-transition: all 0.3s ease-out;
  20. -webkit-transition: all 0.3s ease-out;
  21. -moz-transition: all 0.3s ease-out;
  22. }
  23. </style>
  24. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25. <script src="https://static.tumblr.com/lspzyz3/xloqk6cgp/jquery.style-my-tooltips.js"></script>
  26. <script>
  27. (function($){
  28. $(document).ready(function(){
  29. $("[title]").style_my_tooltips({
  30. tip_follows_cursor: true,
  31. tip_delay_time:100,
  32. tip_fade_speed:300,
  33. attribute:"title"
  34. });
  35. });
  36. })(jQuery);
  37. </script>
  38. <a href="#" data-toggle="tooltip" title="Check it out! You can use tooltip on links like you see here. you can also use them on just about anything else html related." class="">sweet lord i had to DIG to find this in the recesses of my computer</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement