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

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

WBOY
풀어 주다: 2016-05-16 17:14:16
원래의
1071명이 탐색했습니다.
复代码码 代码如下:

               
               
                 机예:${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);
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿