jQueryのは、ページの中央に窓絵コードを浮動します
<!DOCTYPE HTML> <HTML> < ヘッド > の<meta =文字コード" UTF-8 " > <タイトル> jqueryの漂浮广告代码-jq22.com </ TITLE> <スクリプトSRC = " https://libs.baidu.com /jquery/1.9.1/jquery.min.js " > </ SCRIPT> <スタイル> </スタイル> </ ヘッド > <body> <DIV ID = " imgDiv "スタイル= " 位置:絶対;左:は50px。トップ:60PX; " > <div要素のid = " A "スタイル= "幅40ピクセル、高さ40ピクセル;位置:絶対;左:640x460ピクセル、背景:サケ;テキスト整列:センター。" > <フォントサイズ= " 3 " >×</ FONT> </ div> <divのスタイル= " 幅:700px;高さ:500pxなど。" > <IMGのスタイル= " 幅:700px;高さ:500pxなど。" SRC = " ./1.png " > </ div> </ div> <スクリプト> VAR XINは = 真、 陰は = 真、 VARステップ = 1 ; VAR遅延 = 10 。 $ OBJました。 $(ファンクション(){ $ OBJ = $(" #imgDiv " )。 VaRの時間 = window.setInterval(" ムーブ(imgDiv)" 、遅延)。 $のobj.mouseover(関数(){ てclearInterval(時間) })。 $ obj.mouseout(関数(){ 時間 = window.setInterval(" ムーブ(imgDiv)" 、遅延) })。 }); 関数移動(divName){ VARのトップ =($(ウィンドウ).height() - $(divName).height())/ 2 。 VAR左 =($(ウィンドウ).width() - $(divName).width())/ 2 ; VAR scrollTopスプライト = $(文書).scrollTop(); VAR scrollLeft = $(文書).scrollLeft(); $(divName)の.css({位置:' 絶対'、' 上部':トップ+ scrollTopスプライトは、左+左).SHOW(scrollLeftを})。 } $(関数(){ $(" #A ").click(関数(){ VARのB = $(" #A " ).parent(); $(b)は.remove(); }) }) $(" #imgDiv " ).draggable(); </スクリプト> </ BODY> </ HTML>