继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

JQuery特效相册

android也疯狂
关注TA
已关注
手记 279
粉丝 39
获赞 243


document.getElementsByClassName = function(cl) {
    var retnode = [];
    var myclass = new RegExp('\\b'+cl+'\\b');
    var elem = this.getElementsByTagName('*');
    for (var i = 0; i < elem.length; i++) {
        var classes = elem[i].className;
        if (myclass.test(classes)) retnode.push(elem[i]);
    }
    return retnode;
}
var MyMar;
var speed = 1; //速度,越大越慢
var spec = 1; //每次滚动的间距, 越大滚动越快
var ipath = '/common/imgs/'; //图片路径
var thumbs = document.getElementsByClassName('thumb_img');

for (var i=0; i<thumbs.length; i++) {
    thumbs[i]. = function () {
        $('#main_img').attr("src",$(this).attr("rel"));
        $('#main_img').attr("link",$(this).attr("link"));
    };
//    thumbs[i].onclick = function () {
//        location = this.link
//    }
}

$('#main_img').click(function () {
//    location = this.link;
});

$('#gotop').mouseover(function() {
   
    $(this).attr("src",ipath + 'gotop2.gif');
    MyMar=setInterval(gotop,speed);
});
$('#gotop').mouseout(function() {
   
    $(this).attr("src",ipath + 'gotop.gif');
    clearInterval(MyMar);
});

$('#gobottom').mouseover(function() {
   
    $(this).attr("src",ipath + 'gobottom2.gif');
    MyMar=setInterval(gobottom,speed);
});
$('#gobottom').mouseout(function() {
   
    $(this).attr("src",ipath + 'gobottom.gif');
    clearInterval(MyMar);
});
function gotop() {
    window.document.getElementById('showArea').scrollTop-=spec;
//    $('#showArea').attr("scrollTop",spec--);
};
function gobottom() {
    window.document.getElementById('showArea').scrollTop+=spec;
//    $('#showArea').attr("scrollTop",spec++);
};

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP