求一段html浮动层代码
我看了你说的“暴走漫画”网页右边的那个聊天室浮动的效果,实现那个效果不需要两个一模一样的浮动层,一个就够啦。他是根据JS来判断滚动条的位置,当滚动条大于等于某个值时,该层变成固定定位,当小于这个值时,变为相对定位。代码如下:
fix
body{height:6000px;}
*{margin:0px; padding:0px;}
#fix{width:500px; height:200px; margin:1200px 0 0 800px; border:2px solid #eee; text-align:center; line-height:200px; font-size:20px; font-weight:bold; color:#999;}
window.onload = function (){
var oFix = document.getElementById('fix');
window.onscroll = function (){
if(document.documentElement.scrollTop >= 1200){
oFix.style.position = 'absolute';
oFix.style.marginTop = '0px';
oFix.style.top = document.documentElement.scrollTop + 'px';
}else{
oFix.style.marginTop = '1200px';
oFix.style.position = 'relative';
oFix.style.top = 0;
}
}
}
显示的内容
为网页添加浮动广告
漫游于网络之间 你会发觉 互联网不但是信息的海洋 也是广告的海洋 除了普通的GIF Banner Flash外 浮动广告也是时下网上较为流行的广告形式之一 当你拖动浏览器的滚动条时 这种在页面上浮动的广告 可以跟随屏幕一起移动 尽管这种效果对于广告展示有相当的实用价值 但对浏览你网页的人来讲 这则是个既妨碍阅读 又影响阅读兴趣的东西 因此一定不能滥用 不过 如果你能善用的话 它就能发挥出极大的作用 要做出浮动式广告的效果并不困难 如果你有JavaScript基础的可以自己写一个 如果连写都懒得写的话 到网上下载一个特效工具 按提示粘贴一下代码就OK 不过 想要真正了解它是怎样做出来的 则需要掌握一些JavaScript知识了 这里向大家介绍一下简单的浮动广告做法 以下这段代码可放在之间 其间我加入了一些注释(即 // 后的文字及 之间的文字) initAd() //载入页面后 调用函数initAd() <!——function initAd() { document all AdLayer style posTop = //设置onLoad事件激发以后 广告层相对于固定后的y方向位置document all AdLayer style visibility = visible //设置层为可见MoveLayer( AdLayer ) //调用函数MoveLayer() } function MoveLayer(layerName) { var x = //浮动广告层固定于浏览器的x方向位置var y = //浮动广告层固定于浏览器的y方向位置var diff = (document body scrollTop + y document all AdLayer style posTop)* var y = document body scrollTop + y diff eval( document all + layerName + style posTop = y ) eval( document all + layerName + style posLeft = x ) //移动广告层setTimeout( MoveLayer( AdLayer ) ) //设置 毫秒后再调用函数MoveLayer() } //——> > 在这里 你可以设置x y的值来设定所固定层的位置 改变setTimeout( MoveLayer( AdLayer ) )中 的值为你希望调用MoveLayer()的时间间隔 还有要注意的是 使用的图片最好为透明背景的GIF图 以使图片的背景颜色不至于遮住后面的的内容 lishixinzhi/Article/program/Java/JSP/201311/19409
如何制作网站上的漂浮广告 我是个菜鸟 越详细越好 谢谢了
漂浮广告也分很多种的啊,比如:
一个广告图,按一定的路径在屏幕上动~~(对网站的内容,有一定遮挡,并且貌似现在会被屏蔽?反正看到的很少了 )
或者:左右两侧对联广告,分2种:一、带关闭按钮的广告图;二、弹出式的:开始左侧有个很小的按钮(提示文字),鼠标点击或滑过,就显示整张的广告图
或者:右下角广告:有能放视频的,或者放文字的,或者弹出图片的。。。
总之漂浮悬浮广告,很多。
我也是菜鸟,想要达到效果,平时都用2种方法:
1、看到哪个网站漂浮广告不错,把网页保存,然后一个个的删除无关代码,删除一段就刷新下测试效果直到最精简,剩下的代码加到自己的网页里,还可能要改下CSS
2、去网上搜索;JS漂浮广告代码 漂浮广告代码 网页特效 这些词,会找到很多,一般都有效果预览,很简单的

