<script>
$(document).ready(function(){
$("#img").mouseover(function(e){
var widthh=e.originalEvent.x-$(this).offset().left||e.originalEvent.layerX-$(this).offset().left||0;//
var heightt=e.originalEvent.y-$(this).offset().top||e.originalEvent.layerY-$(this).offset().top||0;//
var tooltip = "<div id='tooltip'>图片的宽度:" + widthh +"<br>图片的高度:"+heightt+ "</div>";
$('#container').append(tooltip);
}).mouseout(function(){
$("#tooltip").remove();
this.title = this.myTitle;
})
});
</script>
以上是可以显示一次图片坐标的正确代码,但是我想是鼠标移动到图片哪里,就能马上显示,jquery怎么弄呢?
$(document).ready(function(){
$("#img").mouseover(function(e){
var widthh=e.originalEvent.x-$(this).offset().left||e.originalEvent.layerX-$(this).offset().left||0;//
var heightt=e.originalEvent.y-$(this).offset().top||e.originalEvent.layerY-$(this).offset().top||0;//
var tooltip = "<div id='tooltip'>图片的宽度:" + widthh +"<br>图片的高度:"+heightt+ "</div>";
$('#container').append(tooltip);
}).mouseout(function(){
$("#tooltip").remove();
this.title = this.myTitle;
})
});
</script>
以上是可以显示一次图片坐标的正确代码,但是我想是鼠标移动到图片哪里,就能马上显示,jquery怎么弄呢?
解决方案 »
- Jquery ajax调用 WebService
- 在处理Object标签与Embed标签时思考的问题
- javascript动态往select中插入大量option速度会非常慢
- Ext中的checkboxgroup动态添加删除项
- 求教各位高手一个导航条问题!!!急!!
- Javascript 面向对象的方法声明问题?
- javascript变量重复命名问题
- 请问:使用javascript怎样得到页面中下拉列表的所有可以选择的值?
- 如何在html里嵌入多个javascript程序.
- 每次看JavaScript权威指南中的enumeration都抓狂
- 《javascript权威指南》和《javascript高级程序设计》的选择
- jquery 得到元素数组在POST至PHP的问题
如果是要拖动图片可以用mousemove事件
$("#img").mousemove(function (e) {
alert(e.clientX + "-" + e.clientY);
});
如果是放到图片上面就显示图片就用mouseover
$("#img").mouseover(function () {
$(this).show();
});