<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>随滚动条移动的层 - webjx.com</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html" charset="gb2312">
<META NAME="Author" CONTENT="flasher">
<META NAME="homepage" CONTENT="www.webjx.com">
</HEAD>
<style>
<!--
.div{
position: absolute;
border: 2px solid red;
line-height:90px;
font-size:12px;
z-index:1000;
}
-->
</style>
<BODY>
<div id="Javascript.Div5" class="div" style="width: 240px; height:120px" align="center">一直在右下，不停的随着滚动条滚动！</div>
<SCRIPT LANGUAGE="JavaScript">
function sc5(){
document.getElementById("Javascript.Div5").style.top
=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("Javascript.Div5").offsetHeight)+"px";
document.getElementById("Javascript.Div5").style.left
=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.Div5").offsetWidth)+"px";
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
function scall(){
sc5();
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
//-->
</SCRIPT>
<div style="position: absolute; top: 0px; left: 0px; width: 940px; height: 1000px;"></div>
</BODY>
</HTML>
分享到：
相关推荐
借助CSS定位来实现，你将右下角的那个DIV放在另一个DIV里面，参考代码如下示： 复制代码代码如下: <div id=”box1″> <div id=”box2″>测试内容</div> </div> <style> <!– #box1{width:600px;height:600...
css伪类 右下角点击出现 对号角标表示选中的示例代码 ：https://www.jb51.net/css/731762.html 效果 解析： 1、利用伪元素选择器，来增加内容。 2、利用较宽的border实现√号的背景效果 3、利用透明border去掉多余...
本文实例讲述了JQUERY实现网页右下角固定位置展开关闭特效的方法。分享给大家供大家参考。具体如下： html代码： <div class=tagbox> <div class=tag> 热门标签... <li><a href='/tag/js\u5c55\u5f00\u6536\u8d77_...
方法３和方法４、回顶部位置都处在页面右下角，属绝对定位，不随分辨率变化而变化。 好处：滚动时平滑固定；缺点：定位不灵活，方法3在IE6下有点问题。 方法５、很多博客都使用了这种，我也认为是个不错的选择。
原生态，也是最好改版的一个在线客服特效，默认在网页右上角，一个a标签和一个div，均使用position:fixed相对于 body定位于网页右上角，外加一个简单的jquery判断，点击a标签后div依次显示或者隐藏 懒人们可以...
查了N多的资料，现在终于解决了，MD，自已写了一个，代码很简单！...//这一行写了这个DIV是绝对定位，最好再加一下z-index；边框为1px的实线黑色边；距右边有0PX; ID=AD； <script language=JavaScript
乍一看有点乱，但是仔细分析下，其实并没有那么难 将六边形拆开成三部分，左边是一个三角形，中间一个长方形，右侧再来一个三角形，然后再将其定位起来即可 那么就是一个div，内部嵌套三个div即可实现 当然，...
30种CSS分页效果配色方案; CSS层折叠(或收缩)与展开特效; CSS高度自适应代码（用了都说好）; ... JavaScript判断输入框中是否包含中文; JavaScript判断远程图片是否存在;...用JavaScript在网页右下角弹出窗口; .......
30种CSS分页效果配色方案; CSS层折叠(或收缩)与展开特效; CSS高度自适应代码（用了都说好）; ... JavaScript判断输入框中是否包含中文; JavaScript判断远程图片是否存在;...用JavaScript在网页右下角弹出窗口; .......
基本思路是这样子滴：首先弹出消息框其实就是一个div层,页面加载完了以后我们应该通过CSS把div层定位到页面右下角的下方,并且把他隐藏起来,然后当我们点击页面中的按钮的时候就触发动画函数,div层开始从下往上升,在...
锁定位置（相对于浏览器的位置），例如有些网站的右下角的弹出窗口。 示例： 二、position：absolute 绝对位置： 1.外层没有position：absolute（或relative）；那么div相对于浏览器定位，如下图中b（距离...
一开始的需求只是表头部分在滚动时能一直固定在头部，那关键要实现的就是让tr能定位。 首先想到的方法是给tr设置relative，用ie6/7测试以下代码： Code <!DOCTYPE ...
（1）首先是页面的结构部分 对于我这种左右切换式 ...7.然后是一个按钮层，用来定位图片组的index吧,放在透明背景层的右下角(div 或 ul–>li) 由此，可以先构造出html结构 <div id=wrapper><!-- 最
主页设计布局是在网站的右上角是标准的导航栏，包括主页、国内风云、风云人物、国外盛况、国外四位棋手简介、比赛报名等，点击相应的导航标签，跳转到相同模块对应的详情页展示，其网站左上角是网站标题，中间穿插...
本文实例讲述了jquery任意位置浮动固定层插件用法。分享给大家供大家参考。具体分析如下： 说明：可以让指定的层浮动到网页上的任何位置...1 无参数调用：默认浮动在右下角 $(“#id”).floatdiv(); 2 内置固定位置浮动
修改或添加后可别忘记了按右下角的保存按钮哦。数据库tab表格简单明了就不多加说明了。如果有出现运行异常可以可以查看Data下的error.log错误日志文件。如果对此工具有何意见或建议可以点击意见反馈发送你的宝贵信息...
最近要做的一个需求是移动端的h5页面，要求有一排可选择的卡片, 超出容器部分可以左右滑动，同时每张卡片左上角要有一个删除按钮。如下图： 心想：so easy, 在父容器上加一个max-width: 200px; white-space: nowrap...
3.6 两列右列宽度自适应 3.7 二列固定宽度居中 3.8 三列浮动中间列宽度自适应 3.9 高度自适应 3.10 盒模型详解(.Box Model) 3.10.1 什么是盒模型 3.10.2 盒模型的细节 3.10.3 上下margin叠加问题 3.10.4 左右margin...
依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值来剪切。 例如： div { position:absolute; width:60px; height:60px; clip:rect(0 20 50 10); } 注意position:absolute的设置是必须的（详细...