javascript - JS源码开发:想开发个使图片慢慢出现又收回效果的代码试试
高洛峰
高洛峰 2017-04-10 13:09:11
0
0
430

这是我写的代码,只写了展现图片出来的部分就出问题了,好像没跳入到function changeImg()里吧?语法对吗?谢谢路过的热心网友教我

<SCRIPT type="text/javascript">
//定义一个photo函数
function photo(id){
/*image*/
    var getId=document.getElementById(id)
    var starPhoto=20//初始化图片高
    var img_h=getId.height//获取图片高度
    function changeImg()//图片展现
    {       
        if(starPhoto<img_h)
        {
            starPhoto+=starPhoto
            alert(starPhoto)
            getId.style.backgroundPositionY=starPhoto+'px'
            getId.style.height=starPhoto+'px'
            return
        }
        clearInterval(int)
    }
    var int=self.setInterval("changeImg()",50)
/*times*/
this.prototype.sImage=function()//验证顶部动态大图片是否加载完毕
{
    var appname = navigator.appName.toLowerCase()
    if (appname.indexOf("netscape") == -1)
    {
       //ie
        img.onreadystatechange = function () {
            if (img.readyState == "complete")
            {
                var tout = setTimeout("int",4000)
            }
        };
    } else {
       //firefox
        img.onload = function () {
            if (img.complete == true)
            {
                img;
                var tout = setTimeout("int",4000)
            }
        }
    }
}
}
//实例化一个对象
var id="top_img"
var photo = new photo(id)
photo.sImage=function(){}

</SCRIPT>

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

reply all(0)
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template