javaeye 揭示信息框 div ext _Web前端

javaeye 提示信息框 div ext

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<link rel="stylesheet" type="text/css"
			href="extjs/resources/css/ext-all.css" />
		<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="extjs/ext-all.js"></script>
		<script type="text/javascript"
			src="extjs/adapter/prototype/prototype.js"></script>
		<script type="text/javascript" src="js/dragdrop.js"></script>
		<script type="text/javascript" src="js/application.js"></script>
		<link rel="stylesheet" type="text/css" href="css/tips.css" />
		<!-- div 样式 -->
	</head>

	<body>
		<div id="related_topics">
			相关提示:
			<span class="close"><a href="#"
				onclick="$('related_topics').hide();return false;" title="关闭">X</a>
			</span>
			<ul>
				<li>
					<a href='http://www.iteye.com/topic/2784' title='关于工作流引擎的问题！'
						target='_blank'>有一个新审批！</a>
				</li>
				<li>
					<a href='http://www.iteye.com/topic/148856'
						title='SOA――中小系统的不能承受之重' target='_blank'>你有一个新的消息</a>
				</li>
				<li>
					<a href='http://www.iteye.com/topic/353089'
						title='Fire workflow工作流模型及引擎架构的进一步思考' target='_blank'>Fire
						workflow工作流模型及引擎架构的进一步思考</a>
				</li>
			</ul>
		</div>
		<script type="text/javascript">
            new Draggable("related_topics");
        </script>
	</body>
</html>

@CHARSET "UTF-8";

body {
	text-align: left;
	font-family: Arial, sans-serifarial, Verdana, Helvetica;
	font-size: 12px;
	line-height: 1.5;
	color: black;
}

#related_topics {
	float: right;
	padding: 5px;
	margin: 0 5px;
	border: 2px dotted green;
	background-color: #FDFBDB;
	width: 200px;
	overflow: hidden;
	cursor: move;
}

#related_topics span.close {
	margin-left: 125px;
}

#related_topics span.close a {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/images/icon_close.jpg);
	padding: 4px;
	background-repeat: no-repeat;
	text-decoration: none;
}

#related_topics li {
	list-style: square;
	margin: 5px 5px 5px 15px;
}


今天可能人品不高，上传不了附件，要的去csdn下载http://zhq426.download.csdn.net/user/zhq426/all