niceTitle 基于jquery的超链接提示插件
更新时间:2010年05月31日 15:06:58 作者:
niceTitle是一款当鼠标移到超链接上面显示提示的插件。我们可以使用该插件来实现新闻、文字的预览。
这不是真正的预览,在读取文字列表的时候同时读取每个文章的内容概要(即想要预览的内容),然后使用该插件就可以实现假预览。
效果图如下,自己可以相应修改
代码如下:
<link rel="Stylesheet" type="text/css" href="Styles/jQuery.niceTitle.css" />
<script type="text/javascript" src="Scripts/jQuery.niceTitle.js"></script>
<script type="text/javascript">
$(function () {
$("a[class=info]").niceTitle();
});
</script>
<a href='链接地址' title='预览的内容' class="info">链接名</a>
在线演示 http://demo.jb51.net/js/niceTitle/jQuery.niceTitle.html
插件下载地址 https://www.jb51.net/jiaoben/27186.html
效果图如下,自己可以相应修改
代码如下:
复制代码 代码如下:
<link rel="Stylesheet" type="text/css" href="Styles/jQuery.niceTitle.css" />
<script type="text/javascript" src="Scripts/jQuery.niceTitle.js"></script>
<script type="text/javascript">
$(function () {
$("a[class=info]").niceTitle();
});
</script>
<a href='链接地址' title='预览的内容' class="info">链接名</a>
在线演示 http://demo.jb51.net/js/niceTitle/jQuery.niceTitle.html
插件下载地址 https://www.jb51.net/jiaoben/27186.html
相关文章
深入研究jQuery图片懒加载 lazyload.js使用方法
这篇文章主要介绍了jQuery图片懒加载 lazyload.js使用方法,通过设置临界点,占位符,设置事件来触发加载等等来讲解lazyload.js的使用,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。2017-08-08基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
本篇文章介绍了,基于jquery的has()方法以及与find()方法以及filter()方法的区别详解需要的朋友参考下2013-04-04jQuery 3.0 的 setter和getter 模式详解
这篇文章主要介绍了jQuery 3.0 的 setter和getter 模式详解的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-07-07
最新评论