ie和火狐都兼容的滚动
来源:互联网 发布:人工智能会失控吗 英文 编辑:程序博客网 时间:2024/04/29 07:29
<script type="text/javascript">
var stopscroll = false;
var scrollElem = document.getElementById("andyscroll");
var marqueesHeight = scrollElem.style.height;
scrollElem.onmouseover = new Function('stopscroll = true');
scrollElem.onmouseout = new Function('stopscroll = false');
var preTop = 0;
var currentTop = 0;
var stoptime = 0;
var leftElem = document.getElementById("scrollmessage");
scrollElem.appendChild(leftElem.cloneNode(true));
init_srolltext();
function init_srolltext(){
scrollElem.scrollTop = 0;
setInterval('scrollUp()', 50);//确定滚动速度的, 数值越小, 速度越快
}
function scrollUp(){
if(stopscroll) return;
currentTop += 2; //设为1, 可以实现间歇式的滚动; 设为2, 则是连续滚动
if(currentTop == 19) {
stoptime += 1;
currentTop -= 1;
if(stoptime == 180) {
currentTop = 0;
stoptime = 0;
}
}else{
preTop = scrollElem.scrollTop;
scrollElem.scrollTop += 1;
if(preTop == scrollElem.scrollTop){
scrollElem.scrollTop = 0;
scrollElem.scrollTop += 1;
}
}
}
</script>
<div id="andyscrol">
<div id="scrollmessage" >
<img/><img/>
</div>
</div>
- ie和火狐都兼容的滚动
- ie和火狐都兼容的背景图片设置方式
- 火狐和ie都兼容的半透明滤镜
- 上下左右滚动图片(兼容ie和火狐)
- IE 和 Firefox 都兼容的文字滚动效果
- 兼容IE 和火狐
- js 图片链接滚动代码 兼容火狐和ie
- JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
- IE和火狐兼容的AJAX写法
- IE和火狐的不兼容
- IE和火狐兼容的AJAX写法
- 兼容IE和火狐的万年历
- IE和火狐兼容href的问题
- 用JavaScript改变表单中Type的属性(IE和火狐都兼容)
- 兼容ie和火狐的js无缝八向滚动特效代码
- (代码收藏)向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
- 向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
- 向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
- js 光标聚焦到文字最后
- [转]FOR ALL语法浅析
- JQuery无限制向页面中添加web控件
- [转]使用 Bulk Collect提高Oracle查询效率
- 如何使用SQL2005专用管理员连接(DAC)
- ie和火狐都兼容的滚动
- 防盗链
- IBM DB2 数据库安装程序无法下载原因及下载介绍
- windows安装服务命令sc
- .net excel操作类
- 吧
- Visual Assist X设置
- 吧
- Start to work on my blog...