用
newxy
新坐标
<nhtml:stylesheets/>
标签美化介面
----
newxy(
新坐标
)
标签运用
胡立新
newxy
新坐标的诸多标签中影响介面的表现主要是
<nhtml:stylesheets/>
，对这个标签的灵活运用，能够轻松获得很好的外观。
下面是
<nhtml:stylesheets stylesheet=”stylesheet2”/>
的效果
在线演示
http://demo.newxy.net/nhtml_stylesheets/stylesheet2.jsp
范例的工程下载
http://www.newxy.net/zh_cn/download/index.jsp
1.
原初外观
2.
外加边框
3.
将表的两边线除掉
下面是
<nhtml:stylesheets stylesheet=”stylesheet3”/>
的效果
在线演示
http://demo.newxy.net/nhtml_stylesheets/stylesheet3.jsp
1.
外加边框
2.
将表的两边线除掉
不
需写
java
代码，只一个
jsp
文件上加几个标签，无需关注
javascript
脚本。
<%@ page contentType="text/html; charset=GBK" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>
<%@ taglib uri="/WEB-INF/newxy-html.tld" prefix="nhtml"%>
<%@ taglib uri="/WEB-INF/newxy-logic.tld" prefix="nlogic"%>
<%@ taglib uri="/WEB-INF/newxy-bean.tld" prefix="nbean"%>
<html>
<head>
<title>
newxy
新坐标
<nhtml:stylesheets/>
标签预定义的几种样试
</title>
<style type="text/css">
.table {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #000000 1px solid;
}
.table1 {
BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 0px solid; BORDER-BOTTOM: #000000 0px solid;
}
</style>
</head>
<nbean:formBean name="industry" sql="select * from industry"/>
<body bgcolor="#ffffff">
<logic:present name="industry">
<logic:notEmpty name="industry" property="_coll">
<nlogic:navigate formName="industry" length="5"/>
<table cellspacing="0" class="table1">
<tr>
<td>
序号
</td><td align="center">
编
码
</td><td align="center" style="BORDER-RIGHT: #ffffff 0px solid;">
行
业
内
容
</td>
</tr>
<nlogic:iterate id="rec" name="industry" property="_coll">
<nhtml:TR>
<td align="center">${index+1}</td>
<td width="50" nowrap="nowrap"><bean:write name="rec" property="code"/></td>
<td width="400" nowrap="nowrap" style="BORDER-RIGHT: #ffffff 0px solid;"><bean:write name="rec" property="industry"/></td>
</nhtml:TR>
</nlogic:iterate>
</table>
</logic:notEmpty>
</logic:present>
</body>
</html>
posted on 2007-03-18 14:07
newxy新坐标 阅读(1219)
评论(0) 编辑 收藏