您的位置: 首页 > IT文章 > javascript技巧 > js实现的美女瀑布流效果代码 js实现的美女瀑布流效果代码 分类: IT文章 • 2022-05-11 14:54:17 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>瀑布流以及回顶部的效果</title> <style type="text/css"> *{ margin:0; padding:0; } h1{ text-align:center; height:100px; } body{ background-color:RGB(232,231,226); } .all{ margin:0 auto; width:1000px; } .number{ float:left; width:225px; } .content { margin:5px; background-color:white; } img{ margin:5px; } .loading{ position: absolute; width:100%; height:40px; display:none; text-align:center; background-color:RGB(189,203,207); } #toTop { position:fixed; _position:fixed; font-size:12px; color:Blue; width:15px; text-align:center; right:300px; bottom:100px; cursor:pointer; background-color:RGB(243,247,251); display:none; } </style> <h1 id="h1">I like TRY</h1> <div id="all" class="all"> <div id="one" class="number"> </div> <div id="two" class="number"> </div> <div id="three" class="number"> </div> <div id="four" class="number"> </div> </div> <div id="loading" class="loading"> <img onerror="this.src='/statics/wangyeyixia/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcuamJ6ai5jb20vZmlsZV9pbWFnZXMvYXJ0aWNsZS8yMDEyMTEvMjAwODAzMTMxMDM2MTc1NDM2LmdpZg==" alt="js实现的美女瀑布流效果代码" title="js实现的美女瀑布流效果代码"> </div> <div id="toTop"><span>△回顶部</span></div> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
