html鼠标悬停显示多个div,怎么实现:当鼠标悬停在文本框上,弹出一个div ,该div中显示动态内容...

随便写一个  看看符合你要求不!!

jQuery.fn.quicktip = function(options) {

var defaults = {

speed : 500,

xOffset : 10,

yOffset : 10

};

var options = $.extend(defaults, options);

return this.each(function() {

var $this = jQuery(this);

if ($this.attr('value') != undefined) {

var value = ($this.attr('value'));

} else {

var value = '此标签value值为空';

}

    var messageDiv = $("

");

$(this).hover(function(e) {

$(this).css('cursor', 'pointer');

messageDiv.remove();

     messageDiv = $("

");

// $.ajax(....这里可以根据value值访问服务器,查你想要的.....);

$("body").append(messageDiv);

messageDiv.css("top", (e.pageY + defaults.xOffset) + "px")

.css("left", (e.pageX + defaults.yOffset) + "px")

.fadeIn(options.speed);

}, function() {

// Remove the tooltip from the DOM

messageDiv.remove();

});

$(this).mousemove(function(e) {

messageDiv.css("top", (e.pageY + defaults.xOffset) + "px")

.css("left", (e.pageX + defaults.yOffset) + "px");

});

});

};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值