这是一些常用的JavaScript的特效的源码和教程

源代码在线查看: 5.3 div的自动滚动.htm

软件大小: 6939 K
上传用户: jxyw163
关键词: JavaScript 源码 教程
下载地址: 免注册下载 普通下载 VIP

相关代码

				
				
				
				如何实现div内自动滚动?
				
				#scrollMsg{width:500px;height:235px;background-color:#feeff7;overflow:scroll;overflow-x:hidden;text-overflow:ellipsis;word-break:break-all;}
				#scrollMsg span{margin:6px;display:block;}
				#scrollMsg span a{color:#f60;text-decoration:underline;margin:0 4px;}
				#scrollMsg span a:hover{color:#f20;}
				#scrollMsg span label{color:#c70060;margin:0 4px;}
				
				
				function getEid(id){
				    return document.getElementById(id);    //获取指定的div元素
				}
				function newNode(param){
				    return document.createElement(param);  //创建元素
				}
				function newTextNode(param){
				    return document.createTextNode(param); //创建元素内容
				}
				
				function scrollDiv(){
				    var dest=getEid("scrollMsg");          //获取要显示滚动内容的div
				    var newStr=newTextNode(new Date().toLocaleString()+":知识改变命运,科技催动发展!");//显示的滚动信息
				    var span=newNode("span");             //创建span元素
				    span.appendChild(newStr);             //在sapn中添加显示信息
				    dest.appendChild(span);               //将span添加到div中
				    scrollMsg.scrollTop+=10000;           //滚动
				    setTimeout("scrollDiv()",2000);            //设置定时期定时滚动
				}
				window.onload=scrollDiv;
				
				
				
				
				
							

相关资源