>웹 프론트엔드 >JS 튜토리얼 >title_javascript 스킬 위로 마우스 슬라이드 시 이미지의 JS 코드 표시

title_javascript 스킬 위로 마우스 슬라이드 시 이미지의 JS 코드 표시

WBOY
WBOY원래의
2016-05-16 17:14:161083검색
复代码码 代码如下:

               
               
                 机예:${air.aircrafttype}
jquery.tooltip.execute.js:
$(document).ready(function(){
 $(".with-tooltip") .simpletooltip();
});
tooltip.v.1.1.js: www.jb51.net
 /**
*
* Marius ILIE의 simpleTooltip jQuery 플러그인
* 자세한 내용은 방문하세요
*
**/
(function($){ $.fn .simpletooltip = function(){
 return this.each(function() {
  var text = $(this).attr("title");
  $(this).attr("title" , "");
  if(text != undefine) {
   $(this).hover(function(e){
    vartipX = e.pageX 12;
    vartipY = e. pageY 12;
    $(this).attr("title", "");
    $("body").append("
" text "
");
    if($.browser.msie) vartipWidth = $("#simpleTooltip").outerWidth(true)
    else vartipWidth = $("#simpleTooltip").width()
    $("#simpleTooltip").width(tipWidth);
    $("#simpleTooltip").css("left", tipX).css("top",tipY).fadeIn("medium");
   }, function(){
    $("#simpleTooltip").remove();
    $(this) .attr("제목", 텍스트);
   });
   $(this).mousemove(function(e){
    vartipX = e.pageX 12;
    vartipY = e. pageY 12;
    vartipWidth = $("#simpleTooltip").outerWidth(true);
    vartipHeight = $("#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);
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.