jquery/javascriptを使用して、ユーザーのマウスをイメージマップ上でマウスの後ろに移動する必要があります。それはうまくいく一方向ですが(左に)、右に行くと本当に跳ね上がります。jQueryのホバーオーバー画像は一方向にうまく動作し、もう一方は跳ね返ります
http://screencast.com/t/rnm1jUkvv8P
HERESに私のコード:
if (sPage == "fireplan.aspx") {
jQuery('area').mousemove(function(e) { deshowtooltip(e, this) });
// jQuery('area').mousemove(function(e) { demovetooltip(e) });
jQuery('area').mouseout(function() {
jQuery('#tooltipwindow').empty();
delasturl = '';
});
}
関数deshowtooltip(E、要素){ するvar URL = jQueryの(要素)私はここでの問題を示すビデオを作りました。 attr( 'tooltiphref');
if (delasturl != url) { jQuery('#tooltipwindow').empty(); jQuery('#tooltipwindow').load('tooltip.aspx?soid=' + url); delasturl = url; } var $this = jQuery(element); $this.data('title', $this.attr('title')); $this.removeAttr('title'); jQuery("#tooltipwindow").css("position", "fixed").css("top", (e.pageY - jQuery(window).scrollTop()) + "px").css("left", (e.pageX) + > "px").css("display", "none").show(); }
関数demovetooltip(E){jQueryの( "#1 tooltipwindow")
の.css( "頂部"、(e.pageY - jQueryの(ウィンドウ).scrollTop())+ "PX")
.css( "left"、(e.pageX)+ "px"); }
もう1つのこと、ハイパーリンクのクリックスルーは無効になっているようです。
トム