欧美色视频免费_2018亚洲男人天堂_好骚综合在线_久久久久久久久国产_日韩精品久久久久久久九岛_国产成年人视频

推廣 熱搜: 廣場  Java  Word  app  營業  微信公眾號  北京代理記賬  商城  代理記賬  商標交易 

bootstrap柵格系統標準用法 前端開發app用什么框架?

   2023-05-06 企業服務招財貓140
核心提示:前端開發app用什么框架?一個前端開發框架其實就是一系列產品化的HTML/CSS/JavaScript組件的集合,我們可以在設計中使用。前端開發框架很多,有些寫的很好。為每個人為了方便起見,下面列出了

前端開發app用什么框架?

一個前端開發框架其實就是一系列產品化的HTML/CSS/Javascript組件的集合,我們可以在設計中使用。前端開發框架很多,有些寫的很好。為每個人為了方便起見,下面列出了幾種功能最強大、應用最廣泛的前端開發框架。請記住,這些框架不僅僅是CSS網格之類的東西,它們還包括一整套前端開發框架。

引導程序

Boostrap絕對是目前最流行最廣泛使用的框架。它是一個漂亮、直觀、功能強大的網頁設計工具包,可以用來開發跨瀏覽器兼容的漂亮頁面。它提供了許多流行的簡單UI組件、網格系統和一些常用的Javascript插件。

Bootstrap是用動態語言LESS編寫的,主要包括四個部分:

腳手架-全球風格,響應12列網格布局系統。記住Bootstrap默認不包含反應式布局的功能。所以,如果你的設計需要實現響應式布局,那么你就需要手動開啟這個功能。

基本CSS-包括基本的HTML頁面元素,如表格、表單、按鈕和圖像。基本CSS為這些元素提供了優雅和一致的風格。

組件——收集了大量可重用的組件,比如下拉列表、按鈕組和導航控件——包括選項卡、藥丸和列表、面包屑導航、頁碼、縮略圖和進度條。

jquerylayer怎么彈出指定的html內元素?

基本彈出圖層應滿足以下要求:

1.點擊按鈕/鏈接觸發彈出層,彈出層要有半透明的蒙版層;

2.單擊彈出層的關閉按鈕、取消按鈕或掩膜層將關閉隱藏的彈出層;

3.您也可以使用Esc鍵關閉彈出圖層;

4.它反應靈敏,兼容現代主流瀏覽器。

超文本標記語言

1.首先,我們在頁面上放置一個鏈接來觸發彈出層,或者它可以是一個按鈕。注意我們為它設置了一個data-show-layer屬性,對應的是彈出層的id,也就是說彈出層是通過data-show-layer關聯的。

2.顯然,與上述鏈接相關聯的彈出層的id是hw-layer。嗯,選擇我們準備彈出層hw。層的Html代碼。

3.我們將使用CSS來控制彈出層的最外層,也就是遮罩層。hw-overlay,這是一個半透明層,用于將彈出層與頁面的主要內容分開。r然后,在。hw-layer-wrap主體層,我們可以設置彈出層的內容。當然,內容由你決定。本文彈出的內容層是一個確認對話框,類似于窗口的confirm()。內容使用自舉scol-*網格布局和字體圖標。其實最重要的是需要一個蒙版層和一個正文層,內容可以根據項目需要定制,因為可能是表格,也可能是純文字描述。

半鑄鋼?鋼性鑄鐵(CastSemi-Steel)

1.CSS也是很關鍵的一部分。讓先設置蒙版層。默認情況下,它應該是不可見的,位置固定,并且覆蓋整個頁面。它仍然是半透明的。我們在這里設置背景黑色和透明度0.3,比如background-color:RGBA(0,0,0,0.3)。然后是主層。hw-layer-wrap,我們設置它的寬度并計算它的位置。我們可以預設寬度值。因為高度的內容是不確定的,我們不這里不需要設置特定的值。我們會在后面的js部分處理高度,然后設置居中和邊框陰影的效果。關于水平和垂直對中的設置,請參考Helloweba的文章:如何水平和垂直居中DIV。彈出層中的內容樣式可以自由設置,最終解決了使用媒體查詢在小屏幕中央設置彈出層的問題。

2.我們使用jQuery來處理觸發彈出層和關閉彈出層的效果,所以需要預加載jQuery庫。ShowLayer(id)是一個自定義函數,用于顯示彈出層。當你點擊按鈕或鏈接調用這個showLayer(id)函數時,它會逐漸顯示效果,并計算彈出層的高度位移距離,使彈出的主體層在水平和垂直方向居中。hideLayer()的作用是隱藏彈出層,可以通過fadeOut()或者hide()來實現。最后,添加觸發掩膜圖層時關閉彈出圖層的代碼和使用Esc按鈕時關閉彈出圖層的代碼。

3.其實至此,一個基本的彈出層效果已經做好了。我們這里只是做一個基本的彈出層,你也可以繼續擴展代碼。我們見過很多彈出層插件,很多都是動態直接操作DOM的,也就是先通過js代碼創建Element,然后將內容追加到正文中。如果經常操作DOM的話這種方消耗一定的性能,所以從性能的角度我推薦。本文提供的彈出模式。

 
反對 0舉報 0 收藏 0 打賞 0評論 0
 
更多>同類資訊
推薦圖文
推薦資訊
點擊排行
合作伙伴
網站首頁  |  關于我們  |  聯系方式  |  使用協議  |  版權隱私  |  網站地圖  |  排名推廣  |  廣告服務  |  積分換禮  |  網站留言  |  RSS訂閱  |  違規舉報  |  冀ICP備2023006999號-8
 
主站蜘蛛池模板: 女人黄色特级大片 | 国产在线精品视频 | 污视频免费在线观看 | 色av吧| 国产小视频在线播放 | 日韩三级网址 | 国产精品资源 | 久久精选视频 | 国产精品视频久久久 | 午夜在线精品偷拍 | 欧美日韩精品二区 | 99久色| 成人免费毛片片v | 久久精品66| 亚洲一级在线观看 | aaaa毛片 | 亚洲欧美日韩国产 | 国产一区二区三区在线视频 | 久久曰 | 国产精品99久久久 | 特级毛片网站 | 国产精品久久久久久久久久大牛 | 国产91九色 | 久久看视频 | 伊人久久视频 | 在线中文 | 中国一级特黄毛片大片 | 一级视频在线观看 | 亚洲一区二区三区四区五区午夜 | 成人精品久久久 | 日韩视频一区二区三区 | 精品久久久国产 | 国产日韩欧美一区 | 啪啪av大全导航福利综合导航 | 欧美高清视频在线 | 99精品视频免费版的特色功能 | 99久久视频 | 久久久夜精品 | 日韩影院在线 | 国产成人精品免高潮在线观看 | 久久se精品一区精品二区 |