复制代码代码如下:
<%@ halaman bahasa = "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");
%>
<! Doctype html public "-// w3c // dtd html 4.01 transisi // en" "http://www.w3.org/tr/html4/loose.dtd">
<Html>
<head>
<meta http-equiv = "konten tipe" content = "text/html; charset = utf-8">
<type script = "Text/JavaScript" src = "http://ajax.googleapis.com/ajax/libs/jQuery/1.5.2/jquery.min.js"> </script>
<meta content = "width = device-width, skala awal = 1.0, skala maksimum = 1.0, skala pengguna = tidak" name = "viewport">
<title> 宝宝排行榜 </iteme>
<type style = "text/css">
tubuh {
Teks-Align: tengah;
margin: 0 otomatis;
Padding: 0;
Latar belakang: #ffefe5;
Lebar: 100%;
}
A: link {
Dekorasi Teks: Tidak Ada;
}
#static {
margin: 0 otomatis;
Teks-Align: Kiri;
}
img {
Lebar: 100%;
}
#utama {
latar belakang: url ("../ pic/bj_12.jpg") ulangi-x;
Padding-top: 5px;
}
#main span {
Ukuran font: 1.5em;
Warna: #2F0075;
margin-kiri: 40px;
}
#dasar {
Lebar: 100%;
Margin: 0;
Padding: 0;
font-size: 1em;
}
#bottom ul li {
Lebar: 48%;
float: kiri;
margin -kiri: -8%;
margin-kanan: 10%;
Daftar-gaya-tipe: tidak ada;
}
.sp {
margin -top: -50px;
Border-Radius: 8px;
}
</tyle>
<type skrip = "Teks/JavaScript">
$ (function () {
// 动态加载宝贝排行信息
fungsi loadsecondsort () {
$ .Ajax ({
Ketik: "Posting",
Data: "groupId ="+$ ("#groupId"). Val (),
URL: "<%= Basepath%> findBobyrankByVote.action",
Sukses: function (data) {
var list = data.list;
var row = "";
$ ("ul"). kosong ();
if (list! = null && list.length! = 0) {
untuk (var i = 0; i <list.length; i ++) {
Row = "<li> <a href =/" bao_x.jsp? id = "+daftar [i] .id+"/"> <img src =/" ../ pic/"+daftar [i] .pip+"/"> </a> <input type =/" hidden/"id =/" id/"value ="+i].
"style =/" latar belakang-warna: #ffb7cd; margin-top: 10px; Tinggi: 30px/">"+
"<img src =/" ../ pic/zan.png/"style =/" width: 22px; margin-kiri: 10px; margin-top: 5px;/"class =/" favor/">"+
"<gaya span =/" margin-top: 5px; Warna: #8A7DA9; float: benar; margin-hak: 10px;/"> 已 <span>"+Daftar [i] .vote+"</span> 票"+
"</span> </div> </li>";
$ (ROW) .Appendto ($ ("UL"));
}
}
}
});
}
$ (". Favor"). Live ("Click", function () {
var id = $ (this) .closest ("li"). find ("#id"). val ();
$ .post ("<%= Basepath%> updateBobyrank.action", "id =" + id,
fungsi (data) {
if (data.msg == null) {
if (data.success == true) {
loadsecondsort ();
}
}kalau tidak {
peringatan (data.msg);
}
});
});
window.onload = loadsecondSort ();
});
</script>
</head>
<body>
<input type = "tersembunyi" id = "groupId" value = "<%= groupId%>">
<Div id = "static">
<img src = "../ pic/top10.jpg"> <a href = "../ jsp/index.jsp"> <img
src = "../ pic/fan.png"> </a>
<Div id = "Main">
<span> 近期排名: </span>
</div>
<Div id = "Bottom">
<ul>
</ul>
</div>
</div>
</body>
</html>