.wrap或.wrapper--用于外侧包裹
.container或.ct--包裹容器
.header--用于头部
.body--页面 body
.footer--页面尾部
.aside、sidebar--用于侧边栏
.content--和header footer对应，用于主要内容
.navigation--导航元素
.pagination--分页
.tabs >.tab--tab切换
.breadcrumbs--导航列表、面包屑
.dropdown--下拉菜单
.article--文章
.main--用于主体
.thumbnail--头像、小图像
.media--媒体资源
.panel--面板
.tooltip--鼠标放置上去的提示
.popup--鼠标点击d出的提示
.button、btn--按钮
.ad--广告
.subnav--二级导航
.menu--菜单
.tag--标签
.message或.notice--提示消息
.summary--摘要
.logo--logo
.search--搜索框
.login--登录
.register--注册
.username--用户名
.passwprd--密码
.banne --广告条
.copyright--版权
.modal或.dialog--d窗
状态:
inverse--相反的
toggled--切换
switched--转换
original--起初的
initial--最初的
identified--识别
disabled--禁用
loading--加载
pending--等待
syncing--同步
default--默认
修饰:
dark--黑暗的
light--浅色的
shaded--深色阴影的
flat--平滑的
ghost--精灵
maroon--褐红色的
pale--白
intense--强烈的
twisted--扭曲的
narrow--狭窄的
wide--宽的
smooth--光滑的
separate--分离
clean--清洁的
sharp--锋利的
aligned--对齐的
元素:
pagination--分页
modal--情态动词
popup--d出
article--文章
story--故事
flash--闪光
status--现状
state--州立
media--媒体
block--快
card-卡
teaser--挑逗
badge--徽章
label--标签
sheet--片材
poster--海报
notice--通知
record--记录
entry--入门
item--项目
figure--图
square--广场
module--模块
bar--酒吧
button--按钮
action--行动
knob--旋钮
布局:
navigation--航行
wrapper--包装器
inner--内部的
header--页眉
footer--页脚
aside--在一边
section--部分
divider--除法器
content--内容
container--容器
panel--面板
pane--窗格
construct--建造
composition--作文
spacing--间距
frame--框架
父页:<script type="text/javascript">
<!--
function test(){
var returnValue = window.showModalDialog('Noname2.html')//这个URL可以是一个方法,也可以是一个页面,到页面用ajax去加载一个列表都可以
alert(returnValue)//取到值,你随便放哪里,
}
//-->
</script>
<body>
<table>
<tr>
<td><input type="text" name="nama" id="id"></td>
</tr>
<tr>
<td><input type="button" value="button" onclick='test()'></td>
</tr>
</table>
子页面:
<script type="text/javascript">
<!--
function fff(val){
//window.opener.window.returnVaule="ok"
window.returnValue = "ok"
}
function onload(){
$.ajax({
url : "你的方法",
type : "POST",
contentType: "application/jsoncharset=utf-8",
data : JSON.stringify({'name':name,'passwd':passwd}),
dataType : "text",
success : function(result) {
结果进行循环给列表,查下也是一样的,都调用这个方法
},
error:function(msg){
$(".notice").html('Error:'+msg)
}
})
}
onload()//第一次进来后调用一次加载列表
//-->
</script>
<body>
//这个TABLE可以用你自己的方法去写.比如请求后台加载的一个LIST数据,用ajax加载
//查下条件和你平时的页面是一样的,如果数据少,可以直接用数组来做
<table border=1>
<tr>
<td onclick="fff(1)">1</td>
<td onclick="fff(2)">2</td>
</tr>
</table>
如果使用remote选项，一定要用href指向待加载的页面地址如：<a data-toggle="modal" href="remote.html" data-target="#modal">click me</a>
再增加一个id为modal的HTML元素如div，以modal的元素为父增加一个以class为modal-body的HTML元素如div。
它的原理是在modal的子元素中寻找.modal-body元素，并使用jQuery的load方法异步ajax把remote.html，再把加载的内容填充至.modal-body元素。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）