CSS使用浮动定位position:fixed;
使广告浮在最上层z-index:12;
定位广告初始位置top:10px;left:20px;
JavaScript
var ad=documentgetElementById("ad");
//获取ad的宽度和高度
wad=adoffsetWidth;
had=adoffsetHeight;
//获取屏幕的宽度和高度
w=documentbodyclientWidth;
h=documentbodyclientHeight;
//假设横向速度为x,纵向速度为y
var x=10;
var y=15;
//函数
function move(){
adstyleleft+=x+"px";
adstyletop+=y+"px";
if(parseInt(adstyleleft)+wad>=w || parseInt(adstyleleft)<=0){
x=-x;
}
if(parseInt(adstyletop)+had>=h || parseInt(adstyletop)<=0){
y=-y;
}
//定时器
setTimeout("move()",1000);
}
//执行函数
move();每个页面都需要加载,不然样式识别不到~不管你是哪种语言,只不过加载的方式不一样,有的简单一点,有的麻烦一点!比如,asp你可以把css,js放在头部文件里面加载,然后用include包含到每个页面,也可以达到每个页面都加载的效果!js做按需加载,只导入一个js文件,然后这个js里面处理载入更多js,教程百度可以搜到很多
css里面可以再包含css,比如你网页里面引用:stylecss
然后用在@import语句,里面可以再包含其他样式表:
@import "basecss";
@import "formscss";在页面<head>标签中引入所有的样式表文件
理论上讲,你可以在任何位置引入CSS样式表,但HTML规范建议在网页的<head>标记中引入,这样可以加快页面的渲染速度。
要记住一个原则,就是让页面以最快的速度呈现在用户面前。当加载一个脚本时,页面会暂停加载,直到脚本完全载入。所以会浪费用户更多的时间。
如果你的JS文件只是要实现某些功能(比如点击按钮事件),那就放心的在body底部引入它,这绝对是最佳的方法。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)