| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1766 人关注过本帖
标题:求一个网站上图片上下翻滚的js代码
只看楼主 加入收藏
刺心夜鸟
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2009-9-26
收藏
 问题点数:0 回复次数:5 
求一个网站上图片上下翻滚的js代码
我想要一个网站上的一个代码,就是这个网站www. 在网页右边有个导游介绍的区域,每个导游介绍都有一个图片,慢慢地向上移动翻滚的,我查看源文件,但由于能力不够,始终抠不出这个代码,谁可以帮我抠出来啊。谢谢,或者帮我看看这是不是哪个整站程序啊。需要这样一个程序。帮帮忙啊
搜索更多相关主题的帖子: 代码 
2009-09-27 00:42
testadmin
Rank: 2
等 级:论坛游民
帖 子:4
专家分:10
注 册:2009-9-27
收藏
得分:0 
来云网前端开发 http://www.
2009-09-27 09:28
刺心夜鸟
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2009-9-26
收藏
得分:0 
谁来帮帮忙啊,怎么就没人愿意帮忙啊!!!!
2009-09-29 19:00
foktime
Rank: 11Rank: 11Rank: 11Rank: 11
来 自:奥斯维辛
等 级:贵宾
威 望:35
帖 子:795
专家分:2742
注 册:2009-9-4
收藏
得分:0 
<marquee behavior="alternate" scrolldelay="1" direction="up" width="285" height="120">  
<img src="图地址" />  
<img src="图地址2" />  
<img src="图地址3" />  
<img src="图地址4" />  
....  
</marquee>  
 
上面的1 滚动速度
是这种的么
2009-09-30 09:16
箫艳
Rank: 2
等 级:论坛游民
帖 子:5
专家分:10
注 册:2009-10-19
收藏
得分:0 
注:上下滚动时,单元格demo1里面的内容高度要大于demo设置的高度才能无限滚动  
       左右滚动时,单元格demo1里面的内容宽度要大于demo设置的宽度才能无限滚动  
一、上下滚动  
 
1.显示的内容  
<div id="demo" style="OVERFLOW: hidden; WIDTH: 200px; HEIGHT: 100px; ">  
<table border="0" cellpadding="0" cellspacing="0">  
<tr>  
   <td id="demo1"><table width="100%" height="99" border="0" cellpadding="0" cellspacing="0">  
          <tr>  
            <td>一</td>  
          </tr>  
          <tr>  
            <td>二</td>  
          </tr>  
          <tr>  
            <td>三</td>  
          </tr>  
        </table></td>  
</tr>  
<tr>  
   <td id="demo2"></td>  
</tr>  
</table>  
</div>  
 
2.向上滚动JS  
 
<SCRIPT>  
var speed=30  
var MyMarh=setInterval(Marqueeh,speed)  
demo2.innerHTML=demo1.innerHTML  
//原理是不断的向demoh2中填入demoh1中的内容,然后将已经看不见的清除  
//用一个两行一列的表格,上一列再放一个装填有内容的表格,定义为demoh1,下一列是空的TD,定义为demoh2  
//SPEED是用来控制速度的。  
demo.onmouseover=function(){ clearInterval(MyMarh) }  
demo.onmouseout=function(){ MyMarh=setInterval(Marqueeh,speed) }  
function Marqueeh(){  
if(demo2.offsetHeight-demo.scrollTop<=0)  
   demo.scrollTop-=demo1.offsetHeight  
else{  
   demo.scrollTop++  
}  
}  
</SCRIPT>  
 
3.向下滚动JS  
 
<script>  
var speed=30  
demo2.innerHTML=demo1.innerHTML  
demo.scrollTop=demo.scrollHeight  
var MyMar=setInterval(Marquee,speed)  
 
 
demo.onmouseover=function() {clearInterval(MyMar)}  
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}  
function Marquee(){  
if(demo1.offsetTop-demo.scrollTop>=0)  
   demo.scrollTop+=demo2.offsetHeight  
else{  
   demo.scrollTop--  
}  
}  
</script>  
 
二、左右滚动  
 
1.显示内容  
 
<div id="demo" style="overflow:hidden;height:100px;width:200px;">  
<table cellpadding="0" cellspace="0" border="0">  
<tr>  
<td id="demo1"><table width="200" border="0" cellspacing="0" cellpadding="0">  
    <tr>  
      <td>一</td>  
      <td>二</td>  
      <td>三</td>  
    </tr>  
</table></td>  
<td id="demo2"></td>  
</tr>  
</table>  
</div>  
 
2.向左滚动JS  
 
<script>  
var speed=30  
var MyMar=setInterval(Marquee,speed)  
demo2.innerHTML=demo1.innerHTML  
demo.onmouseover=function() {clearInterval(MyMar)}  
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}  
function Marquee(){  
if(demo2.offsetWidth-demo.scrollLeft<=0)  
   demo.scrollLeft-=demo1.offsetWidth  
else{  
   demo.scrollLeft++  
}  
}  
</script>  
 
3.向右滚动JS  
 
<script>   
var speed=30  
var MyMar=setInterval(Marquee,speed)  
demo2.innerHTML=demo1.innerHTML  
demo.onmouseover=function() {clearInterval(MyMar)}   
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}  
function Marquee(){   
if(demo.scrollLeft<=0)   
   demo.scrollLeft+=demo2.offsetWidth   
else{   
   demo.scrollLeft--   
}   
}   
</script>
2009-10-20 11:59
快速回复:求一个网站上图片上下翻滚的js代码
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.018252 second(s), 9 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved