jquery操作 DOMケースコードの共有_jquery-jsチュートリアル-php.cn

例:

复制代記入 代記入例下: ボディ{ マージン:0; パディング:40px; 背景:#fff; フォント:80% Arial、Helvetica、サンセリフ; カラー:#555; 行の高さ:180%; } img{border:none;} ul,li{ margin:0; パディング:0; } li{ リストスタイル:なし; 浮動小数点:左; 表示:インライン; margin-right:10px; ボーダー:1px ソリッド #AAAAAA; } /* ツールヒント */ #tooltip{ 位置:絶対; ボーダー:1px ソリッド #ccc; 背景:#333; パディング:2px; 表示:なし; 色:#fff; } /*$(document).ready(function(){ var x=10; var y=20; $("a .tooltip").mouseover(function(e) { this.myTitle=this.title; this.title=""; vartooltip=" " this.title " " ; $("body").append(tooltip); $("#tooltip").css({ "top" : (e.pageY y) "px", "left" : (e.pageX x) "px" }).show("fast") }).mouseout(function(){ this.title=this.myTitle; $("#tooltip").remove() }); */ $(function(){ var x = 10; var y = 20; $("a.tooltip").mouseover(function(e){ this.myTitle = this.title; this.title = ""; var imgTitle = this.myTitle? ""; = " " imgTitle " "; 🎜>$("body").append(tooltip); //文档中に把它追加 $("#tooltip") .css({ "top": (e.pageY) y) "px", "left": (e.pageX x) "px" }).show("fast"); //设置x坐标和y坐标，并そして显示 } ).mouseout(function(){ this.title = this.myTitle; $("#tooltip").remove(); //移除 }).mousemove(function(e) { $("#tooltip") .css({ "top": (e.pageY y) "px", "left": (e.pageX x) "px " }); }); })

ヒント 1

ヒント 2

自带提案 1

自带提案 2

有果：

無效果：

結果: