通知爆弾ボックス

フレーム全体JAPページを遊びます

<%@ページ言語= "javaの" pageEncodingは= "UTF-8" %>
<DOCTYPE HTML PUBLIC! " -  // W3C // DTD HTML 4.01移行// EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<ヘッド>
<META HTTP-当量= "Content-Typeの" コンテンツ= "text / htmlの;のcharset = 2312" />
<タイトル>メイン</ TITLE>
<ベースターゲット= "_自己">
<リンクのrel = "スタイルシート" タイプ= "テキスト/ cssの" のhref = "スキン/ CSS / base.css" />
<リンクのrel = "スタイルシート" タイプ= "テキスト/ cssの" のhref = "スキン/ CSS /のmain.css" />
    </ SCRIPT> <スクリプトタイプ= "アプリケーション/ javascriptの" SRC = "$ {pageContext.request.contextPathは} /static/js/jquery-1.7.2.js">
    </ SCRIPT> <スクリプトタイプ= "テキスト/ javascriptの" SRC = "$ {pageContext.request.contextPathは} /static/js/date.js">
    ます。<script type = "text / javascriptの">
        
        $(関数(){
            $アヤックス({
                タイプ: "GET" 
                URL: "/予告/ jsonList" 
                成功:機能(結果){
                もし(result.map.statusCode == 200 ){
                    $(result.map.list).each(関数(インデックス、項目){
                        VAR李 = "<LIクラス= 'UE-明らか'>"
                                + "<スパン>" +はparsedata(item.ndate)+ "</スパン>&NBSP;&NBSP;&NBSP; <Aのonclick = 'SHOWWINDOW( "+ item.nid +")' HREF = '#' クラス= 'notice-タイトル '> "+ item.ntitle +" </a>を」
                                + "</ LI> <P>" ;
                        $( "#予告-UL" ).append(LI);
                    });
                  } {
                    $( "#-ulお知らせ")HTML( "データなし。" );
                }
                }
            });
        });
        関数SHOWWINDOW(NID){
            // アラート(NID)に従うAJAX IDは、マスク、ポップの内容を取得するためにこの要求を送信
             {($アヤックスを
              タイプ: "GET" 
              URL: "$ {pageContext.request.contextPath} /予告/詳細/" + NID、
                成功:関数(MSG){
                    もし(msg.map.statusCode == 200 ){
                        $( "#ntitle")、テキスト(msg.map.notice.ntitle)。  // 显示标题 
                        。$( "#コンテンツ")、CSS({ "フォントサイズ":10+ "PX" })。
                        $( "#Content")、テキスト(msg.map.notice.remark);.    // 内容を表示
                         // 表示ポップアップに 
                        $( "#のshowdivを" ).SHOW();
                         // 表示がマスク 
                        $(「#カバーを")の.css({"表示":"ブロック""高さ":window.screen.availHeight +" PX」})。
                        $( "#cover" ).SHOW();
                    }
                }
            });
        }
    </ SCRIPT>
</ head>の
<ボディLEFTMARGIN = "8" TOPMARGIN = '8'>

<! - マスク層 - >
<DIV ID = "カバー" スタイル= "背景:#000;位置:絶対;左:0PX;上部:0PX;幅:100%;フィルター:アルファ(不透明度= 30);不透明度:0.3;表示:なし; Z -index:2「>

</ div>
<! - ポップ - >
<DIV ID = "showdiv" スタイル= "幅:60%;マージン:0自動;高さ:500pxなど;ボーダー:1ピクセル固体#999;表示:なし;位置:絶対;トップ:20%;左:20%; Z -index:3;背景:#FFF ">
    <! - タイトル - >
    <DIV ID = "ntitle" スタイル= "背景:#F8F7F7;幅:100%;高さ:2rem;フォントサイズ:0.65rem;行の高さ:2rem;ボーダー:1ピクセル固体#999;テキスト整列:センター。 " >

    </ div>
    <! - コンテンツ - >
    <DIV ID = "コンテンツ" スタイル= "テキストインデント:は50px;高さ:4rem;フォントサイズ:0.5rem;パディング:0.5rem;行の高さ:1rem;">

    </ div>
    <! - ボタン - >
    <DIVスタイル= "背景:緑;幅:10%;マージン:0自動;高さ:1.5rem;行の高さ:1.5rem;テキスト整列:センター;色:#FFF;マージントップ:28rem; -moz -border半径:.128rem; -webkitボーダー半径:.128rem;ボーダー半径:.128rem;フォントサイズ:.59733rem;」onclickの= "closeWindow()">
        近いです
    </ div>
</ div>
    <表幅= "98%"ボーダー= "0" ALIGN = "中心" CELLPADDING = "0" 
        CELLSPACING = "0">
        <TR>
            <TD> <divのスタイル= 'フロート:左'>
                    <IMG高さ= "14" SRC = "スキン/ RFロイヤリティーフリー/フレーム/ book1.gif"幅= "20" />&NBSP;ようこそプロジェクトプラットフォーム管理システム
                 </ div>
                <divのスタイル= 'フロート:右; パディング右:8px; '>
                    <! -   // 予約済みインタフェース- >
                </ DIV> </ TD>
        </ TR>
        <TR>
            <tdの高さ= "1"の背景= "スキン/画像/フレーム/ sp_bg.gif" 
                スタイル = 'パディング:0PX'> </ TD>
        </ TR>
    </ TABLE>

    <表幅= "98%" ALIGN = "中心"ボーダー= "0" CELLPADDING = "4" 
        CELLSPACING = "1" BGCOLOR = "#CBD8AC"スタイル= "マージン底:8px">
        <TR>
            <TD COLSPAN = "2"の背景= "スキン/画像/フレーム/ wbg.gif" 
                BGCOLOR = "#EEF4EA" クラス = 'タイトル'>
                <divのスタイル= 'フロート:左'>
                    <スパン>ショートカット</ span>の
                </ div>
                <divのスタイル= 'フロート:右; パディング右:10pxの; '> </ div>
            </ TD>
        </ TR>
        <TR BGCOLOR = "#FFFFFFの">
            <TD高さ= "30" COLSPAN = "2" ALIGN = "センター" VALIGN = "底"> < テーブル = "100%"ボーダー= "0" CELLSPACING = "1" CELLPADDING = "1">
                    <TR>
                        <TD幅= "15%"、高さ= "31" ALIGN = "センター"> < IMG
                            SRC = "スキン/画像/フレーム/ qc.gif"幅= "90"高さ= "30" /> </ TD>
                        <TD幅= "85%" VALIGN = "底"> <DIV クラス = 'icoitem'>
                                <divのクラス = 'ICO'>
                                    <IMG SRC = 'スキン/画像/フレーム/ addnews.gif' 幅= '16' 高さ= '16' />
                                </ div>
                                <divのクラス = 'TXT'>
                                    <a href='project-base.html'> <U> Viewプロジェクト情報</ U> </a>の
                                </ div>
                            </ div>
                            <のdiv クラス = 'icoitem'>
                                <divのクラス = 'ICO'>
                                    <IMG SRC = 'スキン/画像/フレーム/ menuarrow.gif'幅= '16' 
                                        高さ = '16' />
                                </ div>
                                <divのクラス = 'TXT'>
                                    <a href='task-my.html'> <U>查看任务</ U> </a>の
                                </ div>
                            </ div>
                            <のdiv クラス = 'icoitem'>
                                <divのクラス = 'ICO'>
                                    <IMG SRC = 'スキン/画像/フレーム/ manage1.gif' 幅= '16' 高さ= '16' />
                                </ div>
                                <divのクラス = 'TXT'>
                                    <a href='task-add.html'> <U>发布任务</ U> </a>の
                                </ div>
                            </ div>
                            <のdiv クラス = 'icoitem'>
                                <divのクラス = 'ICO'>
                                    <IMG SRC = 'スキン/画像/フレーム/ file_dir.gif'幅= '16' 
                                        高さ = '16' />
                                </ div>
                                <divのクラス = 'TXT'>
                                    <a href='message-give.html'> <U>收件箱</ U> </a>の
                                </ div>
                            </ div>
                            <のdiv クラス = 'icoitem'>
                                <divのクラス = 'ICO'>
                                    <IMG SRC = '皮膚/画像/フレーム/部分index.gif'幅= '16' 
                                        の高さ = '16' />
                                </ div>
                                <divのクラス = 'TXT'>
                                    <a href='info.html'> <U>プロフィール</ U> </a>の
                                </ div>
                            </ div>
                            <のdiv クラス = 'icoitem'>
                                <divのクラス = 'ICO'>
                                    <IMG SRC = 'スキン/画像/フレーム/ manage1.gif' 幅= '16' 高さ= '16' />
                                </ div>
                                <divのクラス = 'TXT'>
                                    <a href='modpassword.html'> <U>パスワードの変更</ U> </a>の
                                </ div>
                            </ DIV> </ TD>
                    </ TR>
                </ TABLE> </ TD>
        </ TR>
    </ TABLE>



    <表幅= "98%" ALIGN = "中心"ボーダー= "0" CELLPADDING = "3" 
        CELLSPACING = "1" BGCOLOR = "#CBD8AC" 
        スタイル = "マージン底:8px;マージントップ:8px;" >
        <TR>
            <TD背景= BGCOLOR = "#EEF4EA" "wbg.gifスキン/画像/フレーム/"
                クラス = 'タイトル'> <スパン>保留中のタスク</ span>を</ TD>
        </ TR>
        <TR BGCOLOR = "#FFFFFFの">
            <TD>あなた持っている<a href=""> <フォント色= "赤 "> 2 </フォント> </a>のタスク未完成&...... NBSP;
             </ TD>
        </ TR>
    </ TABLE>



    <表幅= "98%" ALIGN = "中心"ボーダー= "0" CELLPADDING = "3" 
        CELLSPACING = "1" BGCOLOR = "#CBD8AC" 
        スタイル = "マージン底:8px;マージントップ:8px;" >
        <TR>
            <TD背景= BGCOLOR = "#EEF4EA" "wbg.gifスキン/画像/フレーム/"
                クラス = 'タイトル'> <span>の未読メッセージ</ span>を</ TD>
        </ TR>
        <TR BGCOLOR = "#FFFFFFの">
            <TD>あなた<a href=""> <フォント色= "赤 "> 10 </ FONT> </a>の&未読メッセージ...... NBSP;
             </ TD>
        </ TR>
    </ TABLE>


    

    <表幅= "98%" ALIGN = "中心"ボーダー= "0" CELLPADDING = "3" 
        CELLSPACING = "1" BGCOLOR = "#CBD8AC" 
        スタイル = "マージン底:8px;マージントップ:8px;" >
        <TR>
            <TD背景= BGCOLOR = "#EEF4EA" "wbg.gifスキン/画像/フレーム/"
                クラス = 'タイトル'> <スパン>お知らせ</ span>を</ TD>
        </ TR>
        <TR BGCOLOR = "#FFFFFFの">
            <TD>
                <UL クラス = "通知リスト" ID = "通知-UL">
<% - <LIのクラス => "UE-クリア" - %>
<% - <スパン> 12-15 < / span>の&NBSP;&NBSP;&NBSP; <a href="#"クラス="notice-title"> 中国移動は、スタイルの施工監理の設立に発表した、電話</a>を報告- %>
<% -  </ LI> <P>  - %>

                </ UL>
            </ TD>
        </ TR>
    </ TABLE>

    <表幅= "98%" ALIGN = "中心"ボーダー= "0" CELLPADDING = "3" 
        CELLSPACING = "1" BGCOLOR = "#CBD8AC" 
        スタイル = "マージン底:8px;マージントップ:8px;" >
        <TR>
            <TD背景= BGCOLOR = "#EEF4EA" "wbg.gifスキン/画像/フレーム/"
                クラス = 'タイトル'> <span>のスタッフフォーラム</ span>を</ TD>
        </ TR>
        <TR BGCOLOR = "#FFFFFFの">
            <TD>
                <UL クラス =「予告リスト」>
                    <LIのクラス = "UE-クリア">
                         <スパン> <IMG SRC = "$ {pageContext.request.contextPath} /images/tx.png" 高さ= "は50px" 幅= "は50px" /> </ span>を发布时间:2018年12月25日
                         <a href="role.jsp" クラス ="notice-title">招租信息する</a>                        
                    </ LI>
                    <P>
                    <LIのクラス = "UE-クリア">
                         <スパン> <IMG SRC = "$ {pageContext.request.contextPath} /images/tx.png" 高さ= "は50px" 幅= "は50px" /> </ span>を发布时间:2018年12月25日
                         <a href="role.jsp" クラス ="notice-title">招租信息する</a>                        
                    </ LI>
                    <P>
                    <LIのクラス = "UE-クリア">
                         <スパン> <IMG SRC = "$ {pageContext.request.contextPath} /images/tx.png" 高さ= "は50px" 幅= "は50px" /> </ span>を发布时间:2018年12月25日
                         <a href="role.jsp" クラス ="notice-title">招租信息する</a>                        
                    </ LI>
                    <P>
                    <LIのクラス = "UE-クリア">
                         <スパン> <IMG SRC = "$ {pageContext.request.contextPath} /images/tx.png" 高さ= "は50px" 幅= "は50px" /> </ span>を发布时间:2018年12月25日
                         <a href="role.jsp" クラス ="notice-title">招租信息する</a>                        
                    </ LI>
                </ UL>
            </ TD>
        </ TR>
    </ TABLE>

</ BODY>
</ HTML>

 

おすすめ

転載: www.cnblogs.com/ych961107/p/11992977.html