JS实现文字向下滚动完整实例.pdfVIP

这篇文章主要介绍了 JS实现文字向下滚动的方法 ,以一个完整实例形式详细分析了 html 页面布局、 css 样式及对应的 js 滚动功能实现技巧 ,需要的朋友可以参考下 本文实例讲述了 JS 实现文字向下滚动的方法。分享给大家供大家参考。具体实现方法 如下： 代码如下 : lt;!DOCTYPEgt; lt;htmlgt; lt;headgt; lt;meta http-equiv=Content-Type content=text/html; charset=utf-8 /gt; lt;titlegt; 京东、淘宝晒单 lt;/titlegt; lt;stylegt; @charset utf-8; /* @名称 : base @功能 : 重设浏览器默认样式 */ /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */ html{ color:#000;background:#fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquo te,th,td,hr,button,arti cle,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0;padding:0; color:#333; } /* 重设 HTML5 标签 , IE 需要在 js 中 createElement(TAG) */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } /* HTML5 媒体文件跟 img 保持一致 */ audio,canvas,video { display: inline-block;*display: inline;*zoom: 1; } /* 要注意表单元素并不继承父级 font 的问题 */ body,button,input,select,textarea{ font:12px/1.5 tahoma,arial,\\5b8b\\4f53; } input,select,textarea{ font-size:100%; } /* 去掉各 Table cell 的边距并让其边重合 */ table{ border-collapse:collapse;border-spacing:0; } /* IE bug fixed: th 不继承 text-align*/ th{ text-align:inherit; } /* 去除默认边框 */ fieldset,img{ border:0; } /* ie6 7 8(q) bug 显示为行内表现 */ iframe