首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery札记$("3")——jQuery中DOM操作

2012-11-12 
jQuery笔记$(3)——jQuery中DOM操作val(),鼠标得到焦点文字消失,鼠标焦点消失文字显示。html代码js代码js代

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>

热点排行