網頁操作彙總

1、根據ID實現網頁內滾動(跳轉)

$("html,body").animate({scrollTop:$("#id").offset().top},100)

在$()內的爲跳轉所在的範圍,當爲html,body時,即爲整個網頁內部的滾動,animate爲動畫函數,動畫函數內部scrollTop代表動畫爲滾動的意思,$("#id“).offset().top獲取的是目的ID距離網頁頂部的距離,後面的100代表這個動畫滾動在100ms的時間內完成。

2、網頁ico(也就是頁籤前的圖標)

<link rel="shortcut icon" type="images/x-icon" href="image/index.ico">

3、CSS漸變色

background:linear-gradient(#aaaaaa,#ccccccc);
4、CSS水平居中
text-align:center;
5、CSS垂直居中
line-height:50px;
vertical-align:center;

6、垂直居中(需要先標明高度是多少,才能設置垂直居中的樣式)

line-height:40px;vertical-align:center;
設置各對象的vertical-align屬性,屬性說明: 
baseline-將支持valign特性的對象的內容與基線對齊 
sub-垂直對齊文本的下標 
super-垂直對齊文本的上標 
top-將支持valign特性的對象的內容與對象頂端對齊 
text-top-將支持valign特性的對象的文本與對象頂端對齊 
middle-將支持valign特性的對象的內容與對象中部對齊 
bottom-將支持valign特性的對象的文本與對象底端對齊 
text-bottom-將支持valign特性的對象的文本與對象頂端對齊 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章