html网页div框架代码,div层仿网页框架布局特效代码

脚本代码(For Alixixi.com)如下:

div层仿网页框架布局特效代码 - by 阿里西西 js.alixixi.com

* { margin:0; padding:0; list-style:none;}

html { height:100%; overflow:hidden; background:#fff;}

body { height:100%; overflow:hidden; background:#fff;}

div { background:#f60; line-height:1.6;}

.top { position:absolute; left:10px; top:10px; right:10px; height:50px;}

.side { position:absolute; left:10px; top:70px; bottom:70px; width:200px; overflow:auto;}

.main { position:absolute; left:220px; top:70px; bottom:70px; right:10px; overflow:auto;}

.bottom { position:absolute; left:10px; bottom:10px; right:10px; height:50px;}

/*---ie6---*/

html { _padding:70px 10px;}

.top { _height:50px; _margin-top:-60px; _margin-bottom:10px; _position:relative; _top:0; _right:0; _bottom:0; _left:0;}

.side { _height:100%; _float:left; _width:200px; _position:relative; _top:0; _right:0; _bottom:0; _left:0;}

.main { _height:100%; _margin-left:207px; _position:relative; _top:0; _right:0; _bottom:0; _left:0;}

.bottom { _height:50px; _margin-top:10px; _position:relative; _top:0; _right:0; _bottom:0; _left:0;}

阿里西西网页特效演示中心

DEMO BY JS.ALIXIXI.COM

一个标准的，兼容性很好的div仿框架的基础模型！

html网页div框架代码,div层仿网页框架布局特效代码相关推荐

html图片显示详情,纯CSS鼠标经过图片视差弹出层显示详情链接按钮特效代码.html...
纯CSS鼠标经过图片视差弹出层显示详情链接按钮特效代码 * { box-sizing: border-box; } html, body { height: 100%; background:#ddd ...
jQuery手机移动端弹出层美化下拉选项特效代码
jQuery手机移动端弹出层美化下拉选项特效代码演示地址:http://www.b4a.bid/JS/ 效果如下: 下载地址:https://download.csdn.net/download/d ...
html语言字体上下滚动代码,div+css+jquery公告栏垂直(上下)文字单行滚动特效代码（三种样式）...
网站公告栏一般采用滚动形式,随着jquery的出现,特效做起来更加简单,所以目前大多数网站都有自己的公告栏目,采用文字滚动的形式,今天来分享几个垂直公告文字滚动特效,分别是全面版,常用版,以及极简版! ...
java使用微信表情代码_iOS高仿微信表情输入功能代码分享
最近项目需求,要实现一个类似微信的的表情输入,于是把微信的表情扒拉出来,实现了一把.可以从这里下载源码.看起来表情输入没有多少东西,不外乎就是用NSTextAttachment来实现图文混排,结果在实 ...
html进度条倒计时代码,html5+css3进度条倒计时动画特效代码【推荐】_html5教程技巧...
html5+css3进度条倒计时动画特效这个作品在今天上网找网络资源的时候无意中发现的,看到效果非常棒并且很实用,就第一时间把它整理出来与大家分享了,主要用到了html5.javascript和css ...
html5支付宝主页面代码,JavaScript高仿支付宝倒计时页面及代码实现
实现目标一,页面在图一时开始进行倒计时(可以点击取消订单按钮,支付页面消失). 二,倒计时完毕,出现删除订单. 三,单击删除订单,弹出弹框,询问是否要真正删除订单. 四,单击确定,即可删除订单. 如 ...
android相对布局代码,Android基础_3 Activity相对布局(示例代码)
相对布局要比前面讲的线性布局和表格布局要灵活一些,所以平常用得也是比较多的.相对布局控件的位置是与其周围控件的位置相关的,从名字可以看出来,这些位置都是相对的,确定出了其中一个控件的位置就可以确定另一 ...
html div 不规则形状,div css布局，非html css布局
html网页制造是由html标签+css款式表结构而成,或许意识为html+css机关,这个叫法没有错,但刚好人人习俗都叫它div css机关了. 这个是因为在构造HTML网页时候,div标签是网页结 ...
HTML文字样式显示闪烁,怎么纯用css代码使文字展示闪动效果？（代码示例）
在网页中,通常设计师们为了凸显自己的产品主题,总会让文字或者加点特效,比如使文字不停的闪动,或有规律的变色.以便达到吸引人关注的目的.那么除了用ps制作的gif动画外,还有哪些方法可以实现这样的功能特 ...

html网页div框架代码,div层仿网页框架布局特效代码

html网页div框架代码,div层仿网页框架布局特效代码相关推荐

最新文章

热门文章