ITPub博客

首页 > IT职业 > IT职场 > 鼠标滑在标题上显示图片的JS代码

鼠标滑在标题上显示图片的JS代码

IT职场 作者:gjfer 时间:2021-09-09 10:00:05 0 删除 编辑


       
        机型:" >${air.aircrafttype}
jquery.tooltip.execute.js:
$(document).ready(function(){
$(".with-tooltip").simpletooltip();
});
tooltip.v.1.1.js: www.jb51.net

(function($){ $.fn.simpletooltip = function(){
return this.each(function() {
var text = $(this).attr("title");
$(this).attr("title", "");
if(text != undefined) {
 $(this).hover(function(e){
 var tipX = e.pageX + 12;
 var tipY = e.pageY + 12;
 $(this).attr("title", "");
 $("body").append("

");
 if($.browser.msie) var tipWidth = $("#simpleTooltip").outerWidth(true)
 else var tipWidth = $("#simpleTooltip").width()
 $("#simpleTooltip").width(tipWidth);
 $("#simpleTooltip").css("left", tipX).css("top", tipY).fadeIn("medium");
 }, function(){
 $("#simpleTooltip").remove();
 $(this).attr("title", text);
 });
 $(this).mousemove(function(e){
 var tipX = e.pageX + 12;
 var tipY = e.pageY + 12;
 var tipWidth = $("#simpleTooltip").outerWidth(true);
 var tipHeight = $("#simpleTooltip").outerHeight(true);
 if(tipX + tipWidth > $(window).scrollLeft() + $(window).width()) tipX = e.pageX - tipWidth;
 if($(window).height()+$(window).scrollTop()  $("#simpleTooltip").css("left", tipX).css("top", tipY).fadeIn("medium");
 });
}
});
}})(jQuery);

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3789/viewspace-2814909/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-09-26

  • 博文量
    0
  • 访问量
    833