jQuery实现图片信息的浮动显示实例代码_jquery
WBOY
Lepaskan： 2016-05-16 17:24:17
asal
1076 orang telah melayarinya
如图：
复制代码 代码如下:
<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");
});
})
Label berkaitan：
sumber：php.cn
Artikel sebelumnya：jquery cookie实现的简单换肤功能适合小网站_jquery
Artikel seterusnya：js中点击空白区域时文本框与隐藏层的显示与影藏问题_javascript技巧
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31
Isu terkini
Di mana saya harus meletakkan arahan CustomLog dalam apache
Saya menggunakan php:7.2-apachedocker. Saya perlu melumpuhkan log akses log masuk url sema...
daripada 2024-04-06 22:03:59
0
1
990
Bagaimana untuk mengumpulkan dan mengira dalam MySQL?
Saya cuba menulis pertanyaan yang mengekstrak jumlah bilangan mesej yang tidak dipadam yan...
daripada 2024-04-06 18:30:17
0
1
353
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
-
-
-
Tutorial Video Permulaan JAVA2540401 -
-
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Muat turun terkini
Lagi>