JQuery 鼠标提示特效之 Sweet Titles

JQuery 鼠标提示特效之 Sweet Titles

<code>
/**JQuery 鼠标提示特效之 Sweet Titles */
jQuery(document).ready(function($){

$("a").mouseover(function(e){
    this.myTitle = this.title;
    this.myHref = this.href;
    this.myHref = (this.myHref.length > 30 ? this.myHref.toString().substring(0,30)+"..." : this.myHref);
    this.title = "";
    var tooltip = "<div id='tooltip'><p>"+this.myTitle+"<em>"+this.myHref+"</em>"+"</p></div>";
    $('body').append(tooltip);
    $('#tooltip').css({"opacity":"0.8","top":(e.pageY+20)+"px","left":(e.pageX+10)+"px"}).show('fast');
}).mouseout(function(){this.title = this.myTitle;$('#tooltip').remove();
}).mousemove(function(e){$('#tooltip').css({"top":(e.pageY+20)+"px","left":(e.pageX+10)+"px"});
});

});

</code>

0 thoughts on “JQuery 鼠标提示特效之 Sweet Titles
添加一条新回复 回到顶部

亲爱的,主人已经关闭了这篇文章的评论 。