jquery jaliswall实现图片瀑布流效果代码

代码语言:html

所属分类:瀑布流

代码描述:jquery jaliswall实现图片瀑布流效果代码

代码标签: 图片 瀑布 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <style>
        /* CSS Document */
    /* author:cyy */
    /*css reset*/
    *{margin:0;padding:0;}
    html,body { width:100%;}
    body{overflow:-Scroll;overflow-x:hidden; 
    }
    body{ font-family:"microsoft yahei";}
    
    html {
      font-family: sans-serif; /* 1 */
      -ms-text-size-adjust: 100%; /* 2 */
      -webkit-text-size-adjust: 100%; /* 2 */
    }
    article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;}
    audio,canvas,progress,video {  display: inline-block; /* 1 */
      vertical-align: baseline; /* 2 */
    }
    audio:not([controls]) {
      display: none;
      height: 0;
    }
    [hidden],template {  display: none;}
    a {  background-color: transparent;}
    a:active,a:hover {  outline: 0;}
    abbr[title] {  border-bottom: 1px dotted;}
    b,strong {  font-weight: bold;}
    dfn {  font-style: italic;}
    h1 {  font-size: 2em;  margin: 0.67em 0;}
    mark {  background: #ff0;  color: #000;}
    small {  font-size: 80%;}
    sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}
    sup {  top: -0.5em;}
    sub {  bottom: -0.25em;}
    img {  border: 0;}
    svg:not(:root) {  overflow: hidden;}
    figure {  margin: 1em 40px;}
    hr {
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      height: 0;
    }
    pre {
      overflow: auto;
    }
    code,
    kbd,
    pre,
    samp {
      font-family: monospace, monospace;
      font-size: 1em;
    }
    
    button,
    input,
    optgroup,
    select,
    textarea {
      color: .........完整代码请登录后点击上方下载按钮下载查看

网友评论0