分享: 无奈了,自己动手做字幕滚动解决方法
日期：2014-05-16 浏览次数：20340 次
分享: 无奈了,自己动手做字幕滚动
自己动手,丰衣足食
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN " "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">
加了这段之后,以前能滚的DIV,不让滚了,但是老板还要要滚呀!!!
妈的什么标准,尽在折磨人.
分析了下原因,加了这个之后.div.scroolTop始终为 0 ..........没办法了
一个一个试,把div的 style= "overflow:hidden; "改成style= "overflow:auto; "后,scroolTop有值,但是....滚动条出来了,fuck !!!
单独做了一个遮羞布,把滚动条遮住了,
另求:offsetLeft,offsetWidth 好像会偏一点,不知何故?望达人赐教
完全代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN " "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 滚动 </title>
<style> a{text-decoration:none;color:3366cc} </style>
</head>
<body>
<div id=oDiv style= "width:150px;border:1 solid red;overflow:auto;height:200px;float:left; " onmouseover= "clearInterval(s) " onmouseout= "s=setInterval(fsnMarquee,30) ">
<span id=oSpn>
<a href= '# '> 1111111 </a> <br>
<a href= '# '> 2222222 </a> <br>
<a href= '# '> 3333333 </a> <br>
<a href= '# '> 4444444 </a> <br>
<a href= '# '> 5555555 </a> <br>
<a href= '# '> 6666666 </a> <br>
<a href= '# '> 7777777 </a> <br>
<a href= '# '> 8888888 </a> <br>
<a href= '# '> 9999999 </a> <br>
</span>
</div>
<div id= "divMark " style= "display:none; ">
</div>
<div id= "markScroll " style= "width:15px;float:right;height:100%; "> <iframe src= "about:blank " width= "100% " height= "100% " scrolling= "no " frameborder= "0 "> </iframe> </div>
<script language= "javascript " type= "text/javascript ">
var i=0 ;
var s=null ;
function fsnMarquee()
{
if(oDiv.scrollTop> =oSpn.offsetHeight-oDiv.offsetHeight-50){
oSpn.innerHTML+=oSpn.children[i].outerHTML ;
i++ ;
} &n
自己动手,丰衣足食
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN " "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">
加了这段之后,以前能滚的DIV,不让滚了,但是老板还要要滚呀!!!
妈的什么标准,尽在折磨人.
分析了下原因,加了这个之后.div.scroolTop始终为 0 ..........没办法了
一个一个试,把div的 style= "overflow:hidden; "改成style= "overflow:auto; "后,scroolTop有值,但是....滚动条出来了,fuck !!!
单独做了一个遮羞布,把滚动条遮住了,
另求:offsetLeft,offsetWidth 好像会偏一点,不知何故?望达人赐教
完全代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN " "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 滚动 </title>
<style> a{text-decoration:none;color:3366cc} </style>
</head>
<body>
<div id=oDiv style= "width:150px;border:1 solid red;overflow:auto;height:200px;float:left; " onmouseover= "clearInterval(s) " onmouseout= "s=setInterval(fsnMarquee,30) ">
<span id=oSpn>
<a href= '# '> 1111111 </a> <br>
<a href= '# '> 2222222 </a> <br>
<a href= '# '> 3333333 </a> <br>
<a href= '# '> 4444444 </a> <br>
<a href= '# '> 5555555 </a> <br>
<a href= '# '> 6666666 </a> <br>
<a href= '# '> 7777777 </a> <br>
<a href= '# '> 8888888 </a> <br>
<a href= '# '> 9999999 </a> <br>
</span>
</div>
<div id= "divMark " style= "display:none; ">
</div>
<div id= "markScroll " style= "width:15px;float:right;height:100%; "> <iframe src= "about:blank " width= "100% " height= "100% " scrolling= "no " frameborder= "0 "> </iframe> </div>
<script language= "javascript " type= "text/javascript ">
var i=0 ;
var s=null ;
function fsnMarquee()
{
if(oDiv.scrollTop> =oSpn.offsetHeight-oDiv.offsetHeight-50){
oSpn.innerHTML+=oSpn.children[i].outerHTML ;
i++ ;
} &n
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
