Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
滚动jQuery的计时_Jquery_Html_Css - Fatal编程技术网

滚动jQuery的计时

滚动jQuery的计时,jquery,html,css,Jquery,Html,Css,我想在这个代码中添加一个fadeTo()函数,这样滚动就不会是瞬间的 // JavaScript Document function initRollovers() { if (!document.getElementById) return var aPreLoad = new Array(); var sTempSrc; var aImages = document.getElementsByTagName('img'); for (var i = 0; i < aImages.

我想在这个代码中添加一个
fadeTo()
函数,这样滚动就不会是瞬间的

// JavaScript Document

function initRollovers() {
if (!document.getElementById) return

var aPreLoad = new Array();
var sTempSrc;
var aImages = document.getElementsByTagName('img');

for (var i = 0; i < aImages.length; i++) {      
    if (aImages[i].className == 'imgover') {
        var src = aImages[i].getAttribute('src');
        var ftype = src.substring(src.lastIndexOf('.'), src.length);
        var hsrc = src.replace(ftype, '_o'+ftype);

        aImages[i].setAttribute('hsrc', hsrc);

        aPreLoad[i] = new Image();
        aPreLoad[i].src = hsrc;

        aImages[i].onmouseover = function() {
            sTempSrc = this.getAttribute('src');
            this.setAttribute('src', this.getAttribute('hsrc'));
        }   

        aImages[i].onmouseout = function() {
            if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o'+ftype, ftype);
            this.setAttribute('src', sTempSrc);
        }
    }
}
}

window.onload = initRollovers;
//JavaScript文档
函数initrolloverses(){
如果(!document.getElementById)返回
var aPreLoad=新数组();
var-sTempSrc;
var aImages=document.getElementsByTagName('img');
对于(var i=0;i
试试这个:

// JavaScript Document
$(window).ready(function () {
initRollovers();
})

function initRollovers() {
if (!document.getElementById) return

var aPreLoad = new Array();
var sTempSrc;
var aImages = document.getElementsByTagName('img');

for (var i = 0; i < aImages.length; i++) {
    if (aImages[i].className == 'imgover') {
        var src = aImages[i].getAttribute('src');
        var ftype = src.substring(src.lastIndexOf('.'), src.length);
        var hsrc = src.replace(ftype, '_o' + ftype);

        aImages[i].setAttribute('hsrc', hsrc);

        aPreLoad[i] = new Image();
        aPreLoad[i].src = hsrc;

        $(aImages[i]).mouseenter(function () {
            sTempSrc = this.getAttribute('src');
            sCurrent = this;
            $(sCurrent).fadeOut(function () {
                this.setAttribute('src', this.getAttribute('hsrc'));
                $(sCurrent).fadeIn();
            });

        })

        $(aImages[i]).mouseleave(function () {
            $(sCurrent).fadeOut(function () {
                if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o' + ftype, ftype);
                this.setAttribute('src', sTempSrc);
                $(sCurrent).fadeIn();
            })


        })
    }
}
}
//JavaScript文档
$(窗口).ready(函数(){
初始化滚动();
})
函数initrolloverses(){
如果(!document.getElementById)返回
var aPreLoad=新数组();
var-sTempSrc;
var aImages=document.getElementsByTagName('img');
对于(变量i=0;i
谢谢你的帮助,但不幸的是,当我实现它时,它不起作用。你能为我提供两幅图像的绝对url吗?我不确定你的意思,但我的html是你是否在页面中包含了jquery库哦,好的!我不知道该怎么做!我下载了一个库并将其放入我的根文件夹中,并将其链接到我的html中,但它似乎不起作用