例子,js增加点击量。 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; String groupId = request.getParameter("groupId"); %> 宝宝排行榜 </li> <li>body { </li> <li>text-align: center; </li> <li>margin: 0 auto; </li> <li>padding: 0; </li> <li>background: #ffefe5; </li> <li>width: 100%; </li> <li>}</p></li> <li><p>a:link { </li> <li>text-decoration: none; </li> <li>}</p></li> <li><p>#static { </li> <li>margin: 0 auto; </li> <li>text-align: left; </li> <li>}</p></li> <li><p>img { </li> <li>width: 100%; </li> <li>}</p></li> <li><p>#main { </li> <li>background: url("../pic/bj_12.jpg") repeat-x; </li> <li>padding-top: 5px; </li> <li>}</p></li> <li><p>#main span { </li> <li>font-size: 1.5em; </li> <li>color: #2f0075; </li> <li>margin-left: 40px; </li> <li>}</p></li> <li><p>#bottom { </li> <li>width: 100%; </li> <li>margin: 0; </li> <li>padding: 0; </li> <li>font-size: 1em; </li> <li>}</p></li> <li><p>#bottom ul li { </li> <li>width: 48%; </li> <li>float: left; </li> <li>margin-left: -8%; </li> <li>margin-right:10%; </li> <li>list-style-type: none; </li> <li>} </li> <li>.sp { </li> <li>margin-top: -50px; </li> <li>border-radius: 8px; </li> <li>} </li> <li> </li> <li>$(function(){ </li> <li>//动态加载宝贝排行信息 </li> <li>function loadSecondSort() { </li> <li>$.ajax({ </li> <li>type : "POST", </li> <li>data : "groupId="+$("#groupId").val(), </li> <li>url : "<%=basePath%>findBobyRankByVote.action", </li> <li>success : function(data) { </li> <li>var list = data.list; </li> <li>var row = ""; </li> <li>$("ul").empty(); </li> <li>if (list != null && list.length != 0) { </li> <li>for(var i=0;i<list.length;i++) { <li>row = "<li><a href=\"bao_x.jsp?id="+list[i].id+"\"> <img src=\"../pic/"+list[i].pic+"\"></a><input type=\"hidden\" id=\"id\" value="+list[i].id+"><div class=\"sp\""+ <li>"style=\"background-color: #ffb7cd; margin-top: 10px; height: 30px\">"+ </li> <li>"<img src=\"../pic/zan.png\" style=\"width: 22px; margin-left: 10px; margin-top: 5px;\" class=\"favour\">"+ </li> <li>"<span style=\"margin-top: 5px; color: #8a7da9; float: right; margin-right: 10px;\">已<span>"+list[i].vote+"</span>票"+ </li> <li>"</span></div></li>"; </li> <li>$(row).appendTo($("ul")); </li> <li>} </li> <li>} bbs.it-home.org</li> <li>} </li> <li>}); </li> <li>} </li> <li>$(".favour").live("click",function(){ </li> <li>var id = $(this).closest("li").find("#id").val(); </li> <li>$.post("<%=basePath%>updateBobyRank.action", "id=" + id, </li> <li>function(data) { </li> <li>if (data.msg==null){ </li> <li>if (data.success == true) { </li> <li>loadSecondSort(); </li> <li>} </li> <li>}else { </li> <li>alert(data.msg); </li> <li>} </li> <li>}); </li> <li>}); </li> <li>window.onload = loadSecondSort(); </li> <li>}); </li> <li> src="../pic/fan.png" style="width: 10%; margin-top: -50px;"> 近期排名: /body> 코드 복사