• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等

poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了图像,鼠标提示等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

这种效果常常有两个需求

1 鼠标移动到人图像上时,显示这个人的信息,鼠标离开人图像时隐藏这个人的相关信息
2当鼠标移动到到人的信息块时,信息依然显示,当鼠标离开人的信息块时,信息隐藏
3 必须是自动关闭而不是手动关闭

通常第一个比较容易满足,但是第一个在遇到事件冒泡时,搞起来也比较麻烦,
这个时候在遇到第二个需求,就很难搞定了,
做微博APP时,常常要显示人的个人信息,想吧新浪或腾讯的那个js弄过来吧,搞了半天没找见是那一段js,
博客园里面推荐的一堆tooltip 均不能满足3个要求,

找了老半天,在网上找了一个能用,

地址:http://demo.jb51.net/js/2011/poshytip/demo/index.html
下载地址 http://www.jb51.net/jiaoben/38747.html
不过这个js为了降低服务器压力,在密集使用时,会创建很多div,我优化了一点点,
代码如下

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery实现图像旋转动画效果
  • 使用CamanJS在Web页面上处理图像的技巧
  • jQuery实现的多屏图像图层切换效果实例
  • 13 款最热门的 jQuery 图像 360 度旋转插件推荐
  • poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
  • jQuery 图像裁剪插件Jcrop的简单使用

相关文章

  • 2017-08-16jQuery对于显示和隐藏等常用状态的判断方法
  • 2017-08-16使用FlexiGrid实现Extjs表格效果方法分享
  • 2017-08-16利用jquery写的左右轮播图特效
  • 2017-08-16jQuery实现自动调用和触发某个事件的方法
  • 2017-08-16jQuery制作简洁的多级联动Select下拉框
  • 2017-08-16利用jquery的获取JS文件中的字符串内容
  • 2017-08-16jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
  • 2017-08-16全面详细的jQuery常见开发技巧手册
  • 2017-08-16jQuery中验证表单提交方式及序列化表单内容的实现
  • 2017-08-16jQuery实现div拖拽效果实例分析

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery实现的Email中的收件人效果(按del键删除)
    • jQuery制作拼图小游戏
    • jquery blockUI 遮罩不能消失与不能提交的解决方法
    • jQuery实现table中的tr上下移动并保持序号不变的实例代码
    • jquery 输入框数字限制插件
    • jQuery判断多个input file 都不能为空的例子
    • 通过jquery 获取URL参数并进行转码
    • jQuery技巧之让任何组件都支持类似DOM的事件管理
    • 几种二级联动案例(jQuery\Array\Ajax php)
    • Jquery获取当前城市的天气信息

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有