如何用Bootstrap製作輪播圖
工具/材料
Sublime Text
操作方法
首先我們需要新建一個HTML5的文檔,然後在文檔中匯入Bootstrap的樣式檔案,這個檔案中包含了輪播圖所有的樣式定義,如下圖所示
接下來我們需要匯入腳本檔案,注意先匯入Jquery檔案,然後匯入bootstrap的腳本檔案,順序一定不能顛倒,如下圖所示
然後在body標籤裏定義輪播圖的容器,容器的大小需要和圖片的大小一樣,否則會出現輪播圖錯位,效果如下圖所示
接下來我們就正式的添加輪播圖了,這裏先添加三張圖,如下圖所示,注意讓哪種輪播圖顯示直接調用Bootstrap的active樣式即可
輪播圖片添加完畢以後,就可以添加輪播圖焦點了。在Bootstrap中運用li列表定義輪播圖焦點,注意焦點的數量和圖片的數量要一樣,如下圖所示
輪播圖中還有一個必不可少的元素就是左右箭頭,透過Bootstrap的carousel-control樣式添加輪播圖箭頭,如下圖所示
最後我們執行程序以後,在頁面中你就可以看到如下圖所示的輪播圖效果了。可以看到我們上面說的輪播圖焦點和左右箭頭都在頁面上顯示出來了,如下圖所示
-
PS教程:簡單快速的通道摳圖
操作方法(01)開啟PS後,開啟一張需要處理的圖片,點擊通道,選擇綠色(那個色差大選哪個),此次演示選擇一個難度稍大的圖片處理,因爲頭紗是透明的,背後的背景和顏色還得去掉。(02)點擊鼠標右鍵,選擇複製。(03)按Ctrl+L,將色階裏面的箭頭向中間拉,然後點擊確定。(04)點擊套索工具,選中人...
-
教您如何組建家庭KTV點歌系統
在現在喜歡K歌的人們已經對KTV產生了一種依賴感,一時不唱全身都不舒服,但是KTV並非自家的,並非時刻都可以盡情唱歌,並且對上節假日的時候,還需要排隊等待,因此在現在,在自家安裝家庭KTV成爲一種潮流趨勢。人們雖喜歡去KTV唱歌,但是對家庭KTV組建並不瞭解,組建時經常遇到...
-
如何用excel利用出生年月來計算年齡
我們在日常使用Excel中有時會利用公式來做計算,得到期望的結果,這樣往往會比自己一個一個的去計算快得多。利用出生日期,我們也可以用公式去計算年齡。下面一起來看下怎麼操作。操作方法(01)開啟excel,輸入測試數據,姓名和出生日期列有明確的數據,年齡列等待計算。(02)...
-
如何設定路由器IP位址
大部分家用路由器的默認IP位址是,如果我們想給路由器換個IP,怎麼設定呢?操作方法(01)首先開啟網絡連接,雙擊本地連接,檢視計算機IP位址(02)如果是192.168.1.x,則跳過後續步驟,如果不是的,則手動修改爲(03)然後在網頁上開啟,輸入路由器登入賬號和密碼【可以在路由器上面檢視初...