本文实例为大家分享了java实现顶一下踩一下功能的具体代码,供大家参考,具体内容如下
效果图如下:
& lt; !DOCTYPE html公共”——//W3C XHTML 1.0//DTD过渡//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”的在
& lt; html xmlns=" http://www.w3.org/1999/xhtml "比;
& lt; head>
& lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/比;
& lt; title> Digg
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/jquery-1.3.2.min.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript祝辞
美元(函数(){getdigshtml ();})
函数isdigs (digtype)//顶一下,踩一下操作
{
. ajax({美元
类型:“文章”,
url: Digg,
数据:‘action=digs& digtype=+ digtype,/* beforeSend:函数(){
$(" #投票”)hide ();
$(" #载荷”),告诉();
},ajax请求显示加载效果*/成功:函数(味精){
开关(味精)
{/*后台用来判断
案例1:
$(" #载荷”)hide ();
$(" #投票”),告诉();
alert("请先登录!”);
打破;
“2”:
$(" #载荷”)hide ();
$(" #投票”),告诉();
alert("请先下载,再操作!”);
打破;
例“4”:
$(" #载荷”)hide ();
$(" #投票”),告诉();
警报(“您已经参与过评价!”);
打破;*/?”:
getdigshtml();//重新绑定html//$(" #载荷”)hide ();//$(“#票”),告诉();
alert("谢谢你的参与!”);
打破;
默认值:
}
}
}）
}
getdigshtml()函数//获取顶一下,踩一下html
{
. ajax({美元
类型:“文章”,
url: Digg,
数据:action=getdigshtml,
成功:函数(味精){
$ (" # digg”) . html(味精);
}
}）
}
& lt;/script>
& lt;风格类型=" text/css "比;
* {
填充:0;
保证金:0;
}
.digg {
高度:汽车;
宽度:190 px;
字体大小:12 px;
粗细:正常;
}
.digg一个{
显示:块;
高度:48 px;
宽度:189 px;
背景图片:url(图片/mark.gif);
平铺方式:不再重演;
位置:相对;
颜色:# 000;
文字修饰:没有;
}
.digg好{
margin-bottom: 10 px;
margin-top: 5 px;
}
.digg。好一个{
背景位置:-189 px 0 px;
}
.digg好a:{徘徊
背景位置:0 px 0 px;
}
.digg .bad一个{
背景位置:-378 px 0 px;
}
.digg .bad答:{徘徊
背景位置:-567 px 0 px;
}
.digg p {
padding-left: 30 px;
行高:25 px;
}
.digg . bar {
背景颜色:白色;
身高:5 px;
左:20 px;
溢出:隐藏;
位置:绝对的;
text-align:左;
上图:30 px;
宽度:55 px;
}
. bar # g_img {
背景图片:url(图片/sprites.gif);
平铺方式:repeat-x;
身高:5 px;
宽度:汽车;
}
. bar # b_img {
背景图片:url(图片/sprites.gif);
平铺方式:repeat-x;
身高:5 px;
宽度:汽车;
背景位置:0 px 5 px;
}
.num {
颜色:# 333;
字体:正常正常100 10 px/12 px大河马字体;
左:80 px;
位置:绝对的;
上图:26 px;
}
.digg驻. bar {
边界:1 px固体架a300型40 #;
}
.digg .bad . bar {
边界:1 px固体# 555;
}
& lt;/style>
& lt;脚本type=" text/javascript祝辞
& lt;/script>
& lt;/head>
& lt; body>
& lt; div类=" digg " id=癲igg”比;
& lt;/div>
& lt;/body>
& lt;/html>
之前
后台servlet:
