JQuery實(shí)現(xiàn)將Div浮動(dòng)到網(wǎng)頁(yè)最上層。
創(chuàng)新互聯(lián)主要從事網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)橋東,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):18982081108
可以通過(guò)Css的z-index屬性來(lái)進(jìn)行設(shè)置
具體代碼:
$(".divClass").attr("z-index",999);
原理:
通過(guò)JQuery給指定的div增加屬性'z-index'為'999',將指定div的層次拉到最高,這個(gè)所謂的999并不一定是999這個(gè)數(shù)字,只需要是你頁(yè)面z-index的最大值就是可以的。
還好搜到這個(gè),改起來(lái)效果會(huì)更明顯一些。
你的意思是,頁(yè)面往下滾到一定程度,漂浮框就不見(jiàn)了?
如果是這樣,將這行
if (scrolls top) {
改成
if (scrolls top scrolls200) { //這個(gè)數(shù),你自己試著調(diào)節(jié)體驗(yàn)下。
@-webkit-keyframes?bounce-down?{
25%?{
-webkit-transform:?translateY(-3px);
}
50%,?100%?{
-webkit-transform:?translateY(0);
}
75%?{
-webkit-transform:?translateY(3px);
}
}
@keyframes?bounce-down?{
25%?{
transform:?translateY(-3px);
}
50%,?100%?{
transform:?translateY(0);
}
75%?{
transform:?translateY(3px);
}
}
.animate-bounce-down{
-webkit-animation:?bounce-down?1.3s?linear?infinite;
animation:?bounce-down?1.3s?linear?infinite;
}
如果不考慮低版本兼容,css3動(dòng)畫(huà)可以簡(jiǎn)單實(shí)現(xiàn),給需要漂浮的元素添加animate-bounce-down這個(gè)類(lèi)就好,浮動(dòng)效果可以自行調(diào)試
在ajax的success中進(jìn)行操作,先關(guān)閉浮窗,然后重定向到首頁(yè)
關(guān)閉浮窗,如果是插件彈出的window,一般都自帶close方法,如果是自己寫(xiě)的div可以通過(guò)隱藏、刪除等方法來(lái)實(shí)現(xiàn)關(guān)閉
分享標(biāo)題:jquery浮動(dòng),jquery浮動(dòng)廣告代碼
文章路徑:http://www.rwnh.cn/article22/phpicc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、響應(yīng)式網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、微信公眾號(hào)、定制開(kāi)發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)