js實現的美女瀑布流效果代碼

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js實現的美女瀑布流效果代碼

js實現的美女瀑布流效果代碼

編輯：關於JavaScript

<!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> 
 
<meta name="viewport" content="width=device-width, initial-scale=1.0"></head> 
<body> 
<h1 id="h1">I like TRY</h1> 
 
 
 
 
 
 
 
 
 
 
 
<img src="https://www.divcss.online/divcssbuju/UploadFiles_7251/201612/2016122409540775.gif" /> 
 
△回頂部 
</body> 
</html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一頁:原生JS分頁展示效果（點擊分頁看效果）
下一頁:JS的replace方法詳細介紹

關於JavaScript

細數JavaScript 一個等號,兩個等號,三個等號的區別: 一個等號 =:表示賦值；兩個等號 ==：先轉換類型再比較；三個等號 ===：先判斷類型，如果不是
javascript強制點擊廣告的方法教程: 本文實例講述了javascript強制點擊廣告的方法。分享給大家供大家參考。具體如下：這裡介紹的強制
Javascript中arguments對象詳解: 在上篇文章中我們討論了javascript中的默認參數，這篇文章，我們來討論下javascript的

DIV CSS 佈局教程網

相關文章