打印

滚动JS代码，在Firefox下不能滚动，请高手指明原因在哪里？

jiege8848 [楼主]

中级会员

帖子: 112
体力: 226
威望: 0
当前: 上海徐汇
离线: 1 天

专长 网页设计,前端制作,策划

1^# 大中小发表于 2008-6-30 17:21

JS滚动代码，在Firefox下不能滚动，
请高手查一下原因在哪里？

提示：您可以先修改部分代码再运行

如果我把<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">这段代码换成 <html > 就可以滚动了，

提示：您可以先修改部分代码再运行

我想要在有<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">这段代码的情总下让他滚动,应怎样修改？

Div之家__专业Div+CSS技术站点 divhome.com

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

jiege8848 [楼主]

中级会员

帖子: 112
体力: 226
威望: 0
当前: 上海徐汇
离线: 1 天

专长 网页设计,前端制作,策划

2^# 大中小发表于 2008-6-30 17:35

切盼高手回答，本人新手，实在找不到解决的方法了。

Div之家__专业Div+CSS技术站点 divhome.com

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

macji

麦鸡

高级会员

帖子: 373
体力: 672
威望: 3
当前: 浙江杭州

专长 前端制作,JS,PHP

3^# 大中小发表于 2008-6-30 20:31

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo</title>
<style type="text/css" media="all">
/* <![CDATA[ */
ul{margin:0; width:110px; padding:5px; height:220px; border:solid 1px #000; overflow:hidden}
ul li{list-style:none; width:100px; height:100px; line-height:100px; text-align:center; background:#eee; border:solid 5px #fff;}
/* ]]>*/
</style>
</head>
<body>
<div> 
<ul id="div">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</div>
<script type="text/javascript">
/* <![CDATA[ */
function simplescroll(c, config) {
	this.config = config ? config : {start_delay:30, speed: 30, delay:30, scrollItemCount:1};
	this.container = document.getElementById(c);
	this.pause = false;
	var _this = this;
	
	this.init = function() {
		_this.scrollTimeId = null;
		setTimeout(_this.start,_this.config.start_delay);
	}
	
	this.start = function() {
		var d = _this.container;
		var line_height = d.getElementsByTagName('li')[0].offsetHeight;
		if(d.scrollHeight-d.offsetHeight>=line_height) _this.scrollTimeId = setInterval(_this.scroll,_this.config.speed)
	};
	
	this.scroll = function() {
		if(_this.pause)return;
		var d = _this.container;d.scrollTop+=2;
		var line_height = d.getElementsByTagName('li')[0].offsetHeight;
		if(d.scrollTop%(line_height*_this.config.scrollItemCount)<=1){
			d.scrollTop=0;
			for(var i=0;i<_this.config.scrollItemCount;i++){d.appendChild(d.getElementsByTagName('li')[0]);}
			clearInterval(_this.scrollTimeId);
			setTimeout(_this.start,_this.config.delay);
		}
	}
	
	this.container.onmouseover=function(){_this.pause = true;}
	this.container.onmouseout=function(){_this.pause = false;}
}
var div = new simplescroll('div', {start_delay:30, speed:30, delay:30, scrollItemCount:2});
div.init();
/* ]]>*/
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

演示地址：http://www.macji.com/lab/scroll.html

麦鸡Macji

TOP

activeTechPros 共享IT行业薪资信息 | 《疯狂的程序员》劲爆上市

jiege8848 [楼主]

中级会员

帖子: 112
体力: 226
威望: 0
当前: 上海徐汇
离线: 1 天

专长 网页设计,前端制作,策划

4^# 大中小发表于 2008-7-1 09:46

这也是一种解决方法。

Div之家__专业Div+CSS技术站点 divhome.com

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

jiege8848 [楼主]

中级会员

帖子: 112
体力: 226
威望: 0
当前: 上海徐汇
离线: 1 天

专长 网页设计,前端制作,策划

5^# 大中小发表于 2008-7-1 10:58

有人能帮忙在第一种情况下更改吗？

Div之家__专业Div+CSS技术站点 divhome.com

TOP

iskywang

高级会员

帖子: 337
体力: 534
威望: 0
当前: 北京海淀区
离线: 1 天

专长 网页设计,前端制作,JS

6^# 大中小发表于 2008-7-1 11:04

看看这段js，FF也ok，

<SCRIPT type=text/javascript>
var speed=20;
gg2.innerHTML=gg1.innerHTML;
function Marquee(){
if(gg2.offsetTop-gg.scrollTop<=0)
gg.scrollTop-=gg1.offsetHeight;
else{
gg.scrollTop++;
}}
var MyMar=setInterval(Marquee,speed);
gg.onmouseover=function(){
clearInterval(MyMar);
}
gg.onmouseout=function(){
MyMar=setInterval(Marquee,speed);}</SCRIPT>

yiyiya2008

TOP

jiege8848 [楼主]

中级会员

帖子: 112
体力: 226
威望: 0
当前: 上海徐汇
离线: 1 天

专长 网页设计,前端制作,策划

7^# 大中小发表于 2008-7-1 12:32

不知最后一个怎么用。

Div之家__专业Div+CSS技术站点 divhome.com

TOP

jiege8848 [楼主]

中级会员

帖子: 112
体力: 226
威望: 0
当前: 上海徐汇
离线: 1 天

专长 网页设计,前端制作,策划

8^# 大中小发表于 2008-7-2 18:18

希望高手继续指点。

Div之家__专业Div+CSS技术站点 divhome.com

TOP

dsqwei1

Andy88

高级会员

帖子: 1840
体力: 952
威望: 0
当前: 北京朝阳区

专长 JS,AS

9^# 大中小发表于 2008-7-2 18:31

var demo=document.getElementById("demo");
var demo1=document.getElementById("demo1");
var demo2=document.getElementById("demo2");
....

大浪淘沙.

TOP

dsqwei1

Andy88

高级会员

帖子: 1840
体力: 952
威望: 0
当前: 北京朝阳区

专长 JS,AS

10^# 大中小发表于 2008-7-2 18:38

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test01</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
</head>
<body > 
<DIV id=demo style="overflow:hidden;height :200px;width :95px;">
            
  <DIV id=demo1> 
    
 01<br />
02<br />
03<br />
04<br />
05<br />
07<br />
08<br />
09<br />
10<br />
11<br />
12<br />
13<br />
14<br />
15
  </DIV>
            <DIV id=demo2></DIV>
</DIV>
<SCRIPT>
var speed=30;
var demo=document.getElementById("demo");
var demo1=document.getElementById("demo1");
var demo2=document.getElementById("demo2");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</SCRIPT>
</body>
</html>

提示：您可以先修改部分代码再运行

大浪淘沙.

TOP

jiege8848 [楼主]

中级会员

帖子: 112
体力: 226
威望: 0
当前: 上海徐汇
离线: 1 天

专长 网页设计,前端制作,策划

11^# 大中小发表于 2008-7-3 17:11

高手就是高手，谢谢。

Div之家__专业Div+CSS技术站点 divhome.com

TOP

jiege8848 [楼主]

中级会员

帖子: 112
体力: 226
威望: 0
当前: 上海徐汇
离线: 1 天

专长 网页设计,前端制作,策划

12^# 大中小发表于 2008-7-3 17:37

10楼的方法，在FF下不能循环滚动了。

Div之家__专业Div+CSS技术站点 divhome.com

TOP