Javascript 弹出消息,如SO标志窗口
我如何创建一个弹出窗口/消息,就像您在这个站点上单击标志链接时看到的那样,您可以使用jQuery插件,因为您已经将其标记为jQuery。是一个很好的方法,可以在事件处理程序中使用Javascript 弹出消息,如SO标志窗口,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我如何创建一个弹出窗口/消息,就像您在这个站点上单击标志链接时看到的那样,您可以使用jQuery插件,因为您已经将其标记为jQuery。是一个很好的方法,可以在事件处理程序中使用 类似,但看起来很棒。这里有一个自定义解决方案。只需创建一个div,淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入 jQuery: $('document').ready(function() { $('#target').click
类似,但看起来很棒。这里有一个自定义解决方案。只需创建一个div,淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入 jQuery:
$('document').ready(function() {
$('#target').click(function (event) {
var x = event.pageX;
var y = event.pageY
$('<div id="popup">Click to close</div>').appendTo('body');
$('#popup').css({opacity:0,display:'block',top:y,left:x}).animate({opacity: 1}, 300);
});
$('#popup').live('click', function() {
$(this).animate({opacity: 0}, 300, function(){$(this).remove();});
});
});
HTML:
点击这里
这看起来真的很酷+1.但我正在寻找一些我可以在里面点击并选择单选按钮的东西。基本上,我在寻找SO flag按钮的行为。我提到的第二个按钮允许您在工具提示中使用HTML。
#target {
cursor: pointer;
position:absolute;
top: 100px;
left: 100px;
background: orange;
border: 2px solid red;
color: white;
padding: 10px;
}
#popup {
width: 100px;
height: 100px;
background: #EEE;
border: 4px dashed purple;
position: absolute;
display:none;
}
<div id="target">click here</div>