jQuery右下角广告动画效果弹出
程序员文章站
2022-04-01 19:16:23
...
今天我给大家分享下使用jQuery来实现网页右下角广告的实例。其效果广告从右下角缓慢升起,展示一定时间自动消失,你也可以改成网站消息提示窗口。
若是想看更多网站特效、详细特效教程请访问http://www.sucaihuo.com/js/11.html还有演示DEMO,最主要是可以免费下载。
若是想看更多网站特效、详细特效教程请访问http://www.sucaihuo.com/js/11.html还有演示DEMO,最主要是可以免费下载。
HTML
首先准备广告素材,并在body中建立一个用户悬浮的广告主体DIV#pop,设置为不显示,在广告的上部标题栏有关闭按钮,点击关闭时,则关闭隐藏悬浮广告。
jQuery
首先我们要载入jquery.js和广告插件ads.js。
调用右下角广告代码很简洁,默认选择器“#pop”,So直接实例化这个Pop插件就Ok了,代码如下:
var popad=new Pop();
有兴趣的朋友可以下载看下ads.js这个插件,里面代码很简单。
若是想看更多精品特效、详细教程请访问 http://www.sucaihuo.com/js 还有演示DEMO,最主要是可以免费下载。 jQuery右下角广告动画效果弹出.zip ( 130.92 KB 下载:27 次 )
AD:真正免费,域名+虚机+企业邮箱=0元
上一篇: 步骤进度条 css