12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <link rel="stylesheet" type="text/css" href="css/jQuery.niceTitle.css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
- <script type="text/javascript" src="js/jQuery.niceTitle.js"></script>
- <title>jQuery.niceTitle design by lee(IT北瓜) www.imleeo.com</title>
- <style type="text/css">
- body {
- margin: 0;
- text-align: center;
- font: 14px "微软雅黑",verdana,arial,sans-serif;
- }
- img {
- border: 0;
- }
- .info {
- text-align: left;
- }
- </style>
- <script type="text/javascript">
- $(document).ready(function(){
- $("a").niceTitle();//要排除一些例外的元素,例如可以用a:not([class='nono'])来排除calss为"nono"的a元素
- });
- </script>
- </head>
- <body>
- <div id="niceTitleDemo">
- <a href="http://www.imleeo.com" title="jQuery niceTitle plugin design by leeo www.imleeo.com">jQuery niceTitle plugin</a><br /><br /><br />
- <a href="http://www.imleeo.com" title="This is my blog's logo.">
- <img src="http://imleeo.com/jquery-example/images/logo.jpg" />
- </a>
- </div>
- <div>
- Use:<br />
- $(document).ready(function(){$("a").niceTitle();});<br />
- <a href="http://www.imleeo.com" title="For more information, please visit my blog.">www.imleeo.com</a><br />
- Download:<a href="http://plugins.jquery.com/project/niceTitle" title="Download from jQuery.com">jQuery niceTitle plugin</a>
- </div>
- </body>
- </html>
|