javascript实现图片滚动效果

原创 2007年09月14日 12:18:00
           window.onload = rolloverInit;
           
//加载窗体时触发事件
                                          
        
function rolloverInit()...{
            
for (var i=0; i<document.images.length; i++)...{
                
if(document.images[i].parentNode.tagName=="A")...{
                    setupRollover(document.images[i]);
                }

            }

        }

        
//对所有包含超级连接的图片执行滚动设置


        
function setupRollover(thisImage)...{
            thisImage.outImage 
= new Image();
            thisImage.outImage.src 
= thisImage.src;
            thisImage.onmouseout 
= rollOut;

            thisImage.overImage 
= new Image();
            thisImage.overImage.src 
= thisImage.id + "_on.jpg";
            thisImage.onmouseover 
= rollOver;
        }

        
//为图片设置了out和over两种模式和相应的图片,可根据需要实际添加或修改


        
function rollOver()...{
            
this.src = this.overImage.src;
        }

        
        
function rollOut()...{
            
this.src = this.outImage.src;
        }

 相应在HTML中要对脚本进行引用,同时需要滚动效果的图片应包含在超连接<a herf="..."></a>中

 

JS实现图片滚动效果

代码转载自网络 ================================== JS文件代码 scrollimage.js :   var speed=10; //数字越大速度越慢 ...
  • zurich1979
  • zurich1979
  • 2014年03月24日 21:36
  • 3312

javascript+css 实现滚动效果

简单的滚动效果: HTML文字滚动效果 *{ margin:0; padding:0; } .box{ width:500px; border:3px solid #ccc; m...
  • csdn9_14
  • csdn9_14
  • 2016年10月19日 21:29
  • 759

javascript实现图片滚动效果代码

图片循环滚动代码演示 - aiiee.comname=description>TD {FONT-SIZE: 12px}                                         ...
  • wu_jifang
  • wu_jifang
  • 2009年12月02日 16:19
  • 307

Javascript实现列表中列的滚动效果

经常在访问网页的时候,会发现有那种列表的滚动展示新闻或者网站消息的动态列表栏。 列表滚动效果 *{ padding:0px; margin:0px; ...
  • qq_33220449
  • qq_33220449
  • 2016年08月06日 21:33
  • 725

JS实现网页上的滚动效果

        下面说一下这个相对简单的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆,通过不断改变...
  • mlks_2008
  • mlks_2008
  • 2006年11月01日 10:13
  • 1059

图片翻页滚动效果(JavaScript)

var scrollerheight=160;                                                //定义每个区域显示的高度var html,total_a...
  • groupliu
  • groupliu
  • 2007年04月06日 15:42
  • 1360

Android开发之实现图片自动滚动显示标签的ViewPager

Android中实现图片自动滚动的效果非常的常见,我们可以自己动画去实现功能。但是在Android中提供了一个ViewPager类,实现了滚动效果,在Android的extras目录下android-...
  • fengshizty
  • fengshizty
  • 2014年12月20日 18:09
  • 3388

纯javascript实现文字、图片无限滚动效果

使用说明:xMarquee(' 对象id ',' 滚动方向 ',' 偏移(正整数,越大滚动越快,默认 1) ',' 频率(正整数,越小滚动越快,默认 50) '); 根据个人需求可以对'偏移'和'频率...
  • zyx13859002783
  • zyx13859002783
  • 2014年08月26日 16:14
  • 3315

javascript 实现新闻咨询图片滚动效果

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> ...
  • wbandzlhgod
  • wbandzlhgod
  • 2011年09月28日 13:28
  • 746

不间断连续图片滚动效果(JavaScript实现)

直接看代码:Untitled Document
  • MageShuai
  • MageShuai
  • 2009年05月12日 18:53
  • 575
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript实现图片滚动效果
举报原因:
原因补充:

(最多只允许输入30个字)