为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
JavaScript

<SCRIPT type=text/javascript class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js/jquery.tooltip.v.1.1.js"></SCRIPT>
       <SCRIPT type=text/javascript class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js/jquery.tooltip.execute.js"></SCRIPT>
        机型:<a href="#nogo" class="with-tooltip" title="<img src='images/plane/${air.aircrafttype}.jpg'/>" >${air.aircrafttype}</a>
jquery.tooltip.execute.js:
$(document).ready(function(){
$(".with-tooltip").simpletooltip();
});
tooltip.v.1.1.js: www.jb51.net
/**
*
* simpleTooltip jQuery plugin, by Marius ILIE
* visit for details
*
**/
(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("<div id='simpleTooltip' style='position: absolute; z-index: 100; display: none;'>" + text + "</div>");
 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() < tipY + tipHeight) tipY = e.pageY - tipHeight;
 $("#simpleTooltip").css("left", tipX).css("top", tipY).fadeIn("medium");
 });
}
});
}})(jQuery);

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

举报

0/150
提交
取消