用newxy新坐标标签美化介面

来源：互联网发布：文泰软件baiduyun 编辑：程序博客网时间：2024/05/18 00:23

用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>

.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"/>

<logic:present name="industry">

<logic:notEmpty name="industry" property="_coll">

<nlogic:navigate formName="industry" length="5"/>

<tr>

</tr>

<nlogic:iterate id="rec" name="industry" property="_coll">

<nhtml:TR>

<td align="center">${index+1}</td>

</nhtml:TR>

</nlogic:iterate>

</table>

</logic:notEmpty>

</logic:present>

</body>

</html>