简单的jQuery实现右下角弹出广告

在网上我们经常打开一个网页时候经常看到右下角弹出一个对话框广告出来感觉蛮好奇的以前用javascript写一个这样的比较复杂要用dom节点什么的今天用个jquery写个这样的非常简单就用jquery中的slideDown和slideUp这两个方法就可以轻松搞定！下面是HTML代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.JS_ad{width:300px; height:200px; border:1px solid #000; position:absolute; bottom:0px; right:10px; display:none;}
.JS_ad a{ position:absolute; top:8px; right:8px; font-size:18px; text-decoration:none; color:#903;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
</head>
<body>
<div class="JS_ad">
<a href="javaScript:void(0)" id="close">关闭</a>
<h2>欢迎来到博主的空间</h2>
</div>

Jquery代码如下：

<script>
$(function(){
setTimeout(function(){
$(".JS_ad").slideDown();
},1000);
$("#close").click(function(){
$(".JS_ad").slideUp();
})
})
</script>

附件：http://down.51cto.com/data/2359432

本文转自涂根华 51CTO博客，原文链接：http://blog.51cto.com/tugenhua/736731，如需转载请自行联系原作者

简单的jQuery实现右下角弹出广告相关推荐

php 右下脚弹窗,多种样式jQuery网页右下角弹出提示信息代码
多种样式jQuery网页右下角弹出提示信息代码,extjs右下角消息提示框,Jquery Messager消息弹出插件. 查看演示下载资源: 14 次下载资源下载积分: 20 积分 js代码 $ ...
win7系统老是弹窗怎么解决_win7系统右下角经常弹广告怎么办|win7系统右下角弹出广告的屏蔽方法...
相信使用win7系统的用户都经历过,经常我们使用电脑打开网页准备看电影或玩游戏的时候,任务栏右下角经常会突然屏幕弹出广告,那么遇到win7系统右下角经常弹广告怎么办呢?接下来请大家跟着小编一起学习一下 ...
右下角弹出广告怎么关
有时候,不知道为什么电脑系统突然很多广告,经常会在桌面右下角弹出来,让人心塞.而电脑小白遇到这种情况都不知道怎么办,真是拿广告一点办法都没有. 1. 先打开任务管理器,找到弹窗有关进程,右键打开文件所 ...
模仿CSDN浏览器右下角弹出广告，兼容所有浏览器，内容可自定义，扩张性强
下载资源地址:http://download.csdn.net/download/tjcyjd/7052739 此demo为本人亲自从csdn网站扣下来的,模仿CSDN浏览器右下角弹出广告,兼容所有浏 ...
右下角弹出广告 js，漂浮效果（兼容多浏览器）
分享非常不错的一个使用 JavaScript 实现的可最小化,可关闭的右下角浮动广告窗效果,可以随滚动条的滚动而自行滚动保持在右下角的固定位置.基本上兼容了所有的浏览器(包括IE 火狐谷歌浏览器苹 ...
学习CSDN右下角弹出广告
广告效果,当页面加载完毕后,慢慢弹出广告,然后再慢慢退出. 经过分析,只需要将message_pop.css和msg.popup.js加入到网页就行.为了能够在自己的网页中实现类似广告弹出效果,我们将 ...
网页右下角弹出广告窗口超简洁
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...
使用JQuery完成定时弹出广告/图片
script部分 <script type="text/javascript" src="../js/jquery-3.4.1.js"></s ...
Windows右下角弹出广告，经查找为ShellExperienceHost
我也遇到了同样的问题.最后解决方式竟然是关闭对应网站的chrome通知即可. 原来是chrome 里面设置的通知,被网站利用弹出的广告. 打开chrome进入 chrome://settings/co ...

简单的jQuery实现右下角弹出广告

简单的jQuery实现右下角弹出广告相关推荐

最新文章

热门文章