刘元的专栏

车尘马足显者事,酒盏花枝隐士缘

javascript实现图片滚动效果

           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>中

 

阅读更多
想对作者说点什么? 我来说一句

<em>js图片滚动</em>

2018年05月04日 0B 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭