用
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新坐標 閱讀(1210)
評論(0) 編輯 收藏