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

若是想看更多网站特效、详细特效教程请访问http://www.sucaihuo.com/js/11.html还有演示DEMO,最主要是可以免费下载。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这个插件,里面代码很简单。若是想看更多精品特效、详细教程请访问 http://www.sucaihuo.com/js 还有演示DEMO,最主要是可以免费下载。

附件 jQuery右下角广告动画效果弹出.zip ( 130.92 KB 下载:53 次 )

评论() 相关

收藏

赞

hjl416148489

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。