点击刷新DIV

我想请问3个问题:

1.开关DIV时要如何有动态标题,例如DIV关闭时按钮显示"开启DIV",DIV开启时按钮则显示"关闭DIV"这样。
我现在用的是:
------------------------------------------
<a style="cursor:pointer" onclick="var box1 = getElementById('box1'); box1.style.display=box1.style.display=='none'?'':'none'"checked="checked"text-decoration:none">标题按钮</a>
<div id="box1" style="display:none">内容</div>
------------------------------------------
请问要怎麼更改,或是有更好的取代方法呢?

2.如何用JS来控制某DIV定时刷新,内容是载入网页文字 随机内容(网址:http://bellcrown.myweb.hinet.net/)。

3.接续上面,控制方法是否也能用点击图片来控制刷新?(点击一下刷新一次)

希望能有详细的源码,谢谢拜托了
>>枪枪_枪手
谢谢大师的指点!!有了方向后让我解决了几乎的问题:)
但事关於第一题,DIV标题一开始很顺利的能转换成"隐藏"字标题,
但变成隐藏字标题后,就再也无法点击标题把DIV隐藏回去了,
请问不知道要怎麼把他用成循环的的?

>>青红go
谢谢您,但我测试了一下不能用呢....不知道是我哪里遗漏了?

大致说下吧:
1: function ShowHidden(){
var sh = document.getElementById("你那里的a最好设一个id");
if(sh.innerText=="显示"){
document.getElementById("box1").style.display='block';
sh.innerText="隐藏";
}
else{
document.getElementById("box1").style.display='none';
sh.innerText="显示";
}
}
note: 这个要你做一些事,在开始时就将div隐藏,并且将a的innerText设置为显示; 还是我给你写好了; <a href="javascript:void()" onclick="ShowHidden()">显示</a>
<div id ="box1" style="display:none;"></div>
这里还有一个地方要加一点,我在上面也说明了,自己要试才能做出来的。

2:用一个定时器就可以了。setTimeOut()和setInterval();这两个都可用,但有点区别,网上找找吧。

3:这个也不难,<img />在里面加一个onclick事件就行了。要把cursor:pointer;

ps:你很有想法,但你有点不敢去做,不知是不是这样,有了想法要大胆地去试,那种只要代码不要思想的人是没有自己的东西地;
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2016-01-06

    给div加一个onclick事件。

    函数中写window.location.reload();

    或 window.location = "";都可以。


具体实现如下:

window.onload()=function(){
 var a = document.getElementById("a";);
   a.setAttribute("onclick", "click()");
}
function(){
window.location.reload();
}

第2个回答  2010-10-07
>>枪枪_枪手
谢谢大师的指点!!有了方向后让我解决了几乎的问题:)
但事关於第一题,DIV标题一开始很顺利的能转换成"隐藏"字标题,
但变成隐藏字标题后,就再也无法点击标题把DIV隐藏回去了,
请问不知道要怎麼把他用成循环的的?

>>青红go
谢谢您,但我测试了一下不能用呢....不知道是我哪里遗漏了?
第3个回答  2010-10-05
<script language='javascript'>
function show(){
if(document.getElementById('box1').style.display=='none'){
document.getElementById('box1').style.display=''
str='开启'}else{
document.getElementById('box1').style.display=none
str='关闭'}
document.getElementById('box2').innerHtml=str

}

</script>
<a onclick='show()'>点击</a>
相似回答