niceTitle插件

niceTitle是一款当鼠标移到超链接上面显示提示的插件。我们可以使用该插件来实现新闻、文字的预览。

这不是真正的预览,在读取文字列表的时候同时读取每个文章的内容概要(即想要预览的内容),然后使用该插件就可以实现假预览。

效果图如下,自己可以相应修改

niceTitle插件

代码如下:


  1. <link rel="Stylesheet" type="text/css" href="Styles/jQuery.niceTitle.css" /> 
  2. <script type="text/javascript" src="Scripts/jQuery.niceTitle.js"></script> 
  3. <script type="text/javascript"> 
  4. $(function () {  
  5. $("a[class=info]").niceTitle();  
  6. });  
  7. </script> 
  8. <a href='链接地址' title='预览的内容' class="info">链接名</a> 

在这里你可以了解更多http://imleeo.com/jquery-example/jQuery.niceTitle.html

插件下载地址http://plugins.jquery.com/project/niceTitle




    本文转自xshf12345 51CTO博客,原文链接:http://blog.51cto.com/alexis/573523,如需转载请自行联系原作者


上一篇:创建一个新的文章分类


下一篇:HTML5新增核心工具——canvas