求一段 广告固定在网页右下角的代码(CSS或JS都行),谢谢!!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了求一段 广告固定在网页右下角的代码(CSS或JS都行),谢谢!!相关的知识,希望对你有一定的参考价值。

这段代码要兼容任何浏览器,且复制该代码放在网页源码任何位置,都能达到广告图片始终在网页右下角的效果!!谢谢!!

<script language="javascript">
function repos(x,y) //x、y分别是你广告框的宽度和高度
layid = document.getElementById("ddiv"); //ddiv的广告框div的id
layid.style.left = (document.documentElement.scrollLeft + document.documentElement.clientWidth - x)+"px";
layid.style.top = (document.documentElement.scrollTop + document.documentElement.clientHeight - y)+"px";

</script>

这是广告框的css:style="position:absolute; z-index:1; width:175px; height:80px"

然后把上面这个repos(x,y)函数同时用到onload、onscroll、onresize的事件中
参考技术A css定位方式使用 fixed 设置bottom和right值就可以了追问

这个代码网上一堆啊,哥哥哦。我早就有了。

问题的关键是老板要我做出可以让别人拷贝后放在他自己网页的任何位置都能实现这样效果一段代码!!注意是放在他网页的任何位置又不影响他网页本身排版!!我用z-index:1000;也实现不了这样的效果!!

追答

我说兄弟,如果是放在body下的话,可以采用 tatooo 这哥们的 。

如果是放在任何位置的话,那这需求只能是用js来实现了。原理就是,页面载入完成后,在body下面append一个定位方式为fixed的广告div。

注意,这玩意儿和z-index没多大关系吧?

参考技术B 推荐答案太复杂了,这个不需要js,广告内容宽高根据实际需求进行修改就可以了。 tatooo的回答基本正确,主要是ie6不识别position:fixed,在补充一下ie6的样式就完美了。

<div style=“position:fixed;_position: relative;z-index:100;right:0;bottom:0;width:100px;height:100px;”>
广告内容
</div>
参考技术C <div style=“position:fixed; z-index:100;right:0;bottom:0;”>
广告内容
</div>

上面这段代码可放在body内的任何位置
参考技术D 仿MSN右下角弹出消息提示窗口的效果

参考资料:http://www.93diy.com/a/JS/adcode/2012/1227/118.html

js+css网页固定右下角 回到顶部 让它固定在底部怎么做

首先,设定盒子名称

div  id="fanhui"

css中写样式

#fanhui
 position: absolute;
 left: 30px;
 top: 20px;

这样写就是距离右边30像素,距离下边20像素。

绝对定位使元素的位置与文档流无关,因此不占据空间


效果如下:


参考技术A <html>
<div style="height:2000px; background-color:red">
</div>
<div style="position:fixed; bottom:0; right:0; width:100px;

background-color:blue; color:yellow">
固定的内容
</div>
<html>追问

就是QQ空间还有淘宝 跟滚动条一起动的那个返回顶部 让他在最下边不动 求代码 详细的

追答

你把我的代码存成一个HTML文件,就是那个效果啊。

本回答被提问者采纳
参考技术B http://maxiaojia0209.blog.163.com/blog/static/118375263201161495928794/ 参考技术C position: absolute;然后设置上下左右,你想放哪就放哪追问

我加你吧 给你源文件你看看改哪里 怎么改 我是菜鸟

参考技术D 题主表达的观点可能让答题者有误解,其实position:fixed是固定在屏幕右下角(或者其他地方),脱离文档流,滑动页面,始终在屏幕(即显示器)的右下角,如果没有显示或者显示错误,请检查给了right/left/top/bottom没,,*****华丽的分割线**上面的这位写的是position: absolute,是不会脱离文档流的,看你需要哪一种

以上是关于求一段 广告固定在网页右下角的代码(CSS或JS都行),谢谢!!的主要内容,如果未能解决你的问题,请参考以下文章

求一段js 判断设备跳转网页的代码

js或者CSS带关闭的漂浮广告代码

js+css网页固定右下角 回到顶部 让它固定在底部怎么做

求一段HTML代码,要求内容是,可以设置固定时间内随机打开某个指定的网站,

求一段代码javascript 或JS代码 显示 今天 是几年几月星期几 我们已经认识几天了

求一段VBS压缩RAR或ZIP代码