【javascript】javascript实现background-size:cover的功能

浏览数：26 / 时间：2015年06月08日 
    <script type=‘text/javascript‘>
    $(function(){
        var screenWidth = $(window).width();
        var screenHeight = $(window).height();
        //console.log(screenWidth+‘//‘+screenHeight);
        var screenScale = screenWidth/screenHeight;
        var imgWidth = $(‘.banner6 img‘).width();
        var imgHeight = $(‘.banner6 img‘).height();
        var scale = imgWidth/imgHeight;
        if(screenScale > scale){
            $(‘.banner6 img‘).width(screenWidth);//以宽为标准
            $(‘.banner6 img‘).height(screenWidth/scale);
            //console.log(‘11:‘+ $(‘.banner6 img‘).width()+‘:‘+$(‘.banner6 img‘).height());
        }else{
            $(‘.banner6 img‘).width(screenHeight*scale);//以高为标准
            $(‘.banner6 img‘).height(screenHeight);
            //console.log(‘22:‘+ $(‘.banner6 img‘).width()+‘:‘+$(‘.banner6 img‘).height());
        }
    })
    </script>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： 编程语言 Java C C# Javascript js Python Ruby Spring 程序 VB

相关文章

随机文章

您可能还喜欢

您可能还喜欢