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

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

WBOYオリジナル: 2016-06-24 11:50:191168ブラウズ

右下に広告が表示されます
('#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" />

---最終効果

声明：

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

前の記事：個人のウェブサイトを構築する旅次の記事：個人のウェブサイトを構築する旅

続きを見る

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

関連記事