模板酷站
电脑版
提示:
原网页
已由神马搜索转码, 内容由
www.mb5u.com
提供.
无忧首页
网页模板
程序模板
建站教程
视频教程
更多导航↓
网页特效
图标素材
字体下载
站长工具
站长问答
CMS教程
Div+Css教程
网站制作教程
网站运营
网络编程
服务器教程
站长工具
Div+Css教程
模板无忧
>
建站教程
>
Div+Css教程
>
Div+CSS教程
>
随滚动条移动的层_Div+CSS教程
编辑Tag赚U币
教程Tag:
滚动条
添加
织梦DedeCMS视频教程
买空间 租服务器 选网硕互联!
无忧站长工具,百度权重一键全查!
<!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>随滚动条移动的层 - www.mb5u.com</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html" charset="gb2312"> </HEAD> <style> <!-- .div{ position: absolute; border: 2px solid red; background-color: #EFEFEF; line-height:90px; font-size:12px; z-index:1000; } --> </style> <BODY> <div id="Javascript.Div1" class="div" style="width: 240px; height:90px" align="center">正中...</div> <SCRIPT LANGUAGE="JavaScript"> function sc1(){ document.getElementById("Javascript.Div1").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("Javascript.Div1").offsetHeight)/2)+"px"; document.getElementById("Javascript.Div1").style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("Javascript.Div1").offsetWidth)/2)+"px"; } </SCRIPT> <div id="Javascript.Div2" class="div" style="width: 240px; height:90px" align="center">左上...</div> <SCRIPT LANGUAGE="JavaScript"> function sc2(){ document.getElementById("Javascript.Div2").style.top=(document.documentElement.scrollTop)+"px"; document.getElementById("Javascript.Div2").style.left=(document.documentElement.scrollLeft)+"px"; } </SCRIPT> <div id="Javascript.Div3" class="div" style="width: 240px; height:90px" align="center">左下...</div> <SCRIPT LANGUAGE="JavaScript"> function sc3(){ document.getElementById("Javascript.Div3").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("Javascript.Div3").offsetHeight)+"px"; document.getElementById("Javascript.Div3").style.left=(document.documentElement.scrollLeft)+"px"; } </SCRIPT> <div id="Javascript.Div4" class="div" style="width: 240px; height:90px" align="center">右上...</div> <SCRIPT LANGUAGE="JavaScript"> function sc4(){ document.getElementById("Javascript.Div4").style.top=(document.documentElement.scrollTop)+"px"; document.getElementById("Javascript.Div4").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.Div4").offsetWidth)+"px"; } </SCRIPT> <div id="Javascript.Div5" class="div" style="width: 240px; height:90px" 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(){ sc1();sc2();sc3();sc4();sc5(); } window.onscroll=scall; window.onresize=scall; window.onload=scall; //--> </SCRIPT> <div style="position: absolute; top: 0px; left: 0px; width: 10000px; height: 4000px;"></div> </BODY> </HTML>
网站制作在线视频教程
网站制作视频教程打包下载
DIV+CSS模板
CSS视频教程
CSS设计彻底研究视频教程
网页制作基础教程
网站重构&web标准设计教程
div css视频教程
来源:模板无忧
/
所属分类:
Div+CSS教程
/
更新时间:2012-08-06
最新评论:
暂时还没人评论! 快来抢沙发啊!
请在这里输入您要发表的评论信息! 理智评论,文明上网,共建和谐网络. 严禁广告、谩骂等不良信息.
匿名评论
相关
Div+CSS教程
:
DIV+CSS设计的误区
CSS基础:常用CSS英文字体介绍
IE6和IE7中border边框断线现象
border:none;与border:0;的有什么不同?
div+css下js对联广告不随屏幕滚动的解决方法
HTML元素的ID和Name属性的区别
divcss教程:深入了解css的行高Line Height属性
CSS文档流,块级元素和内联元素
5个你该知道的CSS3新技术
用正则表达式替换a标记href值
30个优秀的CSS导航和按钮设计教程
css中px和em有什么区别
Div+Css教程搜索
Div+CSS教程推荐
Marquee为什么不符合WEB标准?
DIVCSS实例教程:一款清新风格的CSS新闻列表制作
运用DIVCSS进行网站构架的一般流程参考
如何用CSS制作纵向导航菜单?
Div CSS网页布局三栏页CSSfloat方法
IE6下绝对定位的容器内文本无法正常选择的问题
Web Developer插件 Miscellaneous工具教程
Div css菜单:一张图片实现翻转效果!
一定要学CSS吗?有什么理由?
DIV CSS布局概述及初步入门
猜你也喜欢看这些
使用fieldset、label标签制作form表单
DIV CSS网页布局分析的两个小例子
DIV CSS布局入门示例(四)页面顶部列表
仿谷歌google的搜索框下拉提示列表效果
如何用CSS实现翻页效果?
实现三列布局相同高度的解决办法
用CSS打造评分星级效果的一个实例
CSS背景图片background-image须注意路径问题!
DivCSS实例:一个效果很不错的CSS列表
一个非常棒的DIV CSS导航条效果!
新热推荐
1
/
3
dedecms模板_简洁大气的网络设计工作室模板
织梦蓝色简洁新闻资讯门户模板下载(原创)
织梦橙黑清新炫酷工作室模板(视频演示)
织梦文章/新闻资讯/博客模板(仿chinaz最新版,蓝色简洁大气)
Wordpress淘宝客程序(淘金渡-强大自动采集功能 可做返利类淘宝客网站)
精仿大前端D8主题织梦模板下载
织梦网络工作室模板,2013年最新设计,大气美观
织梦科技IT资讯类博客模板(仿虎嗅网织梦模板)
dedecms织梦漫画网站模板(带采集+漫画连载)
织梦dedecms文章模板博客模板-可自定义颜色
PhotoShop鼠绘超酷的游戏场景
Photoshop实例教程:照片漫画插画效果的制作
相关链接:
复制本页链接
|
搜索随滚动条移动的层
教程说明:
Div+CSS教程
-
随滚动条移动的层
。