讲解一下思路。。首先你的数据库里肯定有一个字段是存这个计数的。
创新互联建站专注于网站建设,为客户提供成都网站设计、成都做网站、网页设计开发服务,多年建网站服务经验,各类网站都可以开发,品牌网站建设,公司官网,公司展示网站,网站设计,建网站费用,建网站多少钱,价格优惠,收费合理。
当用户点击“顶”的时候,就读取数据库的这个计数值加一再存进去。显示的时候读取数据库库的值就可以了。这里面要考虑用户恶意刷分的问题,可以通过javascript脚本来进行限制用户只能投一次票
再高级点的就可以用ajax实现这个功能
这个很简单,完全把你的改了,直接替换你上面那部分
--------------------------------
script language="javascript"
function $(id)
{
return document.getElementById(id);
}
function showpanel(id)
{
switch (id)
{
case 1:
$("p1").style.display="block";
$("p2").style.display="none";
$("p3").style.display="none";
$("p4").style.display="none";
break;
case 2:
$("p2").style.display="block";
$("p1").style.display="none";
$("p3").style.display="none";
$("p4").style.display="none";
break;
case 3:
$("p3").style.display="block";
$("p2").style.display="none";
$("p1").style.display="none";
$("p4").style.display="none";
break;
case 4:
$("p4").style.display="block";
$("p2").style.display="none";
$("p3").style.display="none";
$("p1").style.display="none";
break;
}
}
/script
div
div onclick="showpanel(1)" 主题标题1/div
div onclick="showpanel(2)" 主题标题2/div
div class="clear"/div
ul id="p1" style="display:block;"
lia href="#" 主题内容111111111/a/li/ul
ul id="p2" style="display:block;"
lia href="#" 主题内容22222222/a/li/ul
/div
--接着上面---以下是我重复的方式(就是显示是出错的部分)--------------
div
div onclick="showpanel(3)" 主题标题二 1/div
div onclick="showpanel(4)" 主题标题二 2/div
div class="clear"/div
ul id="p3" style="display:block;"
lia href="#" 主题内容 二 111~~~~~~/a/li/ul
ul id="p4" style="display:block;"
lia href="#" 主题内容二 111~~~~~/a/li/ul
/div
原因是event.clientX在后面的执行中失效了,因为event是你的body上触发onclick事件时建立的,所以在第一次执行时正确,后面接着是setTimeout调用的,没有时间来触发它,因而event对象就不存在了
我将go()函数改为如下形式:
function go(){alert(event)setTimeout("go()",500);}
运行发现第一次输出"object",后面都输出"null",问题就出来了
比较原始的做法就是嵌入一个iframe,然后在里面加入一个小网页,就可以通过javascript对它进行操作了,或者是用AJAX,这个只能算是局部网页替换,比如添加一些网页元素或修改一些网页元素,看你需要把,如果是大范围的刷新的话就用iframe,若是小范围的更新就用AJAX。操作起来不麻烦。