jQuery右下角广告动画效果弹出

收藏

今天我给大家分享下使用jQuery来实现网页右下角广告的实例。其效果广告从右下角缓慢升起，展示一定时间自动消失，你也可以改成网站消息提示窗口。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

HTML

首先准备广告素材，并在body中建立一个用户悬浮的广告主体DIV#pop，设置为不显示，在广告的上部标题栏有关闭按钮，点击关闭时，则关闭隐藏悬浮广告。

关闭

赞助商广告

jQuery

首先我们要载入jquery.js和广告插件ads.js。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ads.js"></script>

调用右下角广告代码很简洁，默认选择器“#pop”，So直接实例化这个Pop插件就Ok了，代码如下：

var popad=new Pop();

有兴趣的朋友可以下载看下ads.js这个插件，里面代码很简单。