雲淵結課 小作品

2021-10-09 17:40:39 字數 1947 閱讀 6351

劇場介紹

精彩花絮

可愛瞬間

感悟算是最後自己學了這有段時間的交代吧,直接衝衝衝!

外掛程式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,怎麼弄?某客戶的業務一部分在香港,一部分在大陸,怎麼經濟可靠的連線起來?某客戶既有本地的資料中心,又想把一部分...

雲小課 磁碟容量不夠用?小課教你來擴容!

摘要 當已有雲硬碟容量不足時,可以擴容雲硬碟,擴容雲硬碟分為在 正在使用 狀態擴容和 可用 狀態擴容兩種,擴容結束後需要擴充套件分割槽和檔案系統。我們一起來看下具體怎麼操作吧!很多朋友在使用雲服務時會面臨 雲硬碟容量不夠 的困擾,目前常用的解決方法有三種 建立一塊新的雲硬碟,並掛載給雲伺服器。擴容原...