管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

javascript 翻页测试页(动态创建标签并自动翻页)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>翻页测试页</title> 
</head>

<body> 
</body> 
</html> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0A%3C!--%20%0D%0Avar%20div%20%3D%20document.createElement(%22div%22)%3B%20%0D%0A%0D%0Afor(var%20i%20%3D%201%3B%20i%20%3C%3D%20100%3B%20i%20%2B%2B)%20%7B%20%0D%0A%20%20%20%20var%20l%20%3D%20document.createElement(%22div%22)%3B%20%0D%0A%20%20%20%20l.style.margin%20%3D%20%220px%22%3B%20%0D%0A%20%20%20%20l.style.padding%20%3D%20%220px%206px%22%3B%20%0D%0A%20%20%20%20l.style.fontSize%20%3D%20%2214px%22%3B%20%0D%0A%20%20%20%20l.style.color%20%3D%20%22%23ffffff%22%3B%20%0D%0A%20%20%20%20l.style.backgroundColor%20%3D%20%22%23316AC5%22%3B%20%0D%0A%20%20%20%20l.style.width%20%3D%20%2224px%22%3B%20%0D%0A%20%20%20%20l.style.height%20%3D%20%2220px%22%3B%20%0D%0A%20%20%20%20l.style.styleFloat%20%3D%20%22left%22%3B%20%0D%0A%20%20%20%20l.innerHTML%20%3D%20i%3B%20%0D%0A%20%20%20%20div.appendChild(l)%3B%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20var%20c%20%3D%20document.createElement(%22p%22)%3B%20%0D%0A%20%20%20%20c.style.margin%20%3D%20%220px%22%3B%20%0D%0A%20%20%20%20c.style.fontSize%20%3D%20%2214px%22%3B%20%0D%0A%20%20%20%20c.innerHTML%20%3D%20%22this%20is%20line%20%22%20%2B%20i%20%2B%20%22.%22%3B%20%0D%0A%20%20%20%20c.style.lineHeight%20%3D%20%2220px%22%3B%20%0D%0A%20%20%20%20div.appendChild(c)%3B%20%0D%0A%7D%20%0D%0Adiv.id%20%3D%20%22div%22%3B%20%0D%0Adiv.style.border%20%3D%20%22%23ECE9D8%201px%20solid%22%3B%20%0D%0Adiv.style.width%20%3D%20%22600px%22%3B%20%0D%0Adiv.style.height%20%3D%20%22480px%22%3B%20%0D%0Adiv.style.overflow%20%3D%20%22auto%22%3B%20%0D%0Adocument.body.appendChild(div)%3B%20%0D%0A%0D%0Adiv%20%3D%20document.createElement(%22div%22)%3B%20%0D%0Adiv.id%20%3D%20%22info%22%3B%20%0D%0Adiv.style.fontSize%20%3D%20%2214px%22%3B%20%0D%0Adocument.body.appendChild(div)%3B%20%0D%0A%0D%0Avar%20%24%20%3D%20function(id)%20%7B%20%0D%0A%20%20%20%20return%20typeof(id)%20%3D%3D%20%22object%22%20%3F%20id%20%3A%20document.getElementById(id)%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20scrollTo(id%2Cmoveto)%20%7B%20%0D%0A%20%20%20%20var%20isMove%20%3D%201%3B%20%0D%0A%20%20%20%20if(moveto%20%3E%20%24(id).scrollHeight%20-%20%24(id).offsetHeight)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20moveto%20%3D%20%24(id).scrollHeight%20-%20%24(id).offsetHeight%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20if(Math.abs(%24(id).scrollTop%20-%20moveto)%20%3C%3D%205)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%24(id).scrollTop%20%3D%20moveto%3B%20%0D%0A%20%20%20%20%20%20%20%20isMove%20%3D%200%3B%20%0D%0A%20%20%20%20%7D%20else%20%7B%20%0D%0A%20%20%20%20%20%20%20%20isMove%20%3D%201%3B%20%0D%0A%20%20%20%20%20%20%20%20%24(id).scrollTop%20%2B%3D%20Math.round((moveto%20-%20%24(id).scrollTop)%20%2F%202)%3B%20%0D%0A%20%20%20%20%20%20%20%20setTimeout(%22scrollTo('%22%20%2B%20id%20%2B%20%22'%2C%22%20%2B%20moveto%20%2B%20%22)%3B%22%2C100)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20updateInfo(moveto%2CisMove)%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20scroll(id)%20%7B%20%0D%0A%20%20%20%20var%20moveto%20%3D%20%24(id).scrollTop%20%2B%20%24(id).offsetHeight%3B%20%0D%0A%20%20%20%20if(%24(id).scrollTop%20%3D%3D%20%24(id).scrollHeight%20-%20%24(id).offsetHeight)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20moveto%20%3D%200%3B%20%0D%0A%20%20%20%20%7D%20else%20if(moveto%20%3E%20%24(id).scrollHeight%20-%20%24(id).offsetHeight)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20moveto%20%3D%20%24(id).scrollHeight%20-%20%24(id).offsetHeight%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20scrollTo(id%2Cmoveto)%3B%20%0D%0A%7D%20%0D%0A%0D%0Avar%20updateInfo%20%3D%20function(moveto%2CisMove)%20%7B%20%0D%0A%20%20%20%20%24(%22info%22).innerHTML%20%3D%20%22%E5%BD%93%E5%89%8D%E4%BD%8D%E7%BD%AE%20%3A%20%22%20%2B%20%24(%22div%22).scrollTop%3B%20%0D%0A%20%20%20%20%24(%22info%22).innerHTML%20%2B%3D%20%22%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%E6%AD%A4%E6%AC%A1%E7%BF%BB%E9%A1%B5%E5%88%B0%E8%BE%BE%E4%BD%8D%E7%BD%AE%20%3A%20%22%20%2B%20moveto%20%2B%20%22%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%E7%BF%BB%E9%A1%B5%E7%8A%B6%E6%80%81%20%3A%20%22%20%2B%20(isMove%20%3F%20%22%3Cfont%20style%3D'color%3A%23ee0000%3B'%3E%E7%BF%BB%E9%A1%B5%E4%B8%AD...%3C%2Ffont%3E%22%20%3A%20%22%3Cfont%20style%3D'color%3A%2300cc66%3B'%3E%E5%B7%B2%E5%AE%8C%E6%88%90%3C%2Ffont%3E%22)%3B%20%0D%0A%20%20%20%20%24(%22info%22).innerHTML%20%2B%3D%20%22%3Cbr%3E%E7%BF%BB%E9%A1%B5%E5%B1%82%E7%9A%84%E7%9B%B8%E5%85%B3%E5%B1%9E%E6%80%A7%20%3A%20scrollHeight(%E6%80%BB%E9%AB%98%E5%BA%A6)%3A%22%20%2B%20%24(%22div%22).scrollHeight%20%2B%20%22%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3BoffsetHeight(%E5%8F%AF%E8%A7%81%E5%9F%9F%E9%AB%98%E5%BA%A6)%3A%22%20%2B%20%24(%22div%22).offsetHeight%20%2B%20%22%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3BscrollTop(%E5%BD%93%E5%89%8D%E7%BF%BB%E9%A1%B5%E9%AB%98%E5%BA%A6)%3A%22%20%2B%20%24(%22div%22).scrollTop%3B%20%20%20%20%20%0D%0A%7D%20%0D%0AsetInterval(%22scroll('div')%22%2C5000)%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程