经常看到有些网站为了吸引用户注意,在页面底部放置固定横幅广告,用户滚动页面时,横幅广告一直固定在页底,并不随页面滚动而滚动,当然一般允许用户可以关闭广告条,并设置一定时间内不再显示此广告条。本文将介绍使用CSS+Cookie来实现这一效果。
源码下载:点此下载
HTML
首先,我们将横幅广告的html代码放到页面最底部,因为是最后加载的。也可以使用外部js动态插入到页面底部。整个HTML结构由遮罩层.float_layer,内容层.float_content组成,其中.float_bg为广告部分
首先,声明方法很多种,直接间接的方法都有,只罗列一般情况下的两种模式: 假设我们要装入的代码是a.js: var foo=function(){ [removed](“I am a.js content foo() function by never-online”); }; 一。直接插入src,这种方法简单而直接,但有局限性, 1) [removed] var x=document.createElement(“scr ipt”); x.src=”a.js”; x.defer=true; do
1.页面布局
距离2020年元旦还有:天小时分秒
2.js动态显示
getTime()获得设定的时期与1970年1月1日时间相差的毫秒数
1)获得插入数字的位置
var show=document.getElementById(show).getElementsByTagName(span);
2)声明现在的时间和未来的时间
var timeing=new Date();
var time=new Date(2020,0,1,0,0,0);