test.jsp 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <%@ page language="java" contentType="text/html; charset=GBK"
  2. pageEncoding="GBK"%>
  3. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  5. <html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=GBK">
  8. <title>首页</title>
  9. <script type=text/javascript src="/shares/js/jquery-1.6.4.min.js"></script>
  10. <link href="${pageContext.request.contextPath}/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  11. <link href="main.css" rel="stylesheet" type="text/css"></link>
  12. <script src="${pageContext.request.contextPath}/liger/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
  13. <script type="text/javascript" src="/shares/js/constant.js"></script>
  14. <script type="text/javascript" src="/shares/js/common.js"></script>
  15. <script type="text/javascript" src="/shares/js/yw/eu/orgIndex.js"></script>
  16. <script src="liger/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
  17. <style>
  18. #menu{width:50px;display:none;position:absolute;top:0;left:0;padding:5px;z-index:100;}
  19. #menu ul{background:#FFF;border-radius:5px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}
  20. #menu ul li{line-height:20px;border-bottom:1px solid #F2F2F2;text-align:center;}
  21. </style>
  22. <script src='http://www.web277.com/share/js/jq/jquery-1.9.0.min.js?v=2013042401'></script>
  23. <script>
  24. $(function(){
  25. $("#class-list").on("contextmenu","li",function(e){
  26. if(typeof e.preventDefault === "function"){
  27. e.preventDefault();
  28. e.stopPropagation();
  29. }else{
  30. e.returnValue = false;
  31. e.cancelBubble = true;
  32. }
  33. $(this).addClass("an").siblings("li").removeClass("an")
  34. $("#menu").css({"left":e.clientX,"top":e.clientY}).fadeIn()
  35. })
  36. $(document).bind("click",function(e){
  37. var target = $(e.target);
  38. if(target.closest("#class-list").length == 0){
  39. $("#menu").hide()
  40. $("#class-list li.an").removeClass("an")
  41. }
  42. })
  43. })
  44. </script>
  45. </head>
  46. <body>
  47. <div id="class-list">
  48. <ul>
  49. <li><a href="http://www.web277.com/doc/" target="_blank">前端文档</a></li>
  50. <li><div id="message1" class="message" title="点击操作..."><a href="http://www.web277.com/sj/" target="_blank">前端设计</a></div></li>
  51. <li><a href="http://www.web277.com/xc/" target="_blank">xHTML+CSS</a></li>
  52. <li><a href="http://www.web277.com/hc/" target="_blank">HTML5+CSS3</a></li>
  53. <li><a href="http://www.web277.com/js/" target="_blank">Javascript</a></li>
  54. <li><a href="http://www.web277.com/jq/" target="_blank">jQurey</a></li>
  55. </ul>
  56. </div>
  57. <div id="menu">
  58. <ul>
  59. <li><a href="http://www.web277.com" target="_blank">修改</a></li>
  60. <li><a href="http://www.web277.com" target="_blank">生成</a></li>
  61. <li><a href="http://www.web277.com" target="_blank">预览</a></li>
  62. </ul>
  63. </div>
  64. </body>
  65. </html>