ホームページ  >  記事  >  ウェブフロントエンド  >  jquery_jquery を使用してカプレット広告を実装する方法

jquery_jquery を使用してカプレット広告を実装する方法

WBOY
WBOYオリジナル
2016-05-16 16:15:421176ブラウズ

この記事の例では、jquery がカプレット アドバタイジングを実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:


<頭>


<スクリプトタイプ="text/javascript">
$(document).ready(function(){
var duilian = $("div.duilian");
var duilian_close = $("a.duilian_close");

var window_w = $(window).width();
If(window_w>1000){duilian.show();}
$(ウィンドウ).scroll(function(){
varscrollTop = $(window).scrollTop();
duilian.stop().animate({top:scrollTop 100});
});
duilian_close.click(function(){
$(this).parent().hide();
return false;
});
});

<スタイル>
/*以下は対句広告のCSSコードです*/
.duilian{トップ:100px;位置:絶対;幅:102px;オーバーフロー:非表示;}
.duilian_left{ left:6px;}
.duilian_right{right:6px;}
.duilian_con{ボーダー: 赤色のソリッド 1 ピクセル; 幅: 100 ピクセル; 高さ: 300 ピクセル; }
.duilian_close{ 幅:100%; 行の高さ:24px; フォントサイズ:13px; }





対句の内容

XClose


対句の内容

XClose



この記事が皆さんの jQuery プログラミングに役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。