jQuery (IE7、Firefox) に基づく Web ページの右下隅のポップアップ広告 (IE7、Firefox)_jquery

デモコード:

<title>テスト</title> <style type="text/css"> .divCss{ bottom:0; display:block; height:25px; overflow:hidden; padding:0; position:fixed; right:20px; } .contentCss{ background:#666; height:200px; width:200px; } .contentCssHeight{ } .titleCss{ width:200px; height:25px; line-height:25px; text-align:right; margin:0px; background:#999999; } #close{ cursor:pointer; } </style> <div style="height: 1000px; background: #ccc;"> </div> <div id="msgDiv" class="divCss"> テスト部門<div id="ditTitle" class="contentCssHeight titleCss"> <span id="close"> </span> </div>開く<div id="divContent" class="contentCss"></div> </div> テスト内容はこちら<div style="height: 1000px; background: #C0C0C0;"> </div> テスト部門
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、それを実行するために更新する必要があります
]

コアコード: コードをコピー

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


$(function(){
//タイトルレイヤーの高さ -- オンまたはオフにするプロンプト
var titHeight=$("#ditTitle").height();
//コンテンツレイヤーの高さ
var conHeight=$("#divContent").height() ;

//開くか閉じる
$("#close").toggle(function(){
//変更プロンプト
$("#close").text(" Close");
//アニメーション -- メッセージ レイヤーの高さが 1 秒以内に増加し、上部が増加します
$("# msgDiv").animate({height:titHeight conHeight},1000,function(){
//展開後に実行される関数
});
}, function(){
//プロンプトを変更
$("#close").text("Open");
//alert(temp " " titHeight);
$("#msgDiv").animate({height:titHeight}, 1000,function(){
//クローズ後に実行される関数
} );

//
var myTimer,i=8>関数を実行します。 ()
{
//クリックイベントをトリガーし、
if(i==4)
{
$("#close").click();
}
//タイムアウトをクリアし、クリックイベントをトリガーし、レイヤーを閉じます
if(i ==0)
{
window.clearTimeout(myTimer);
if($("#close"); text()!="Open")
$("#close") .click();
myTimer=window.setTimeout(starFun,1000); ;
}
starFun()
});


現在、多くの中国人ユーザーが IE6 を使用しているという事実を考慮して、IE6 は動作しないことがテストされています。 、学習することをお勧めしますが、使用することはお勧めしません。