フレーム全体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>