Jquery はカスタム ツールチップのサンプル code_jquery を実装します。

Jquery はカスタム ツールチップを実装します。具体的なコードは次のとおりです。

コードをコピーします。 コードは次のとおりです。 >

<% @ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication247.Default" %>

.w3.org/1999/xhtml"> ;


#tooltip

位置:絶対;
ボーダー:1px ソリッド #333;
カラー:#333; }

language="javascript" type="text/javascript">
$(function () {
var x = 10; //ツールチップはマウスの横座標をオフセットします
var y = 20; // tooptip はマウスの座標をオフセットします
var myTitle;ニュースを表示し、システムのデフォルトのツールチップを復元し、カスタマイズされたツールチップを削除します
//3. ニュースの上にマウスを移動し、カスタマイズされたツールチップの位置を設定します
$("a.tooltip").mouseover (function ( e) {
myTitle = this.title;
this.title = "";
var tooltip = "

" myTitle "

";
$("body").append(tooltip);
$("#tooltip").css({
"top": (e.pageY y) " px",
"left": (e.pageX x) "px"
}).show("fast");
}).mouseout(function () {
this.title = myTitle;
$("#tooltip").remove();
}).mousemove(関数 (e) {
$("#tooltip").css({
" ": (e.pageY y) "px",
"left": (e.pageX x) "px"
});
});
});
< ;/script>

• 甘いゆるいセーターはきっと人気になります




• < a href="#" class="tooltip" title="晩夏のシフォン店主涙の大セール。">晩夏のシフォン店主涙の大セール
;li>瑞麗のみんながおすすめする秋服
• 48 元のロング ニット カーディガンが売れています。< /a>


• ロング袖付きのシフォンシャツは、一枚で着ても、重ね着しても素敵です。