jquery.floatingbox 是一款很好的内容漂浮插件,它能够很好的根据自己的需求进行不同位置漂浮显示
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <style type="text/css"> #FloaintBox{ border-width: 1px; border-color: red; background-color: #cccffc; } </style> <script type="text/javascript" src="<%=path%>/js/jquery.js"></script> <script type="text/javascript" src="<%=path%>/js/jquery.floatingbox.js"></script> <script type="text/javascript"> $(document).ready( function() { $('#FloaintBox').floating(); } ); </script> </head> <body> <div id="FloaintBox" > <h2>JQuery Floating Box Plugin</h2> <p> need any Web-based Information System?<br> Please <script type="text/javascript">eval(unescape('d%6fc%75%6de%6e%74%2e%77%72%69%74e%28%27%3Ca%20%68%72ef%3D%22%26%23109%3Ba%26%23105%3B%6c%26%23116%3B%26%23111%3B%3A%26%2399%3B%26%2397%3B%26%23105%3B%26%23108%3B%26%23111%3B%26%23110%3B%26%23103%3B%26%23113%3B%26%23117%3B%26%23110%3B%26%2364%3B%26%23121%3B%26%2397%3B%26%23104%3B%26%23111%3B%26%23111%3B%26%2346%3B%26%2399%3B%26%23111%3B%26%23109%3B%26%2346%3B%26%2399%3B%26%23110%3B%22%3EC%6c%69c%6b%20%48e%72e%3C%2fa%3E%27%29%3B'));</script> to Contact Us<br> We are specialized in <br> <ul> <li>Website Design</li> <li>Survey System Creation</li> <li>E-commerce Site Development</li> </ul> <button οnclick="javascript:$('#FloaintBox').floatingPosition('left', 'top');">Top Left</button><br> <button οnclick="javascript:$('#FloaintBox').floatingPosition('right', 'top');">Top Right</button><br> <button οnclick="javascript:$('#FloaintBox').floatingPosition('left', 'bottom');">Bottom Left</button><br> <button οnclick="javascript:$('#FloaintBox').floatingPosition('right', 'bottom');">Bottom Right</button> </p> </div> </body> </html>