劇場介紹
精彩花絮
可愛瞬間
感悟算是最後自己學了這有段時間的交代吧,直接衝衝衝!
外掛程式swiper
接著是官方的套式,可以根據需要自行更改。
html**:
js**:
最後套用的我們js**進行的背景引入進行輪播,由於較多,則可用迴圈去完成。
採用ul的標籤進行設計,內嵌了乙個小標題和主要內容,主要內容為插圖和文字介紹。
html**:
新一收到了來自世界知名建築家——森谷教授於其宅邸舉行的晚會的請帖。柯南、小蘭和小五郎應邀出席。此即為事件的開端。此後發生了作為特殊火藥的塑膠炸彈大量失竊的案件。那個自稱**的男子打來預告**,與柯南展開博弈。犯人再次向那裡打**。隨後,**連續發來炸彈預告。城市陷入了恐慌。
js**與上述一致,較於多,所以採用統一設定。
css**:
text-align: center;
text-shadow:2px 2px #ff0000;
font-size: 60px;
} width: 354px;
font-size: 26px;
border: 2px solid #00925f;
text-align: center;
background-color: #66ccff;
padding: 10px 0;
}文字的間距:
#content ul li .subtext p
大標題的設計為:字型設定為幻彩,居中且字型極大。
小標題的設計為:綠色邊框、字型較大、標題離內邊框有一定距離、藍色背景。
整體內容水平居中,一行四個,浮動型別為向左。
html**:
瀏覽器不支援html5:video
js**:
bootstrap 外掛程式
首先介紹一下這個外掛程式,專門用來做網頁上的各種框架,包括js、css、html等等。例如網頁的導航條,之前的jquery著重介紹。
引入方式:
html**:
採用的bootstrap主要是設計為圓形。即class="img-circle",這些都是已經設計好的,直接引用即可。
js**:
$(window).scroll(function()
if(scrollt > backtop2)
if(scrollt > backtop3)
});css**:
.fade
js**實現的功能是滑鼠進入時浮現。採用的jq語言去實現。
html中首先是分成三組,一組一組的顯現出來,於是有了a1到12。
css設計了fade選擇器,對進行顯現的隱藏。等到滑鼠滑到時對顯現並浮現出來。
js**設計變數scrollt找到當前滑鼠距離視窗的位置,再接著設計變數backtop1找到第一組距離頂端的位置並對其折半,避免電腦對滑鼠所處位置太過敏銳,還沒到位置就已經顯現的狀況。
緊接著當視窗位置到設定的backtop1變數附近時,對第一組新增樣式:addclass(「animated bounceinright show」),意思為從右邊飛出來;同時移除樣式:removeclass(「fade」);對進行顯現。此處使用的效果仍是bootstrap中外掛程式的效果,直接引用即可。
這次做的還是比較簡單吧,算是把這段時間學的東西都用上了,怕之後忘,所以,加油吧!學了前端這麼久,感覺真的麻煩的就是js語言的各種各樣的東西,有時候摸不著頭腦。html和css讓我感覺比較親切,因為很多框架可以在外掛程式中進行引用,難得僅在於你要通過學習去認識那些各種各樣的屬性,知道怎麼用的,能用在**。
雲計算小課 第二課 雲小課帶你了解映象家族!
本次課程希望能夠幫助您深入理解華為雲映象服務,包括私有映象與公共映象之間的區別,當前華為雲映象服務的各種功能。簡單的說,映象就好像是轉殖體,它可以把乙個已有的雲主機作業系統和應用服務,快速的複製到您的雲主機中,省時又省力。還沒有華為雲賬戶來體驗本節課程的操作嗎?戳這裡,免費註冊華為雲賬戶!有賬戶沒有...
雲小課 「VPC連線」知多少
摘要 華為雲提供了豐富的網路服務,可滿足多種網路互連場景。同region的兩個vpc怎麼連通?跨region的兩個vpc又怎麼連通?vpc內的ecs搭建了乙個應用,需要訪問internet,怎麼弄?某客戶的業務一部分在香港,一部分在大陸,怎麼經濟可靠的連線起來?某客戶既有本地的資料中心,又想把一部分...
雲小課 磁碟容量不夠用?小課教你來擴容!
摘要 當已有雲硬碟容量不足時,可以擴容雲硬碟,擴容雲硬碟分為在 正在使用 狀態擴容和 可用 狀態擴容兩種,擴容結束後需要擴充套件分割槽和檔案系統。我們一起來看下具體怎麼操作吧!很多朋友在使用雲服務時會面臨 雲硬碟容量不夠 的困擾,目前常用的解決方法有三種 建立一塊新的雲硬碟,並掛載給雲伺服器。擴容原...