首页 » PHP教程 » phpjquery弹出窗口技巧_运用jQuery实现窗口右下角弹出消息框

phpjquery弹出窗口技巧_运用jQuery实现窗口右下角弹出消息框

访客 2024-11-08 0

扫一扫用手机浏览

文章目录 [+]

1、当网页打开时效果

当网页打开时情形下

phpjquery弹出窗口技巧_运用jQuery实现窗口右下角弹出消息框

2、点击关闭后,玄色阴影部分消逝,但是在2秒后又会在右下角涌现。

phpjquery弹出窗口技巧_运用jQuery实现窗口右下角弹出消息框
(图片来自网络侵删)

jQuery核心代码:

$(document).ready(function() {

var k = $(\"大众#k\公众);

$(\"大众#k\"大众).css(\"大众bottom\"大众, \"大众0\"大众);

$(\"大众#k a\"大众).click(function() {

$(\"大众#k\"大众).css(\"大众bottom\"大众, \公众-200px\"大众);

setTimeout(function() {

$(\"大众#k\"大众).css(\"大众bottom\公众, \"大众0\"大众)

}, 2000);

});

});

HTML代码:

<div id=\"大众k\公众>

<a>关闭</a>

</div>

CSS代码:

{

margin: 0;

padding: 0

}

#k {

width: 200px;

height: 200px;

position: fixed;

right: 30px;

bottom: -200px;

background-color:#666;

transition: all 2s;

}

#k a {

float: right;

padding: 5px 10px;

border: 1px solid black;

cursor: pointer;

}

标签:

相关文章

介绍白点控制之路,从原理到方法

白点,作为生活中常见的现象,无处不在。对于如何控制白点,许多人却感到困惑。本文将从原理出发,探讨白点的控制方法,并结合实际案例,为...

PHP教程 2025-01-03 阅读1 评论0

介绍直播王者,如何开启你的电竞直播之旅

随着电竞产业的蓬勃发展,越来越多的年轻人投身于电竞直播行业。王者荣耀作为一款备受欢迎的MOBA手游,吸引了大量玩家和观众。如何开启...

PHP教程 2025-01-03 阅读1 评论0