首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > HTMLCSS教程 > 正文
Google
不用JS的漂浮层
 2007年01月25日 13:31 网友评论:0条 点击:

CSS部分:

*{
margin:0;
padding:0;
}
* html{
height:100%;
overflow-y:hidden;
}
* html body{
height:100%;
overflow-y:auto;
}
#TargetTOP{
position:fixed;
bottom:10px;
right:10px !important;
right:27px;
border:1px #f00 solid;
}
* html #TargetTOP{
position: absolute;
}

HTML部分:

< a name="Top">< /a>
< div style="border: 1px solid #ff0000; height: 1000px">< /div>
< div id="TargetTOP">< a h ref=" # Top">跳转到页面顶部< /a>< /div>
在FF,ie6,ie7下测试有效,现在发现的缺点是页面中不可以再出现其余带有position属性的元素了.
这些个代码没怎么用,难免有纰漏. 欢迎批评. 代码很简单就不加注释了.
拷贝代码注意下html中空格,实在抱歉,对付编辑器的时间太少.

来源:http://www.uiplanet.com/taobao

上一篇:如何用DIV+CSS来构建内嵌页面跟随按钮变化   下一篇:DHTML实现可控制的页面内滚动区域
收藏此页】【打印】【关闭
 相关文章  我要点评
·Jsp页面URL中传递参数乱码的解决方法
·JSP中表单数据存储的通用方法
·JSP+JavaScript打造二级级联下拉菜单
·建立JSP操作用以提高数据库访问效率
·JS横向弹性相册代码
·鼠标移过翻开的JS相册代码
·可自动缩放的JS弹性相册代码
·局部可放大的JS相册代码

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】