2
私には問題があります。次のツールチップはうまく動作しますが、問題があります。マウスを右に動かすと、カーソルがツールチップよりも速くなり、マウスがホバーします。これにより、分割されたカーソルが隠れて表示されます。jqueryツールチップmouseout mouseover
http://gabibyte.zxq.net/jquery_tooltips/example.html
// !REMEMBER TO INCLUDE JQUERY IN YOUR PAGE - IF YOU DON'T KNOW HOW, JUST INCLUDE THE LINE OF CODE BELOW IN THE <HEAD>...</HEAD> PART OF YOUR PAGE
/* <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script> */
//----------------------------------------------CONFIGURATION
var offset=15; //Distance between tooltip and cursor
var fadeInSpeed=600; //Speed of the Fade-IN effect in miliseconds
var fadeOutSpeed=200; //Speed of the Fade-OUT effect in miliseconds
var clearQueue = true; //If set to false, if you hover over many elements fast, the events will stack up
var gotoEnd= true; //If set to false, if you hover over many elements fast, the events will stack up
//---------------------------------------------GLOBAL VARIABLES
var mouseX,mouseY;
$(document).ready(function(){
//-----------------------------------------------MOUSE EVENTS
$(document).mousemove(function(e){
mouseX=e.pageX+offset;
mouseY=e.pageY;+offset
$('.floating').css('top',mouseY);
$('.floating').css('left',mouseX);
});
//------------------------------------------------HOVER EVENTS
$('.hastooltip').hover(function() {
var selector ="#"+ $(this).attr('tooltip');
//alert(selector);
//$(selector).stop(clearQueue , gotoEnd)
$(selector).fadeIn(250,function() {});
},function() {
var selector ="#"+ $(this).attr('tooltip');
$(selector).fadeOut(fadeOutSpeed,function() {});
}
);
});
onmouseoutについては、「ホバリングツールボックスは何もしません。fadeOut」と言う方法はありますか？
問題をもう少し詳しく説明できますか？私はあなたが修正しようとしていることを理解していない。 – Charmander