<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Test </title></head>
<body>
<div id='demo1' style="display:none">
<table>
<tr>
<td><img src="/img/link1.gif" /></td>
<td><img src="/img/link2.gif" /></td>
<td><img src="/img/link3.gif" /></td>
<td><img src="/img/link4.gif" /></td>
</tr>
</table>
</div>
<div id='demo2' style='overflow:hidden;height:150;width:500'> </div>
<div id="con"></div>
<script>
var speed=50;
var demo1 = document.getElementById("demo1");
var demo2 = document.getElementById("demo2");
demo2.innerHTML=demo1.innerHTML;
//alert(demo2.offsetLeft+1);
//alert(demo.scrollLeft+1);
var left = 0;
var flag = true;
function Marquee(){
if(flag){
demo2.scrollLeft += 50;
}else{
demo2.scrollLeft -= 50;
}
//判断是否需要转向
if(left == demo2.scrollLeft){
flag = !flag;
}
left = demo2.scrollLeft;
}
var MyMar=setInterval(Marquee,speed);
demo2.onmouseover=function() {clearInterval(MyMar)};
demo2.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script> </body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Test </title></head>
<body>
<div id='demo1' style="display:none">
<table>
<tr>
<td><img src="/img/link1.gif" /></td>
<td><img src="/img/link2.gif" /></td>
<td><img src="/img/link3.gif" /></td>
<td><img src="/img/link4.gif" /></td>
</tr>
</table>
</div>
<div id='demo2' style='overflow:hidden;height:150;width:500'> </div>
<div id="con"></div>
<script>
var speed=50;
var demo1 = document.getElementById("demo1");
var demo2 = document.getElementById("demo2");
demo2.innerHTML=demo1.innerHTML;
//alert(demo2.offsetLeft+1);
//alert(demo.scrollLeft+1);
var left = 0;
var flag = true;
function Marquee(){
if(flag){
demo2.scrollLeft += 50;
}else{
demo2.scrollLeft -= 50;
}
//判断是否需要转向
if(left == demo2.scrollLeft){
flag = !flag;
}
left = demo2.scrollLeft;
}
var MyMar=setInterval(Marquee,speed);
demo2.onmouseover=function() {clearInterval(MyMar)};
demo2.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script> </body>
</html>
解决方案 »
- js的alert是否可以自动关闭????如何做到
- 获得子页面的元素
- 请教,如何在js中判断一个输入是否数字。
- javascript 表单中checkbox全选
- 求显示图片位置JS教本~(急,在线等)
- 那位能提供一段每天每ip执行一个广告脚本的代码
- 虚心请教:如何知道当前页面上控件,可否使用focus(),使其聚焦??? 在线等,立即结分1
- 如何才能使用script的高级功能?
- 如何直接双击打开一个全屏的网页(反正就是只可以看到网页内容,其他都不可见)!
- 请问jscript 和 javascript 有什么区别呀? 哪里能找到完善一点的 javascript手册呀?英文也行
- 在网页中JS如何创建INPUT元素.
- OpenLayers 鹰眼
还是不行,我那个主要是demo.scrollLeft++;
改变不了啊
是什么意思啊?你们可以告诉我
执行了
demo.scrollLeft++;
之后,
为什么demo.scrollLeft的值还是0呢?
function Marquee(){
window.status=demo2.scrollLeft+ "| "+demo2.offsetLeft+ "| "+demo.scrollLeft+ "| "+demo.offsetLeft 运行时看看状态栏先自己动手,好过别人解释。
<table><tr><td width="501"><div id=demo1 style="float:left;width:501;">
<!-- 定义图片 -->
<img src="/img/link.gif"> 1
<img src="/img/link1.gif"> 2
<img src="/img/link2.gif"> 3
<img src="/img/link3.gif"> 4
<img src="/img/link4.gif"> 5
</div>
</td><td width="501">
<div id=demo2 style="float:left;width:501;"> </div>
</td></tr></table>
</div>
<script>
var speed=100
demo2.innerHTML=demo1.innerHTML
function Marquee(){
window.status=demo2.scrollLeft+ "| "+demo2.offsetLeft+ "| "+demo.scrollLeft+ "| "+demo.offsetLeft
if(demo2.offsetWidth-demo.scrollLeft <0)
{
demo.scrollLeft-=demo1.offsetWidth;
}
else
{
demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>首先,demo的overflow:hidden,即超出的内容不显示。
再,demo1和demo2要横排,且宽度要大于demo宽度。
剩下的自己运行看状态栏。
可以说说为什么一定要用table啊?
我的代码没错!是因为布局所以不行吧?
slowhand
其实这里我应该先把那些宽度弄清楚先。这样再关心那些布局。
看你的例子就够啦!谢谢