社区 学习 工具库 休闲
搜索
简体中文
首页 > web前端 > js教程 > jQuery实现图片信息的浮动显示实例代码_jquery

jQuery实现图片信息的浮动显示实例代码_jquery

WBOY
发布： 2016-05-16 17:24:17
原创
1076 人浏览过

如图：
jQuery实现图片信息的浮动显示实例代码_jquery 

复制代码 代码如下:






<script> <BR>$(function(){ <BR>var x = 10; <BR>var y = 20; <BR>$("a.tooltip").hover(function(){ <BR>var title = this.title; <BR>$("a.tooltip").attr("newTitle",this.title); <BR>this.title = ''; <BR>var $div = $("<div id='newTip'><img src='"+this.href+"'/ alt="jQuery实现图片信息的浮动显示实例代码_jquery" ><br/>"+this.newTitle+"</script>
");
$("body").append($div);
$div.css({"position":"absolute","background":"silver"}).show("fast");
},function(){
this.title = this.newTitle;
$("#newTip").remove();
}).mousemove(function(e){

var $div = $("#newTip").css({"left":(e.pageX+x)+'px',"top":(e.pageY+y)+'px'}).show("fast");
});
})




  • 苹果 iPod

  • 苹果 iPod nano

  • 苹果 iPhone

  • 苹果 Mac




相关标签：
图片信息
来源：php.cn
上一篇：jquery cookie实现的简单换肤功能适合小网站_jquery 下一篇：js中点击空白区域时文本框与隐藏层的显示与影藏问题_javascript技巧
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
我应该在 apache 中哪里放置 CustomLog 指令 我正在使用php:7.2-apachedocker。我需要禁用运行状况检查url登录访问日志。基于此链接，他们提到了有关修改Customlog指令的信息。我不是关于需要更改Cust...
来自于 2024-04-06 22:03:59
0
1
990
查询和公式形成整个表，带有新列，其中新列是涉及其他条件列值的公式 编辑：公式应该是“值”列-根据类别具有最低user_id的“值”列。因此第2行将为0.04，因为类别“A”的最低“user_id”的“value”列是0.01。抱歉。我想从表中检索...
来自于 2024-04-06 21:23:40
0
2
530
在网络应用程序中显示版本信息的最佳实践是什么？ 我正在开发一个网络应用程序。在网络应用程序中显示版本信息的最佳实践是什么？我正在使用语义版本控制，并且我已经有了semver，例如1.2.0但我很好奇在哪里显示它的最佳方式以及如何...
来自于 2024-04-06 19:13:16
0
2
476
使用 Axios 和 Node.js 从 PokeAPI 获取特定统计信息 (Stats) 时遇到问题 我有一个问题，我正在尝试使用PokemonAPI，但是当我尝试访问攻击、HP和速度统计信息时，它显示所有Pokemon的undefined！谁能告诉我API调用出了什么问题？con...
来自于 2024-04-06 18:46:35
0
1
464
MySQL中如何进行分组和计数？ 我正在尝试编写一个查询，提取发送给朋友的未删除消息的总数。这是表结构的屏幕截图：我想要实现的输出结果如下：idmessages_count---------------------...
来自于 2024-04-06 18:30:17
0
1
353
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板