niceTitle 基于jquery的超链接提示插件
这不是真正的预览,在读取文字列表的时候同时读取每个文章的内容概要(即想要预览的内容),然后使用该插件就可以实现假预览。
<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
插件下载地址 http://www.jb51.net/jiaoben/27186.html
相关推荐
-
jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)
本文实例讲述了jQuery实现漂亮实用的商品图片tips提示框效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script type="text/javascript&
-
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
本文实例讲述了jQuery实现仿QQ头像闪烁效果的文字闪动提示代码.分享给大家供大家参考,具体如下: jQuery 闪动的文字提示,仿QQ头像闪烁闪动提示,可以用于错误提示或其他吸引用户注意力的场合. shake(ele,cls,times) ele : jQuery Object [object] 要闪动的元素 cls : Class Name [string] 闪动的类 times : Number [Number] 闪动几次 注意,必须调用jQuery1.4.2及以上版本,否则网页下角会提
-
jQuery文字提示与图片提示效果实现方法
本文实例讲述了jQuery文字提示与图片提示效果实现方法.分享给大家供大家参考,具体如下: 1.效果如图: 2.文字提示代码: <script type="text/javascript"> //<![CDATA[ $(function(){ var x = 10; var y = 20; $("a.tooltip").mouseover(function(e){ this.myTitle = this.title; this.title = &q
-
jQuery简单实现title提示效果示例
本文实例讲述了jQuery简单实现title提示效果的方法.分享给大家供大家参考,具体如下: /* 调用示例: $(document).ready(function(){ $('.quicktip').quberTip({ speed:200 }); }); <a href='' class='quicktip' title='Information about this link'>desktop publishing</a> */ jQuery.fn.quberTip = fu
-
JQuery实现超链接鼠标提示效果的方法
本文实例讲述了JQuery实现超链接鼠标提示效果的方法.分享给大家供大家参考.具体分析如下: 浏览器其实已经自带了超链接提示,只需在超链接中加入title属性就可以了.但是这个提示效果的响应速度是非常缓慢的,大概要延迟1秒左右啊.我们现在需要的是当鼠标移动到超链接的那一瞬间就出现提示.这时就需要移除a标签中的title提示效果,自己动手做一个类似功能的提示. HTML设计如下: 复制代码 代码如下: <p><a href="http://www.jb51.net/"
-
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
本文实例讲述了jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码.分享给大家供大家参考,具体如下: 这是一款仿腾讯网QQ空间装扮预览图片的鼠标提示效果,感应鼠标显示图片的介绍信息,当你把鼠标移到图片上的时候,图片的背景会有所变化,并会显示该图片的对应文字内容,是QQ空间使用过的效果. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-f-qq-zone-pic-view-codes/ 具体代码如下: <!DOCTYPE html
-
jquery鼠标滑过提示title具体实现代码
复制代码 代码如下: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"> $(function(){ var x=20; var y=0; $("
-
jquery实现简单文字提示效果
本文实例讲述了jquery实现简单文字提示效果.分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jquery实现简单文字提示</title> &l
-
jQuery简单实现input文本框内灰色提示文本效果的方法
本文实例讲述了jQuery简单实现input文本框内灰色提示文本效果的方法.分享给大家供大家参考,具体如下: $(function(){ $(".grayTips").each(function(){ //遍历每个文本框 var objTextBox=$(this); var oldText=$.trim(objTextBox.val()); objTextBox.css("color","#888"); objTextBox.focus(fun
-
jQuery实现鼠标经过提示信息的地图热点效果
jQuery实现鼠标经过提示信息的地图热点效果 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>地图热点效果-鼠标经过弹出提示信息</title> <meta http-equiv="Conte
随机推荐
- 详解Python装饰器由浅入深
- AJAX简单应用实例-弹出层
- PowerShell计算脚本执行时间的实现方法
- Java并发编程中使用Executors类创建和管理线程的用法
- 建立自定义的数据驱动的本地化资源provider
- asp.net 更改gridview pageSize的方法
- asp.net自定义分页控件示例
- .Net中生成二维的表格的代码 分享
- PHP邮件群发机实现代码
- PHP 作用域解析运算符(::)
- 十天学会php(2)
- python base64 decode incorrect padding错误解决方法
- js实现下拉框选择要显示图片的方法
- JS判断数组那点事
- Ajax的内部实现机制、原理与实践小结
- javascript与asp.net(c#)互相调用方法
- php实现scws中文分词搜索的方法
- JavaScript输入分钟、秒倒计时技巧总结(附代码)
- js加入收藏夹代码(兼容ie/ff/op)
- JQueryiframe页面操作父页面中的元素与方法(实例讲解)