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)
您可能感兴趣的文章
- 11-21PHP中清除HTML标签的函数strip_tags
- 11-28apache2.4开启gzip压缩的方法
- 12-16安装wamp后,127.0.0.1可以访问,但是loca
- 12-25php中empty(), is_null(), isset()函
- 01-23Windows下apache日志切割的方法
- 02-23CentOS赋予一个普通用户root权限
- 02-23DedeCms后台验证码错误的解决方法
- 02-28CSS样式等比例控制图片大小
- 02-29php中 == 和 === 的区别和应用说明
- 02-29Apache安全加固配置教程
- 05-16DeDeCms内容上传的图片禁止新窗口打开
- 06-01帝国cms自定义字段没有填写就不显示的
- 07-10帝国cms后台忘记了安全提问及密码该如
- 07-15帝国cms教程JS广告复制
- 07-15帝国cms发布人的ip显示问题
- 07-15用灵动标签调用推荐信息的企业名称
- 07-15帝国cms支付宝接口最新网关地址更改方
- 01-13织梦DedeCMS各种自定义当前位置顺序的
- 01-13Dedecms无法保存远程图片到本地服务器
- 02-17微信小程序 this和that详解及简单实例
阅读排行
猜你喜欢
- 11-21PHP变量
- 11-22Apache的安装、配置及卸载
- 11-28帝国cms列表页分页显示条数的修改
- 01-23MySql数据库表类型MYISAM与InnoDB的区
- 02-21CentOS 如何修改mysql 用户root的密码
- 02-26帝国CMS功能解密之:碎片使用步骤
- 02-28CSS样式等比例控制图片大小
- 02-28wamp一键安装包开机自动启动的方法
- 02-29帝国CMS标签调用栏目名称而非栏目别名
- 07-10发布一个帝国cms无缝隙滚动图片标签