ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryで画像情報のフローティング表示を実装するサンプル code_jquery
jQueryで画像情報のフローティング表示を実装するサンプル code_jquery
- WBOYオリジナル
- 2016-05-16 17:24:171067ブラウズ
例:
复制代代码如下:
li{list-style:none;float:left;margin-right:10px;border:1px Solid #AAAAAA}
#tooltip{position:absolute;}
$(function(){
var x = 10;
var y = 20;
$("a.tooltip").hover(function(){
var title = this .title;
$("a.tooltip").attr("newTitle",this.title);
var $div = $("
$("body")。 append($div);
$div.css({"位置":"絶対","背景":"シルバー"}).show("高速"); 🎜>this.title = this.newTitle;
$("#newTip").remove();
}).mousemove(function(e){
var $div = $( "#newTip").css({"left":(e.pageX x) 'px',"top":(e.pageY y) 'px'}).show("fast"); );
})
$div.css({"位置":"絶対","背景":"シルバー"}).show("高速"); 🎜>this.title = this.newTitle;
$("#newTip").remove();
}).mousemove(function(e){
var $div = $( "#newTip").css({"left":(e.pageX x) 'px',"top":(e.pageY y) 'px'}).show("fast"); );
})
