成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

一種懸浮彈窗設計

CoyPan / 2135人閱讀

需引入:FontAwesome,用于圖標
效果截圖:

?

?

?

?

CSS:
.div1 {
position: absolute;
right: 16px;
top: 10%;
z-index: 12;
}

.div2 {
border-radius: 10px 0 0 10px;
width: 25px;
height: 25px;
float: left;
cursor: pointer;
background-color: rgb(0, 198, 255);
}

.div2>i {
font-size: 22px;
margin-left: 10%;
margin-top: 5%;
}

.div3 {
height: 56px;
width: 172px;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 3px;
float: left;
background-color: white;
border: 1px solid rgb(0, 198, 255)
}
HTML







JS
function test() {
if ($("#div3").is(":hidden")) {
$("#div3").show(300);
} else {
$("#div3").hide(300);
}
}

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/1715.html

相關文章

  • 重寫GridView實現(xiàn)仿今日頭條的頻道編輯頁(1)

    摘要：但由于這里僅僅是實現(xiàn)一個，因此存儲功能僅通過一個單例類來模擬實現(xiàn)。 本文旨在通過重寫GridView，配合系統(tǒng)彈窗實現(xiàn)仿今日頭條的頻道編輯頁面 注：由于代碼稍長，本文僅列出關鍵部分，完整工程請參見【https://github.com/G9YH/YHChannelEdit】 在開始講解盜版的實現(xiàn)方案前，讓我們先來看看正版與盜版的實際使用效果對比，首先是正版 showImg(https:...

    張憲坤 評論0 收藏0

  • 個人小程序筆記 - 持續(xù)收錄自己一年的小程序開發(fā)注意事項

    摘要：記錄小程序常見問題組件標簽問題表單頁面經(jīng)常遇到和表現(xiàn)出來的邊距不同問題自帶多端不統(tǒng)一注意和與的會有不自動彈起還有，之間的表現(xiàn)形式結合組件標簽處理正常隱藏顯示自動聚焦位置錯亂穿透彈窗或遮罩層盡可能說服產(chǎn)品和在長表單頁面中最好不要如下 記錄小程序常見問題 組件(標簽)問題 textarea 表單頁面經(jīng)常遇到ios和andriod表現(xiàn)出來的邊距不同問題 Q: textarea自帶paddin...

    ruicbAndroid 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<