欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  php教程

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

程序员文章站 2022-04-01 19:16:23
...
今天我给大家分享下使用jQuery来实现网页右下角广告的实例。其效果广告从右下角缓慢升起,展示一定时间自动消失,你也可以改成网站消息提示窗口。
jQuery右下角广告动画效果弹出
若是想看更多网站特效、详细特效教程请访问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右下角广告动画效果弹出 jQuery右下角广告动画效果弹出.zip ( 130.92 KB 下载:27 次 )

AD:真正免费,域名+虚机+企业邮箱=0元