- 浏览: 32147 次
- 性别:
- 来自: 广州
最新评论
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>样式表的创建和规则获取示例</title>
<link rel="stylesheet" type="text/css" href="ext-4.2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-4.2.1/bootstrap.js"></script>
<script type="text/javascript" src="ext-4.2.1/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var panel=new Ext.Panel({
title:'样式表的创建和规则获取示例',
frame:true,
renderTo:'test1',
width:'300px',
html:"<div id='div1' style='width:200px;height:200px;padding:10px;'>"+
"<div id='id01' style='height:20px;'"+
"</div>"
});
//通过级联样式表文本规范所述的规则自动创建一个样式表供HTML应用
Ext.util.CSS.createStyleSheet(".myclass{color:blue}","the");
var cssObj=Ext.util.CSS.getRule(".myclass",true);//通过指定的CSS名,查询该CSS规则
Ext.Msg.alert('获取的信息','创建样式表'+'<br>获取myclass样式表中规则的字体颜色:'+cssObj.style.color);
});
</script>
</head>
<body>
<div id="test1"></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>样式表的创建和规则获取示例</title>
<link rel="stylesheet" type="text/css" href="ext-4.2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-4.2.1/bootstrap.js"></script>
<script type="text/javascript" src="ext-4.2.1/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var panel=new Ext.Panel({
title:'样式表的创建和规则获取示例',
frame:true,
renderTo:'test1',
width:'300px',
html:"<div id='div1' style='width:200px;height:200px;padding:10px;'>"+
"<div id='id01' style='height:20px;'"+
"</div>"
});
//通过级联样式表文本规范所述的规则自动创建一个样式表供HTML应用
Ext.util.CSS.createStyleSheet(".myclass{color:blue}","the");
var cssObj=Ext.util.CSS.getRule(".myclass",true);//通过指定的CSS名,查询该CSS规则
Ext.Msg.alert('获取的信息','创建样式表'+'<br>获取myclass样式表中规则的字体颜色:'+cssObj.style.color);
});
</script>
</head>
<body>
<div id="test1"></div>
</body>
</html>
发表评论
-
Ext.data.TreeStore 分级异步加载树节点示例
2013-07-10 15:36 2011Ext.data.TreeStore远程加载树节点有两种常用方 ... -
Ext.Ajax.request提交JSON数据
2013-07-10 09:29 1320JSON作为轻量级的数据传输格式,在很多时候可以作为XML文件 ... -
Ext.Ajax.request提交XML数据示例
2013-07-09 16:51 883服务器端:loginServerXml.jsp 在lib下要有 ... -
Ext.Ajax.request异步提交表单示例
2013-07-09 16:10 1021服务器端代码:loginServer.jsp <%@ ... -
树形面板Ext.tree.Panel
2013-07-05 15:19 608<!DOCTYPE html PUBLIC " ... -
relayEvents传播分发事件
2013-07-04 14:17 652<!DOCTYPE html PUBLIC " ... -
Extjs自定义事件
2013-07-04 10:54 403<!DOCTYPE html PUBLIC " ... -
改变文档样式风格示例
2013-07-04 10:55 752<!DOCTYPE html PUBLIC " ... -
ExtJS事件绑定方式示例
2013-07-04 10:55 636<!DOCTYPE html PUBLIC " ... -
Ext.util.JSON编码和解码JSON对象
2013-07-03 15:27 910<script type="text/java ... -
Ext.util.Format提供的常用格式化方法
2013-07-03 14:57 1275<!DOCTYPE html PUBLIC " ... -
Ext.util.ClickRepeater 事件的配置和触发
2013-07-03 11:55 714Ext.util.ClickRepeater 继承Ext.ut ... -
Ext.KeyNav为元素提供简单的按键处理方法示例
2013-07-03 09:46 814<!DOCTYPE html PUBLIC " ... -
Ext常用函数
2013-07-01 16:42 602函数一:Ext.onReady() Ext的Dom都是动态生成 ... -
水平盒布局HBox
2013-07-01 15:43 444<!DOCTYPE html PUBLIC " ... -
表格布局
2013-07-01 15:18 493<!DOCTYPE html PUBLIC " ... -
Ext.layout.container.Column布局
2013-07-01 15:18 690<script type="text/java ... -
Absolute绝对位置布局示例
2013-07-01 14:35 371Ext.layout.container.Absolute对应 ... -
Card 卡片式布局
2013-06-28 16:40 927<!DOCTYPE html PUBLIC " ... -
Ext.layout.container 标准布局类
2013-06-28 15:48 735<!DOCTYPE html PUBLIC " ...
相关推荐
2.1.1 创建XML文档 2.1.2 XML文档剖析 2.1.3 一些基本的XML规则 2.2 显示XML文档 2.2.1 显示没有样式表的XML文档 2.2.2 在Internet Explorer 5中获取XML 错误 2.2.3 使用级联样式表显示XML文档 第二部分 创建XML文档...
7.1.1 第1步:创建样式表文件 7.1.2 第2步:链接样式表到XML文档 7.2 级联样式表中的级联 7.3 设置display属性 7.4 设置字体属性 7.4.1 设置font-family属性 7.4.2 设置font-size属性 7.4.3 设置font-style...
为什么要使用XML 1.1 XML的需要 1.1.1 XML解决方案 1.1.2 SGML、HTML和XML 1.2 XML的正式目标 1.3 标准XML应用 1.4 XML的实际应用 第2章 创建并显示第一个XML文档 2.1 创建一个XML...
7.6.5 创建、修改、获取和删除用户 123 7.6.6 验证和解锁用户 125 7.6.7 角色管理 126 7.6.8 角色验证 127 7.6.9 其他重要成员 128 第八章:数据绑定 129 8.1 DataBinding概念 129 8.2 数据绑定的语法 129 8.3 ...
6 style.css 第10章\news\incoming 样式表文件 7 index.jsp 第10章\news 新闻浏览的主界面文件 8 article.jsp 第10章\news 新闻浏览的最终界面文件 9 login.jsp 第10章\news\admin 管理员登录页面文件 10 ...
01070获取Excel命令按钮的外观图像和FaceID号(输出到工作表) 01071改变Excel命令按钮的外观图像 01072删除、恢复Excel菜单栏和工具栏 01073隐藏Excel菜单栏和工具栏 01074显示Excel默认的菜单栏和工具栏 01075执行...
1487.2.5 将字段数据类型转换为Access数据 类型 1497.2.6 使用链接表管理器加载项重新 链接表 1507.2.7 导入表和将数据库文件链接为表 1507.3 导入和链接电子数据表文件 1517.3.1 通过导入Excel工作表创建一个表 ...
1487.2.5 将字段数据类型转换为Access数据 类型 1497.2.6 使用链接表管理器加载项重新 链接表 1507.2.7 导入表和将数据库文件链接为表 1507.3 导入和链接电子数据表文件 1517.3.1 通过导入Excel工作表创建一个表 ...
1487.2.5 将字段数据类型转换为Access数据类型 1497.2.6 使用链接表管理器加载项重新链接表 1507.2.7 导入表和将数据库文件链接为表 1507.3 导入和链接电子数据表文件 1517.3.1 通过导入Excel工作表创建一个表 1517....
1487.2.5 将字段数据类型转换为Access数据 类型 1497.2.6 使用链接表管理器加载项重新 链接表 1507.2.7 导入表和将数据库文件链接为表 1507.3 导入和链接电子数据表文件 1517.3.1 通过导入Excel工作表创建一个表 ...
1487.2.5 将字段数据类型转换为Access数据类型 1497.2.6 使用链接表管理器加载项重新链接表 1507.2.7 导入表和将数据库文件链接为表 1507.3 导入和链接电子数据表文件 1517.3.1 通过导入Excel工作表创建一个表 1517....
1487.2.5 将字段数据类型转换为Access数据类型 1497.2.6 使用链接表管理器加载项重新链接表 1507.2.7 导入表和将数据库文件链接为表 1507.3 导入和链接电子数据表文件 1517.3.1 通过导入Excel工作表创建一个表 1517....
1487.2.5 将字段数据类型转换为Access数据 类型 1497.2.6 使用链接表管理器加载项重新 链接表 1507.2.7 导入表和将数据库文件链接为表 1507.3 导入和链接电子数据表文件 1517.3.1 通过导入Excel工作表创建一个表 ...
28.3使用FlexBuilder3创建和部署AIR应用 588 28.4AIR应用配置文件 591 28.4.1应用程序配置 591 28.4.2初始化窗口设置 595 28.4.3图标设置 595 28.4.4关联文??柚?596 28.5小结 597 第29章AIR部分特性介绍 598 29.1AIR...