读书人

jQuery札记$(quot;3quot;)jQuery中DOM操作

发布时间: 2012-11-12 12:31:58 作者: rapoo

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>

读书人网 >Web前端

热点推荐