首頁 > web前端 > js教程 > 滑鼠滑過出現預覽的大圖提示效果_javascript技巧

滑鼠滑過出現預覽的大圖提示效果_javascript技巧

WBOY
發布: 2016-05-16 16:58:07
原創
1211 人瀏覽過

當滑鼠滑過圖片時,圖片會出現預覽的大圖,大圖下面還會有介紹文字。

複製代碼 代碼如下:











"; //建立
元素
$("body").append( tooltip); //將它追加到文本
$("#tooltip")
.css({
"top": (e.pageY y) "px",
"left ": (e.pageX x) "px"

}).show("fast"); //設定x座標和y座標,並且顯示
}).mouseout(function () {
this.title = this.myTitle;
$("#tooltip").remove(); //移除
}).mousemove(function (e) {
$("# tooltip")
.css({
"top": (e.pageY y) "px",
"left": (e.pageX x) "px"
});
});
})






滑鼠滑過出現預覽的大圖提示效果_javascript技巧
滑鼠滑過出現預覽的大圖提示效果_javascript技巧
滑鼠滑過出現預覽的大圖提示效果_javascript技巧
包包






滑鼠滑過出現預覽的大圖提示效果_javascript技巧
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板