“爱读书‘清’年”系列视频发布
Source: https://libmonth.lib.tsinghua.edu.cn/dswhy2023/info/1065/1504.htm Parent: https://libmonth.lib.tsinghua.edu.cn/dswhy2023/
“爱读书‘清’年”系列视频发布
您心目中的爱读书“清”年什么样?
一年中,他们借阅多少本书?入馆多少次?有多长时间“泡”在图书馆?为了梦想有多拼?
一组数据,为您揭秘爱读书“清”年!
showVsbVideo("/__local/5/C1/C2/0B55FA2B28381D34274E17DD98A_2B4AD10E_39DDBF.mp4?e=.mp4","height=\"540\"","width=\"960\"","","float:none","false");
中国 北京 海淀区 清华大学图书馆 100084 电话:62782137 传真:62781758
图书馆微信公众号
版权所有:清华大学图书馆 版权声明
$(function(){
$(".img_vsb_content").click(function(){
var _this = $(this);//将当前的pimg元素作为_this传入函数
imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);
});
});
function imgShow(outerdiv, innerdiv, bigimg, _this){
var src = _this.attr("src");//获取当前点击的图片元素中的src属性
$(bigimg).attr("src", src);//设置#bigimg元素的src属性
/*获取当前点击图片的真实大小,并显示弹出层及大图*/
$("").attr("src", src).load(function(){
var windowW = $(window).width();//获取当前窗口宽度
var windowH = $(window).height();//获取当前窗口高度
var realWidth = this.width;//获取图片真实宽度
var realHeight = this.height;//获取图片真实高度
var imgWidth, imgHeight;
var scale = 0.8;//缩放尺寸,当图片真实宽度和高度大于窗口宽度和高度时进行缩放
if(realHeight>windowH*scale) {//判断图片高度
imgHeight = windowH*scale;//如大于窗口高度,图片高度进行缩放
imgWidth = imgHeight/realHeight*realWidth;//等比例缩放宽度
if(imgWidth>windowW*scale) {//如宽度扔大于窗口宽度
imgWidth = windowW*scale;//再对宽度进行缩放
}
} else if(realWidth>windowW*scale) {//如图片高度合适,判断图片宽度
imgWidth = windowW*scale;//如大于窗口宽度,图片宽度进行缩放
imgHeight = imgWidth/realWidth*realHeight;//等比例缩放高度
} else {//如果图片真实高度和宽度都符合要求,高宽不变
imgWidth = realWidth;
imgHeight = realHeight;
}
$(bigimg).css("width",imgWidth);//以最终的宽度对图片缩放
var w = (windowW-imgWidth)/2;//计算图片与窗口左边距
var h = (windowH-imgHeight)/1.8;//计算图片与窗口上边距
$(innerdiv).css({"top":h, "left":w});//设置#innerdiv的top和left属性
$(outerdiv).fadeIn("fast");//淡入显示#outerdiv及.pimg
});
$(outerdiv).click(function(){//再次点击淡出消失弹出层
$(this).fadeOut("fast");
});
}
var nav = { menuBtn: $('.menuBtn'), nav: $('.js-nav'), menu: $('.nav'), menuLi: $('.nav li'), menuLink: $('.nav li > a'), init: function() { var _this = this; this.menuBtn.append(''); this.menuBtn.on('click', function() { $(this).toggleClass('open'); _this.nav.toggleClass('open'); }); this.resize(959); }, resize: function(width) { this.menuLink.off('click'); this.menuLi.off('mouseenter mouseleave'); this.menu.find('.sub').stop(true, true).slideUp(0); if ($(window).innerWidth() < width) { this.menuLi.off('mouseenter mouseleave'); this.menuLink.on('click', function() { if ($(this).siblings('.sub').length) { $(this).siblings('.sub').stop(true, true).slideToggle('fast').parent().siblings().find('.sub').stop(true, true).slideUp('fast'); return false; } }) } else { this.menuBtn.removeClass('open'); this.nav.removeClass('open'); this.menuLi.on('mouseenter', function() { if ($(this).find('.sub').length) { $(this).find('.sub').stop(true, true).slideDown('fast'); } }); this.menuLi.on('mouseleave', function() { $(this).find('.sub').stop(true, true).slideUp('fast'); }); } } }; nav.init(); var resizeTimer = null; $(window).on('resize', function() { if (resizeTimer) { clearTimeout(resizeTimer); } resizeTimer = setTimeout(function() { nav.resize(959); }, 100); }); $(window).on('scroll', function() { var _top = $(window).scrollTop(); if (_top > 10) { $('.header').addClass('on'); } else { $('.header').removeClass('on'); } });