jQuery笔记$("3")——jQuery中DOM操作
val(),鼠标得到焦点文字消失,鼠标焦点消失文字显示。
html代码
js代码
js代码
js代码<script type="text/javascript">$(function(){var x = 10;var y = 20;$("a.tooltip").mouseover(function(e){this.mytitle = this.title;this.title = "";var imgTitle = this.mytitle? "<br/>"+this.mytitle : "";var tooltip = "<div id='tooltip'><img src='"+this.href+"' alt='图片预览'\>"+imgTitle+"<\/div>";$("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();}).mousemove(function(e){$("#tooltip").css({"top":(e.pageY+y)+"px","left":(e.pageX+x)+"px"}).show("fast");})})</script>