站长资源 网络编程

js实现的美女瀑布流效果代码

整理:jimmy2026/8/6浏览2次

简介瀑布流以及回顶部的效果 *{ margin:0; padding:0; } h1{ text-align:center; height:100px; } body{ background-color:RGB(232,231,226); } .all{ margin:0 auto; width:10

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <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>  </head> <body> <h1 id="h1">I like TRY</h1>            <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/200803131036175436.gif');"><img src="/UploadFiles/2021-04-02/200803131036175436.gif" alt="js实现的美女瀑布流效果代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  △回顶部 </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：原生JS分页展示效果（点击分页看效果）

下一篇：jQuery语法总结和注意事项小结

站长资源 网络编程

js实现的美女瀑布流效果代码

最新资源

一句话新闻

标签云