jQueryのは、ページの中央に窓絵コードを浮動します

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>

おすすめ

転載: www.cnblogs.com/baker95935/p/11131254.html