春の大ポップアップ広告

<! -春季大型- >
<スタイルタイプ= "テキスト/ cssの">
#popBigAd {幅:760px;高さ:400ピクセル;}
#popBigAd IMG {幅:760px;高さ:400ピクセル;国境:なし;}
#popBigAd #popBigAdClose、#popBigAd#popBigAdClose1 {表示:ブロック;幅は50px;テキスト整列:センター;カーソル:ポインタ;位置:絶対;右:5pxの;}
#popBigAd #popBigAdClose {高さ:は50px;行の高さ:34px! !重要; *行の高さ:40ピクセル重要;行の高さ:40ピクセル;フォントサイズ:60PX;背景:#000;フィルター:アルファ(不透明度= 30); - MOZ-不透明度:0.3; -khtml-不透明度:0.3 ;不透明度:0.3;上部:5pxの;}
#popBigAd#popBigAdClose1 {高さ:26px;行の高さ:26px;フォントサイズ:20ピクセル、フォントファミリ: "微軟雅黒"、SimHei;色:#1 71776a;トップ:55× ;}
#popBigAd #popBigAdClose:ホバー、#popBigAd#popBigAdClose1:ホバー{テキスト装飾:なし;}
</スタイル>
<スクリプトタイプ= "テキスト/ javascriptの">
$(ドキュメント).ready(関数(){
$( "ボディ")。追加( "<DIV ID = 'popBigAd'> <a id='popBigAdClose'> X </ A> <a id='popBigAdClose1'>关闭</a>の<a href='http://subject.gxrc.com/2014/cjmeet/info.aspx' target='_blank'> <IMG SRC = 'HTTP :「/> </a>の</ DIV> //image.gxrc.com/gxrcsite/ad/2014spring.gif ");
VAR popBigAd = $(" #popBigAd ");
VARのx =($(ウィンドウ)。幅() - popBigAd.width())/ 2;
VARのY =($(ウィンドウ).height() - popBigAd.height())/ 2;
popBigAd.css({位置: "絶対"、トップ:Y、左:X、 "Zインデックス":9999})を表示();
VAR近い= $( "#1 popBigAdClose");
VAR close1 = $(」#popBigAdClose1" );
close.click(関数(){
popBigAd.hide();
}。)マウスオーバー(関数(){
$(この)の.css( "色"、 "#ff9854の");
close1.css( "色"、 "#1 ff9854")。
。})マウスアウト(関数(){
$(この)の.css( "色"、 "#1 b8c1ad");
close1.css( "色"、 "#1 71776a");
});
close1.click(関数(){
close.trigger() "クリック";
})。マウスオーバーする(関数(){
close.trigger( "マウスオーバー");
})。マウスアウト(関数(){
close.trigger(「マウスアウト「);
});
setTimeout(関数(){
popBigAd.hide();
}、8000)。
});
</ SCRIPT>
<! -春季大型終了- >

おすすめ

転載: www.cnblogs.com/sunnywindycloudy/p/11646449.html