单条信息悬停滚动浏览代码脚本代码 IT人家-为IT人民服务！

联系我们 | 收藏 | 注册 | 登录

脚本代码网络精品、绝对收藏!

电子杂志企业建站

QQ表情大全　电子杂志制作　 2010圣诞素材　 2010虎年素材　收录站集合　站长工具　站长导航　精品购物　新年素材　电子地图　

脚本代码 - Javascript/dom - 浏览代码 - 单条信息悬停滚动

单条信息悬停滚动

http://www.webkey.cn/ 2010-1-19 20:26:58 IT人家整理

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type=text/css> *{margin:0;padding:0;} #textBox{background:#FF6600;} #textBox li {height:25px; line-height:25px;} </style> </head> <body> <div id="scrollText"> <ul id="textBox"> <li><a href="">贸易通商家： 5483669 人供求信息数：9979572aa条</a></li> <li><a href="">近期最新供应：1197380条近期最新求购：17708bb条</a></li> <li><a href="">贸易通商家： 5483669 人供求信息数：9979572cc条</a></li> <li><a href="">近期最新供应：1197380条近期最新求购：17708dd条</a></li> </ul> </div> <SCRIPT type=text/javascript> marque(520,25,"scrollText","textBox") var scrollElem; var stopscroll; var stoptime; var preTop; var leftElem; var currentTop; var marqueesHeight; function marque(width,height,marqueName,marqueCName){ try{ marqueesHeight = height; stopscroll = false; scrollElem = document.getElementById(marqueName); with(scrollElem){ style.width = width; style.height = marqueesHeight; style.overflow = 'hidden'; noWrap = true; } scrollElem.onmouseover = new Function('stopscroll = true'); scrollElem.onmouseout = new Function('stopscroll = false'); preTop = 0; currentTop = 0; stoptime = 0; leftElem = document.getElementById(marqueCName); scrollElem.appendChild(leftElem.cloneNode(true)); init_srolltext(); }catch(e) {} } function init_srolltext(){ scrollElem.scrollTop = 0; setInterval('scrollUp()', 20); } function scrollUp(){ if(stopscroll) return; currentTop += 1; if(currentTop == marqueesHeight+1) { stoptime += 1; currentTop -= 1; if(stoptime == (marqueesHeight)*4) {//停顿时间 currentTop = 0; stoptime = 0; } }else{ preTop = scrollElem.scrollTop; scrollElem.scrollTop += 1; if(preTop == scrollElem.scrollTop){ scrollElem.scrollTop = marqueesHeight; scrollElem.scrollTop += 1; } } } </SCRIPT> </body> </html>

所属分类: Javascript/dom 所属专题:

共有 623 人次浏览收藏本页返回上一页责任编辑: atom

代码专题

代码搜索

站长工具/站长资源

赞助本站

娱乐生活