jQuery.niceTitle.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <link rel="stylesheet" type="text/css" href="css/jQuery.niceTitle.css" />
  6. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  7. <script type="text/javascript" src="js/jQuery.niceTitle.js"></script>
  8. <title>jQuery.niceTitle design by lee(IT北瓜) www.imleeo.com</title>
  9. <style type="text/css">
  10. body {
  11. margin: 0;
  12. text-align: center;
  13. font: 14px "微软雅黑",verdana,arial,sans-serif;
  14. }
  15. img {
  16. border: 0;
  17. }
  18. .info {
  19. text-align: left;
  20. }
  21. </style>
  22. <script type="text/javascript">
  23. $(document).ready(function(){
  24. $("a").niceTitle();//要排除一些例外的元素,例如可以用a:not([class='nono'])来排除calss为"nono"的a元素
  25. });
  26. </script>
  27. </head>
  28. <body>
  29. <div id="niceTitleDemo">
  30. <a href="http://www.imleeo.com" title="jQuery niceTitle plugin design by leeo www.imleeo.com">jQuery niceTitle plugin</a><br /><br /><br />
  31. <a href="http://www.imleeo.com" title="This is my blog's logo.">
  32. <img src="http://imleeo.com/jquery-example/images/logo.jpg" />
  33. </a>
  34. </div>
  35. <div>
  36. Use:<br />
  37. $(document).ready(function(){$("a").niceTitle();});<br />
  38. <a href="http://www.imleeo.com" title="For more information, please visit my blog.">www.imleeo.com</a><br />
  39. Download:<a href="http://plugins.jquery.com/project/niceTitle" title="Download from jQuery.com">jQuery niceTitle plugin</a>
  40. </div>
  41. </body>
  42. </html>