国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery提示效果實例分析

2019-11-20 13:52:14
字體:
來源:轉載
供稿:網友

本文實例講述了jquery提示效果的用法。分享給大家供大家參考。具體實現方法如下:

復制代碼 代碼如下:
<p><a href="#" class="tooltip" title="這是我的超鏈接提示1.">提示1.</a></p>
<p><a href="#" class="tooltip" title="這是我的超鏈接提示2.">提示2.</a></p>
<p><a href="#" title="這是自帶提示1.">自帶提示1.</a></p>
<p><a href="#" title="這是自帶提示2.">自帶提示2.</a></p>

$(function(){
    $(".tooltip").mouseenter(function(e){
 this.mytitle=this.title
 this.title=""
 var a="<div>"+this.mytitle+"</div>"
 $("body").append(a);
 $("div").css({
     "top": (e.pageY + y) + "px",
     "left": (e.pageX  + x) + "px"
 }).show("fast")
    }).mouseout(function(){
 this.title= this.mytitle;
 $("div").remove();
     });
})

心得體會:

不要在p標簽下追加div元素,會出現一個大的偏差值!

原來!this和$("this")是有所不同,如果上文this.title改寫成$("this").attr("title")會導致下面的mouseout事件無法訪問保存下來的title。

希望本文所述對大家的jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 许昌县| 延吉市| 肃南| 日照市| 拜城县| 望都县| 綦江县| 石林| 青阳县| 旬阳县| 博兴县| 元朗区| 南开区| 海淀区| 金坛市| 屏山县| 伊川县| 宁安市| 合江县| 老河口市| 曲靖市| 万荣县| 平塘县| 呼和浩特市| 密山市| 聂拉木县| 霞浦县| 屏山县| 嘉禾县| 玉溪市| 清新县| 盐池县| 山丹县| 仁布县| 拉孜县| 咸宁市| 抚顺县| 西峡县| 井陉县| 康平县| 曲沃县|