为了账号安全,请及时绑定邮箱和手机立即绑定

JQuery特效相册

标签:
JQuery


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++);
};

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
移动开发工程师
手记
粉丝
39
获赞与收藏
245

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消