现在有的门户网站,登入的时候显示全屏的大广告,想关闭没有按钮,过两秒就自动消失了,通过jquery可以方面的实现这个效果
实现的思路是在主页的正上方显示大图片,然后通过jquery慢慢的将图片隐藏。
代码如下
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <html>
3 <head>
4 <title> 首页流氓广告</title>
5 <meta name="Generator" content="EditPlus">
6 <meta name="Author" content="">
7 <meta name="Keywords" content="">
8 <meta name="Description" content="">
9 <script type="text/javascript" src="./jquery.js"></script>
10 <script>
11 $(window).load(
12 function(){
13 $("#adv").fadeOut(2000);
14 }
15 )
16 </script>
17 </head>
18
19 <body>
20 <img id="adv" src="./Ireland.jpg">
21 <br/>
22 <p>网页正文</p>
23 </body>
24 </html>
不得不佩服jquery 的强大,其实用到的知识点不多,一个就是jquery的id选择器,用于定位到图片,还有一个淡入淡出的特效,fadeout,
其参数如下
参数
speed String,Number
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
callback (可选)Function
在动画完成时执行的函数
演示地址如下:http://molang.sinaapp.com/adv.php 用的新浪的云平台 sinaapp,大家不要狂点,我没那么多云豆