ホームページ > ウェブフロントエンド > jsチュートリアル > title_javascript スキルの上にマウスをスライドすると画像の JS コードを表示します

title_javascript スキルの上にマウスをスライドすると画像の JS コードを表示します

WBOY
リリース: 2016-05-16 17:14:16
オリジナル
1072 人が閲覧しました
复制代 代码如下:



机種類:${air.aircrafttype}
jquery.tooltip.execute.js:
$(document).ready(function(){
$(".with-tooltip") .simpletooltip();
});
tooltip.v.1.1.js: www.jb51.net
/**
*
* simpleTooltip jQuery プラグイン、Marius ILIE 作
* 詳細については、こちらをご覧ください
*
**/
(function($){ $.fn .simpletooltip = function(){
return this.each(function() {
var text = $(this).attr("title");
$(this).attr("title" , "");
if(text != unknown) {
$(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("title", text);
});
$(this).mousemove(function(e){
vartipX = e.pageX 12;
vartipY = e. pageY 12;
vartipWidth = $("#simpleTooltip").outerWidth(true);
vartipHeight = $("#simpleTooltip").outerHeight(true);
if(tipXtipWidth > $(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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート