jquery版右下角弹窗特效
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> .ad { position: fixed; right: ; bottom: ; width: 230px; height: 120px; background-image: url(imgs/ad.jpg); display: none; } .ad span { position: absolute; right: ; top: ; width: 40px; height: 18px; background-image: url(imgs/h.jpg); cursor: pointer; } </style> <script src="../jquery-1.11.1.min.js"></script> <script> $(document).ready(function() { $(".ad") .slideDown("normal") .slideUp("slow") .fadeIn() .children("span").click(function() { $(this).parent().fadeOut(); }); }); </script> </head> <body> <div class="ani">我是内容</div> <div class="ad"> <span></span> </div> </body> </html>
(资源库 www.zyku.net)
您可能感兴趣的文章
- 07-30jquery v3.5.1(最新)
- 07-30jquery v3.4.1
- 07-30jquery v3.3.1
- 07-30jquery v3.2.1
- 07-30jquery v3.1.1
- 07-30jquery v3.0.0
- 07-30jquery v2.1.4
- 07-29jquery v2.1.1
- 07-29jquery v2.0.0
- 07-29jquery v1.11.3
- 01-18贴近-贴近应用软件功能介绍
- 01-12易顺智能-易顺智能应用软件功能介绍
- 03-20MySQL 8.0的新特性和解决办法
- 05-06配置错误 在唯一密钥属性"value"设置
- 01-12海贝小说-海贝小说应用软件功能介绍
- 02-21DedeCMS文章列表背景隔行换色的实现方
- 10-30vivos10e在哪里修改桌面图标大小
- 04-01vivos7t清理系统数据教程
- 03-13CentOS 8安装ifconfig命令
- 01-02智能屋Z-智能屋Z应用软件功能介绍
最近更新
阅读排行
猜你喜欢
- 10-23vivox70pro+地震预警在哪里开启
- 02-08python3.7.2 tkinter entry框限定输入
- 01-12儿童早教认时钟-儿童早教认时钟应用软
- 09-04阿里云ECS关闭和删除阿里云盾(安骑士)
- 03-02小米11ultra屏幕录制及声音设置教程
- 09-21抖音指纹支付在哪里开启
- 02-28帝国CMS内容页增加内容分页上一页标签
- 04-01vivos9截屏快捷键设置教程
- 07-18jQuery remove()过滤被删除的元素(推荐
- 02-21DedeCMS栏目列表页调用当前栏目下文章