jquery 작업 DOM 케이스 코드 Sharing_jquery

实例如下：

复代码 代码如下:

<스크립트 언어="javascript">
/*$(document).ready(function(){
var x=10;
var y=20;
$("a .tooltip").mouseover(function(e) {
this.myTitle=this.title;
this.title=""
var tooltip="

" this.title "

" ;
$("body").append(tooltip)
$("#tooltip").css({
"top" : (e.pageY y) "px",
"왼쪽" : (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?" this.myTitle : ""; = "

" imgTitle "

" //创建 div 元素
$("body").append(tooltip); //把它追加到文档中
$("#tooltip")
.css({
"top": (e.pageY y) "px",
"왼쪽": (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

유유效果：

• 


• 


• 


• 

无效果：

• < /a>
  
• 
  
• < /a>
  
• < /a>
  

결과: