仿糯米炸弹框架效果演示

代码如下:






标签

删除边距填充
H1,H2,H3,H4,H5,H6,,HR、P、引用、DL、DT。

默认字体
体、按钮、输入、选择、文本字体:{ 12px / 1.5 5b8b 4f53,Arial,sans-serif;}
H1、H2、H3、H4、H5、H6 {字体大小:100%;}
地址引用,DFN,EM,VAR { font-style:正常;}
代码,大骨节病,前桑普{字体:快递,快递,等宽;}
小字体大小:12px {;}
列表样式:无;}
{文字装饰:无;}
答:悬停{文本装饰:下划线;}
垂直对齐:文本顶部;}
子{垂直对齐:文本底部;}
传说{颜色:# 000;}
字段集,img { border: 0;}
按钮,输入、选择、文本字体大小:100%;} {
表{边界折叠:折叠;边框间距:0;}

。Col主要{浮动:左;宽度:100%;最小高度:1px;}

布局:后,主包装:后,.子子:后,.额外:{内容后:20;显示:块;高度:0;清除:两个;}
布局,主包装,.子,.额外{缩放:1;}

常见的特征
隐藏{显示:无;}
不可见{可见:隐藏;}

移除浮动
清除{显示:块;高度:0;溢出:隐藏;清除:两个;}
。clearfix:后{内容: 20;显示:块;身高:0;明确:两;}
。clearfix { *变焦:1;}

对于非IE浏览器,默认情况下也显示垂直滚动条,以防止滚动条引起的闪烁。
html { overflow-y:滚动;}

默认链接样式
一:链接{颜色:# 003399;}
一:参观{颜色:# 123689;}
答:悬停{颜色:# ff6600;}





体高:1000px {;}
对话包装,对话{显示:无;}
。对话框包{位置:绝对;顶部:0px;左:0px;宽度:100%;Z指数:99;背景:# 000;}
{。
边境:10px;
背景:URL(图像/ welcome91981。PNG)不重复;
Z指数:199;
位置:固定;
_position:绝对;
宽度:451px;
身高:313px;
顶部:50%;
左:50%;
保证金:- 156px 0px 0px - 225px;
边界半径:10px;文本对齐:左;
}
。dialog.city-box {位置:相对;宽度:100%;高度:100% }
。dialog.close {位置:绝对;宽度:18px;身高:18px;顶部:16px;右:16px;Z指数:205;}
。dialog.close一{显示:块;宽度:100%;高度:100%;}

。Citybox {位置:绝对;鼠标指针;顶部:143px;左:212px;身高:30px;线高度:30px;字体大小:16px;颜色:# f4396d;填充:0 30px 0 10px;30px;}。
。Citybox跨度{宽度:90px;溢出:隐藏;空格:nowrap;文本溢出:省略;显示:内联块}
。hotcitybox {位置:绝对;宽度:272px;顶部:160px;左:170px;显示:无;Z指数:200;}
。togle {颜色:# FFF;位置:绝对;左:50%;字体大小:28px;Z指数:200;}
。togleborder {位置:绝对;左:50%;字体大小:28px;颜色:# DDD;顶部:3px;Z指数:200;}
。hotcitylist {背景:# FFF;边界半径:5px;盒的影子:1px 1px 1px # 333;顶部:22px;位置:绝对;宽度:270px;border: 1px solid;宽度:270px;}。
。hotcitylist p { 0 } 5px填充:
。hotcitylist p {填充:0 8px;身高:22px;线高度:22px;颜色:# 333;字体大小:14px;保证金:3px 5px;文本对齐:中心;5px;
。hotcitylist P:悬停{背景:# f55583;颜色:# FFF;文字装饰:无}
。morecity {边界上:1px solid # c6c6c6;身高:30px;线高度:30px;文本对齐:右;}
。morecity一{颜色:# f55583;字体大小:14px;右边距:10px }
。cityconfirm {位置:绝对;鼠标指针;宽度:168px;身高:48px;左:137px;底:22px;}
。cityconfirm一{宽度:168px;身高:48px;显示:块}
。是的{显示:无;位置:绝对;顶部:0px;左:0px;宽度:100%;高度:100%;Z指数:198;}







北京





北京
上海
天津
杭州
西安
成都
郑州
厦门
青岛
深圳
太原
重庆
武汉
南京
广州
沈阳
济南
哈尔滨

更多城市>









函数对话框(){
H = $(var 'body)。Height();
$('包'。),Css({ 'height:H,'opacity:0.5、显示器:阻止});
$(对话);
}
功能close_dialog(){
隐藏();
}
$('。Citybox)。Click(function(){)
$('。hotcitybox,。是的),表明();
});

$('。是的,。对话框换行)。Click(function()){
$('。hotcitybox,。是的隐藏());
$('是')隐藏();
});


对话框();


点击这里查看效果

我是一个词,我是一个词,我是一个词,我是一个文本,我是一个词。