简单介绍用一种快捷的方法实现大图居住全屏显示,要使用jquery中的技术

 

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    <style type="text/css">
        *{
            padding: 0;
            margin: 0;
        }
        #div{
            background: url(bg.jpg) no-repeat;
        }
    </style>

    <script type="text/javascript">
        $(function(){
            //获取浏览器的分辨率
            var clientWidth = $(window).width();
            var clientHeight = $(window).height();
            //设置div的宽和高,div的背景图就是你的大图
            $('#div').css({
                width: clientWidth,
                height: clientHeight
            });
        })
    </script>

</head>
<body>
    <div id="div"></div>
</body>
</html>
如果想要图片不缩放,请在css里面设置 background-position:100% 100%;

jquery validate自定义验证规则

jQuery.validator.addMethod("check_user", function(value, element) { var check = /^[A-Za-z\s]+$/; //this.optional(element)如果元素...

阅读全文

jquery-fancybox JavaScript图片库,支持pc,响应式

官网地址 http://fancyapps.com/fancybox/3/ document:http://fancyapps.com/fancybox/3/docs/#usage github https://github.com/fancyapps/fancybox 兼容性 ...

阅读全文

jquery 瀑布流插件 masonry

github https://github.com/desandro/masonry Masonry Cascading grid layout library Masonry works by placing elements in optimal position based on a...

阅读全文

欢迎留言