用newxy新坐标标签美化介面

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

用newxy新坐标标签美化介面

你可能感兴趣的:(用newxy新坐标标签美化介面)