ホームページ > 記事 > ウェブフロントエンド > jquery_jquery を使用してカプレット広告を実装する方法
この記事の例では、jquery がカプレット アドバタイジングを実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。
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; }