ホームページ > ウェブフロントエンド > htmlチュートリアル > page_html/css_WEB-ITnose の右下隅にあるポップアップ広告ケース

page_html/css_WEB-ITnose の右下隅にあるポップアップ広告ケース

WBOY
リリース: 2016-06-24 11:50:19
オリジナル
1223 人が閲覧しました


右下に広告が表示されます
('#btn') をクリックします (function () {

// Step)。 : ページの右下隅にレイヤーを作成します

var dvobj = $ ('& lt; div id = "dv" style="border:1px Solid red; width:300px; height:200px; Position:absolute;right :0;bottom:0;">
').appendTo($('body'));步 二 // ステップ 2: 閉じるボタンを作成します (実際には閉じていてオフになっているように見せかけます) レイヤーに追加します

// 閉じたボタンを追加します (偽のシャットダウン、閉じたボタンをクリック、ページに直接ジャンプします)
// 最初の方法

//$('閉じる').appendTo(dvObj);

span style="float:left;cursor:pointer">Close').click(function () {
window.location.href = "http://www.baidu.com";
).appendTo(dvObj);

).click(関数) () {
dvObj.remove(); $('page_html/css_WEB-ITnose の右下隅にあるポップアップ広告ケース});
& & lt;/script & gt;

& lt;

& lt; body & gt; ; & Lt; input type="button" name="name" value="ポップ広告" id="btn" />


---最終効果


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート