• 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的 插件 主要用于显示微博人的图像和鼠标提示等

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了图像,鼠标提示等相关知识,希望对您有所帮助,也希望大家支持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的简单使用

相关文章

  • jQuery.ajax 跨域请求webapi设置headers的解决方案
  • jquery中.add()的使用分析
  • 简单实现jQuery多选框功能
  • Jquery 全选反选实例代码
  • jQuery动态添加删除select项(实现代码)
  • jQuery上传多张图片带进度条样式(DEMO)
  • jquery自适应布局的简单实例
  • JQuery与JS里submit()的区别示例介绍
  • 10个基于Jquery的幻灯片插件教程
  • 基于jquery的复制网页内容到WORD的实现代码

文章分类

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

最近更新的内容

    • jquery.artwl.thickbox.js 一个非常简单好用的jQuery弹出层插件
    • jquery 操作单选框,复选框,下拉列表实现代码
    • JQuery实现鼠标滚轮滑动到页面节点
    • 浅谈jQuery页面的滚动位置scrollTop、scrollLeft
    • jquery访问ashx文件示例代码
    • Jquery 模拟用户点击超链接或者按钮的方法
    • 如何编写jquery插件
    • 初步认识JavaScript函数库jQuery
    • jQuery CheckBox全选、全不选实现代码小结
    • jQuery表单元素选择器代码实例

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

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