ポップアップボックスの右下隅

<! -右下角弹出框開始- >
<スタイル>
.MessageBox {表示:なし; 幅:400ピクセル; 高さ:360px; フォントサイズ:14px; ボックスシャドウ:0 -3px 3px#d4d4d4; z屈折率:99999。背景:#fbfbfb。位置:固定; 右:0; 下:0PX。_bottom:自動; _position:絶対; _top:式(evalの(document.documentElement.scrollTop + document.documentElement.clientHeight-this.offsetHeight-(のparseInt(this.currentStyle.marginTop、10)|| 0) - (のparseInt(this.currentStyle.marginBottom、10)| | 0))); }
.MessageBoxの.tit {高さ:39px; 行の高さ:39px; 色:#FFF; border-bottom:1pxの固体#1 d1d1d1; 背景色:#258bc5。背景:!の直線勾配(#2691cd、#の2487c0)が重要。フィルタ:プログラムID:DXImageTransform.Microsoft.gradient(するGradientType = 0、startColorstr = '#1 FF2691cd'、endColorstr = '#1 FF2487c0')。背景:((#2691cd)から、(#1 2487c0)への線形、左上、左下)-webkit勾配。背景:-moz-線形勾配(上部、#の2691cd、#1 2487c0)。}
.MessageBox .tit {位置:相対。}
.MessageBox .tit H3 {行の高さ:39px; パディング:0 15ピクセル; テキスト整列:センター; }
.MessageBox .tit a.close {表示:ブロック; 幅:39px; 高さ:39px; 行の高さ:39px; フォントサイズ:20ピクセル; テキスト整列:センター; カーソル:ポインタ; 色:#FFF; 位置:絶対; トップ:0; 右:0; }
.MessageBoxは.neverTips {フォントサイズ.tit:12ピクセルと、パディング右:10pxの; 位置:絶対; トップ:0; 左:280px; }
.MessageBox .tit .neverTips入力{フロート:左; マージン:13px 5pxの0 0; }
.MessageBox .tit .neverTips {フロート:左; }
.MessageBox .tit a.close:ホバー{色:#2691cd。背景:#82cef8。テキスト装飾:なし; }
.MessageBoxの.CON {パディング:5pxの。行の高さ:20ピクセル; 色:#1 2487c0。フォントサイズ:12ピクセル; }
.MessageBoxの.CONのp.ti {テキストインデント:2EM。}
.MessageBox .CON p.tr {テキスト整列:右。}
</スタイル>
<DIV ID = "メッセージボックス"クラス= "メッセージボックス">
<DIV CLASS = "報復">
は、<a href = "javascriptの:;" クラスは、= "近い" onclickの= "hid_pop()"> </a>の×
<!
<スパンクラス= "neverTips"> <入力のid = "決して"タイプ= "チェックボックス" /> <ラベル= "決して"のために> </ label>は</ span>を思い出していない
- >
<H3> </ H3 >
</ div>
<divのクラス= "CON"上記のID = "MessageContent">
<p型>こんにちは親愛なる採用単位:</ p型>
<組織登録の成功にp型クラスは= "チタン">おめでとう<B>「2017年大学は、雇用サービス月南寧ハイテクゾーン特別採用「</ b>]を卒業します!卒業生と動作するように卒業生のためのあなたの継続的な愛とサポートをありがとう!参加者は、特定の問題は、添付ファイルを参照してください。0771-3261737唐先生:未解決の問題は、国籍、担当者と電話番号のための広西大学の募集と職業紹介部門に連絡してください。フロアプランブース広西大学民族のための大学院採用情報ネット「告知掲示板」を参照してくださいで:HTTP://jyb.gxun.edu.cn </ p型>
< - <Pクラス=「チタン」>いいえ!理由によって:<%= checkMsg%> </ p型> - >
<Pクラス= "チタン">民族のための入学就職課広西大学</ p型>
<Pクラス= "チタン"> 2017インディアン3越17月曜日</ P>
<


<Pクラス= "TI"> <aのhref="http://jyb.gxun.edu.cn/news/detail/3466"のtarget="_blank"> http://jyb.gxun.edu.cn/news /詳細/ </a>の3466 </ P>
<Pクラス= "チタン">附属参加者情報:</ P>
<Pクラス= "チタン"> <HREF =「HTTP://school.gxrc。 COM / UpLoadTitleImages /広西大学民族のための大規模なキャンパス春にShuangxuan雇用者が参加者の.docx「ターゲット=」_空白」に注目してください2017人の卒業生 > 広西大学民族のための大規模なキャンパス春に2017人の卒業生Shuangxuan雇用者は参加者に注意してください。 </a>のDOCX </ P>
</ div>
</ div>
<スクリプトタイプ= "テキスト/ JavaScriptを">
関数hid_pop(){
のdocument.getElementById( "メッセージボックス")。style.display = "NONE" ;.
}
//思い出さない
VAR noLongerRemind = {
{:グローバル
cookie_pre: "Meetting_"を、
cookie_domain: ""、
cookie_path: "/"
}、
ますsetcookie:関数(名前、値、日){
= noLongerRemind.global.cookie_pre +名前です。
VARのargc = noLongerRemind.setcookie.arguments.length。
VaRのARGV = noLongerRemind.setcookie.arguments。
VARのセキュア=(のargc> 5)?ARGV [5]:偽;
varが)(=新しい日付を期限切れ。
IF(日== NULL ||日== 0)日= 1。
expire.setTime(expire.getTime()+ 3600000 * 24 *日)。
document.cookie =名+ "=" +エスケープ(値)+( ";パス=" + noLongerRemind.global.cookie_path)+((noLongerRemind.global.cookie_domain == '') "?"( ";ドメイン= 「+ noLongerRemind.global.cookie_domain))+((セキュア==真)? ";セキュア": "")+ ";有効期限が切れる=" + expire.toGMTString();
}、
getcookie:関数(名前){
名前= noLongerRemind.global。+名前をcookie_pre。
VaRの引数=名+ "=";
VaRのALEN = arg.length。
VARクレン= document.cookie.length。
するvar i = 0;
一方(iはクレン<){
VARのJ =私はアレン+。
もし(document.cookie.substring(i、j)は==のarg)noLongerRemind.getcookieval(j)を返します。
I = document.cookie.indexOf(」」、I)+ 1。
(I == 0)ブレークであれば、
}
はnullを返します。
}、
getcookieval:関数(オフセット){
VAR endstr = document.cookie.indexOf( ";"、オフセット)。
IF(endstr == -1)
endstr = document.cookie.length。
リターン・アンエスケープ(document.cookie.substring(オフセット、endstr));
}
}

$( "#メッセージボックス.close")。クリックしてください(関数(){
場合($( "#メッセージボックス#never")。attrの(== || $( "#メッセージボックス#neverを") "にチェック") "にチェック" .ATTR( "チェック")== TRUE){
noLongerRemind.setcookie( "neverCheck"、 "真"、30);
}

});

noLongerRemind.getcookie( "neverCheckを")= NC VAR。
(NC == "真")であれば{
//民大对应hid_pop()。
}

</ SCRIPT>
<! -ポップアップボックスの最後の右下- >

おすすめ

転載: www.cnblogs.com/sunnywindycloudy/p/11646474.html