Style conversion, tabControl, navigation, and css li

Posted by john

1/22/2007

Related Tags:
style div style css style css style sheet Border Style List Style Type List Style Image List Style Position List Style Font Style Cascading Style Sheets CSS style design css navigation css li css css navigation of the book css mouse style

1> TabControl

<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=gb2312" />
<title> Untitled document </ title>
<style>
. Color02 (
COLOR: # d93400
)
UL.menu_bar5 LI (
FLOAT: left; MARGIN: 0px; clear: none / / li is a block-level elements of this trip was just a horizontal shaft,
)
</ Style>
</ Head>

<body>
<UL Class="menu_bar5 color02">
<LI> <LABEL> Enterprises hot </ LABEL> </ LI>
<LI> <A id = li1 onClick = "ShowClass ( 'qyrd', 1);"
Href = "javascript:"> Products </ A> </ LI>
<LI> <A class = aON id = li2 onClick = "ShowClass ( 'qyrd', 2);"
Href = "javascript:"> interactive opportunities </ A> </ LI>
<LI> <A id = li3 onClick = "ShowClass ( 'qyrd', 3);"
Href = "javascript:"> business services </ A> </ LI>
<LI> <A id = li4 onClick = "ShowClass ( 'qyrd', 4);"
Href = "javascript:"> Show Info </ A> </ LI>
<LI> <A id = li4 onClick = "ShowClass ( 'qyrd', 5);"
Href = "javascript:"> Enterprise Directory </ A> </ LI> </ UL>
<div Id="qyrd">
<! - Products begin ->
<Table class = "boxbold" style = "DISPLAY: none; BORDER-TOP-STYLE: none"
Height = "136" cellspacing = "0" cellpadding = "0" Width = "100%" Border = "0">
<tbody>
<tr>
<Td class = "line03 line05"
Style = "PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
Valign = "center" align = "middle" width = "50%"> <table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "fish"
Href = "http://www.hongxi.com/WebSite/business3/SampleView.asp?ID=234934&SampleID=2503"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/234934_2007115211956.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "Qing Qin Shi"
Href = "http://www.hongxi.com/WebSite/business4/SampleView.asp?ID=234816&SampleID=2483"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/234816_200718151443.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "Electrostatic Precipitator Horizontal ion fan"
Href = "http://www.hongxi.com/WebSite/Default_new/SampleView.asp?ID=233034&SampleID=2527"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/233034_200711813347.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "Electrostatic Precipitator ion wind gun"
Href = "http://www.hongxi.com/WebSite/Default_new/SampleView.asp?ID=233034&SampleID=2528"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/233034_200711813538.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
</ Tr>
<tr>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "-to high-level managers development and training centres Cuanon EDP Center"
Href = "http://www.hongxi.com/WebSite/business4/SampleView.asp?ID=231138&SampleID=2452"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/231138_20061227163854.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "-can energy-saving equipment"
Href = "http://www.hongxi.com/WebSite/business4/SampleView.asp?ID=231138&SampleID=2455"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/231138_2006122717037.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "massage chairs"
Href = "http://www.hongxi.com/WebSite/business3/SampleView.asp?ID=234953&SampleID=2511"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/234953_200711793445.gif #"
Width = "46" border = "0" /> </ a> <br /> </ td>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "massage chairs"
Href = "http://www.hongxi.com/WebSite/business3/SampleView.asp?ID=234953&SampleID=2512"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/234953_200711793553.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
</ Tr>
</ Tbody>
</ Table> </ td>
<Td class = "line03"
Style = "PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
Valign = "top" align = "left" width = "50%"> <ul class="list4">
<li> <A title = "fish"
Href = "http://www.hongxi.com/WebSite/business3/SampleView.asp?ID=234934&SampleID=2503"
Target = "_blank"> arowana </ a> </ li>
<li> <A title = "Qing Qin Shi"
Href = "http://www.hongxi.com/WebSite/business4/SampleView.asp?ID=234816&SampleID=2483"
Target = "_blank"> Qing Qin Shi </ a> </ li>
<li> <A title = "automatic coffee machine"
Href = "http://www.hongxi.com/WebSite/business4/SampleView.asp?ID=233062&SampleID=2529"
Target = "_blank"> Automatic Coffee </ a> </ li>
<li> <A title = "Electrostatic Precipitator Horizontal ion fan"
Href = "http://www.hongxi.com/WebSite/Default_new/SampleView.asp?ID=233034&SampleID=2527"
Target = "_blank"> Electrostatic Precipitator Horizontal ion fan </ a> </ li>
<li> <A title = "Electrostatic Precipitator ion wind gun"
Href = "http://www.hongxi.com/WebSite/Default_new/SampleView.asp?ID=233034&SampleID=2528"
Target = "_blank"> Electrostatic Precipitator ion wind guns </ a> </ li>
<li> <A title = "-to high-level managers development and training centres Cuanon EDP Center"
Href = "http://www.hongxi.com/WebSite/business4/SampleView.asp?ID=231138&SampleID=2452"
Target = "_blank"> River to the development of senior managers and training centres… </ a> </ li>
</ Ul> </ td>
</ Tr>
<tr>
<Td
Style = "PADDING-RIGHT: 6px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 3px"
Valign = "center" align = "right" bgcolor = "# f2f2f2" colspan = "2"> <a
Href = "http://www.hongxi.com/biz/SearchSample.asp"> More Products → </ a> </ td>
</ Tr>
</ Tbody>
</ Table>
<! - Products end ->
<! - Interactive opportunities begin ->
<Table class = "boxbold" style = "BORDER-TOP-STYLE: none" height = "136"
Cellspacing = "0" cellpadding = "0" width = "100%" border = "0">
<tbody>
<tr>
<Td class = "line03 line05"
Style = "PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
Valign = "center" align = "middle" width = "50%"> <table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "French surfing Wei-Qi bath"
Href = "http://www.hongxi.com/Website/business4/MarketView.asp?ID=234855&MarketID=6120"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/234855_200712210959.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "★ JUICY COUTURE (American popular leisure brand)"
Href = "http://www.hongxi.com/Personal/Default/MarketView.asp?ID=235005&MarketID=6119"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/235005_2007121134924.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "supply of all types of plastic bags, handbags, shopping bags, bags, vests bag"
Href = "http://www.hongxi.com/Website/business3/MarketView.asp?ID=182455&MarketID=5929"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/182455_2006128152222.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "ultra-low-cost water and various wholesale fish!"
Href = "http://www.hongxi.com/Website/business3/MarketView.asp?ID=234934&MarketID=6092"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/234934_200711521521.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
</ Tr>
<tr>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "super-authentic Malaysia Snow Mountain Jinhua"
Href = "http://www.hongxi.com/Website/business3/MarketView.asp?ID=234934&MarketID=6093"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/234934_200711521534.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "Qing Qin Shi"
Href = "http://www.hongxi.com/Website/business4/MarketView.asp?ID=234816&MarketID=6060"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/234816_200718151750.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "Qing Shi Tea"
Href = "http://www.hongxi.com/Website/business4/MarketView.asp?ID=234816&MarketID=6061"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/234816_200718151854.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
<td Valign="center" align="middle" width="25%" height="50"> <a
Title = "sell luxury Passat"
Href = "http://www.hongxi.com/Website/business4/MarketView.asp?ID=234773&MarketID=6068"
Target = "_blank"> <img class = "img02" height = "46"
Src = "Hongxi Taiwan - leading business life _ files/234773_200719135356.jpg #"
Width = "46" border = "0" /> </ a> <br /> </ td>
</ Tr>
</ Tbody>
</ Table> </ td>
<Td class = "line03"
Style = "PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
Valign = "top" align = "left" width = "50%"> <ul class="list4">
<li> <A title = "French surfing Wei-Qi bath"
Href = "http://www.hongxi.com/Website/business4/MarketView.asp?ID=234855&MarketID=6120"
Target = "_blank"> French surfing Wei-Qi bath </ a> </ li>
<li> <A title = "★ JUICY COUTURE (American popular leisure brand)"
Href = "http://www.hongxi.com/Personal/Default/MarketView.asp?ID=235005&MarketID=6119"
Target = "_blank"> ★ JUICY COUTURE (… </ a> </ li>
<li> <A title = "supply of all types of plastic bags, handbags, shopping bags, bags, vests bag"
Href = "http://www.hongxi.com/Website/business3/MarketView.asp?ID=182455&MarketID=5929"
Target = "_blank"> supply of various types of plastic bags, handbags, shopping bags… </ a> </ li>
<li> <A title = "ultra-low-cost water and various wholesale fish!"
Href = "http://www.hongxi.com/Website/business3/MarketView.asp?ID=234934&MarketID=6092"
Target = "_blank"> wholesale various ultra-low-cost water and freshwater fish! </ A> </ li>
<li> <A title = "super-authentic Malaysia Snow Mountain Jinhua"
Href = "http://www.hongxi.com/Website/business3/MarketView.asp?ID=234934&MarketID=6093"
Target = "_blank"> super-authentic Malaysia Snow Mountain Jinhua </ a> </ li>
<li> <A title = "Qing Qin Shi"
Href = "http://www.hongxi.com/Website/business4/MarketView.asp?ID=234816&MarketID=6060"
Target = "_blank"> Qing Qin Shi </ a> </ li>
</ Ul> </ td>
</ Tr>
<tr>
<Td
Style = "PADDING-RIGHT: 6px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 3px"
Valign = "center" align = "right" bgcolor = "# f2f2f2" colspan = "2"> <a
Href = "http://www.hongxi.com/biz/SearchProvide.asp"> more interactive opportunities → </ a> </ td>
</ Tr>
</ Tbody>
</ Table>
<! - Interactive business end ->
<! - Business services begin ->
<Table class = "boxbold" style = "DISPLAY: none; BORDER-TOP-STYLE: none"
Height = "136" cellspacing = "0" cellpadding = "0" width = "100%" border = "0">
<tbody>
<tr>
<Td class = "line03 line05"
Style = "PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
Valign = "center" align = "middle" width = "140"> <table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td Valign="center" align="middle" width="25%" height="50"> <a
Href = "http://www.hongxi.com/company/list.asp?ClassID=7"> <img
Class = "img02" alt = "enterprise applications run"
Src = "Hongxi Taiwan - leading business life _ files/a_img18.gif #"
Border = "0" /> </ a> <br /> </ td>
<td Valign="center" align="middle" width="25%"> <a
Href = "http://www.hongxi.com/company/list.asp?ClassID=8"> <img
Class = "img02" alt = "enterprise change application"
Src = "Hongxi Taiwan - leading business life _ files/a_img19.gif #"
Border = "0" /> </ a> <br /> </ td>
</ Tr>
<tr>
<td Valign="center" align="middle" width="25%" height="55"> <a
Href = "http://www.hongxi.com/company/list.asp?ClassID=9"> <img
Class = "img02" alt = "quasi-commercial enterprise applications"
Src = "Hongxi Taiwan - leading business life _ files/a_img20.gif #"
Border = "0" /> </ a> <br /> </ td>
<td Valign="center" align="middle" width="25%"> <a
Href = "http://www.hongxi.com/company/list.asp?ClassID=18"> <img
Class = "img02" alt = "write-offs for businesses"
Src = "Hongxi Taiwan - leading business life _ files/a_img21.gif #"
Border = "0" /> </ a> <br /> </ td>
</ Tr>
</ Tbody>
</ Table> </ td>
<Td class = "line03"
Style = "PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
Valign = "top" align = "left"> <ul class="list4">
<li> <A title = "Tianjin, the two-building programmes on non-payment of the land will be resumed"
Href = "http://www.hongxi.com/company/view.asp?ArticleID=10997"
Target = "_blank"> Tianjin, the two-building programmes on non-payment of the land will be resumed </ a> </ li>
<li> <A title = "National Tax Administration: real estate projects did not have to pay land-value sold out"
Href = "http://www.hongxi.com/company/view.asp?ArticleID=10939"
Target = "_blank"> National Tax Administration: real estate projects did not have to pay land sold out value-added… </ a> </ li>
<li> <A title = "Tianjin new land management purposes of the March"
Href = "http://www.hongxi.com/company/view.asp?ArticleID=10938"
Target = "_blank"> Tianjin new land management purposes of the March </ a> </ li>
<li> <A title = "Fuzhou construction projects to be completed 62 days of approval"
Href = "http://www.hongxi.com/company/view.asp?ArticleID=10670"
Target = "_blank"> Fuzhou construction projects to be approved within 62 days after </ a> </ li>
<li> <A title = "Jiangsu: Department of Homeland Nanjing listed 07 of the first land transfer notice"
Href = "http://www.hongxi.com/company/view.asp?ArticleID=10669"
Target = "_blank"> Jiangsu: Department of Homeland Nanjing listed 07 of the first land to… </ a> </ li>
<li> <A title = "" Nanjing land reserve approach "from February 1 will be implemented"
Href = "http://www.hongxi.com/company/view.asp?ArticleID=10509"
Target = "_blank"> "Nanjing land reserve approach" from February 1 will be implemented </ a> </ li>
</ Ul> </ td>
</ Tr>
<tr>
<Td
Style = "PADDING-RIGHT: 6px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 3px"
Valign = "center" align = "right" bgcolor = "# f2f2f2" colspan = "2"> <a
Href = "http://www.hongxi.com/company/list.asp?ClassID=30"> More business services → </ a> </ td>
</ Tr>
</ Tbody>
</ Table>
<! - End business services ->
<! - Show Info begin ->
<Table class = "boxbold" style = "DISPLAY: none; BORDER-TOP-STYLE: none"
Height = "136" cellspacing = "0" cellpadding = "0" width = "100%" border = "0">
<tbody>
<tr>
<Td class = "line03 line05"
Style = "PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
Valign = "center" align = "middle" width = "165"> <img class = "img02" alt = ""
Src = "Hongxi Taiwan - leading business life # _ files / zhanhui.gif" border = "0" /> <br /> </ td>
<Td class = "line03"
Style = "PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
Valign = "top" align = "left"> <ul class="list4">
<li> <Span class = "sp01"
Style = "WIDTH: 70px; COLOR: # 000"> 2006-11-20 </ span> <a
Title = "Taiwanese living in Shanghai Exhibition"
Href = "http://www.hongxi.com/company/view.asp?ArticleID=9104"
Target = "_blank"> Taiwanese living in Shanghai Exhibition </ a> </ li>
<li> <Span class = "sp01"
Style = "WIDTH: 70px; COLOR: # 000"> 2006-11-07 </ span> <a
Title = "2008 Third shipbuilding industry peak Jiangsu International Seminar"
Href = "http://www.hongxi.com/company/view.asp?ArticleID=9103"
Target = "_blank"> 2008 third Jiangsu international shipping… </ a> </ li>
<li> <Span class = "sp01"
Style = "WIDTH: 70px; COLOR: # 000"> 2006-11-07 </ span> <a
Title = "Third South China International Exhibition fire products and technology exchange"
Href = "http://www.hongxi.com/company/view.asp?ArticleID=9102"
Target = "_blank"> third fire in South China International Fair… </ a> </ li>
<li> <Span class = "sp01"
Style = "WIDTH: 70px; COLOR: # 000"> 2006-11-07 </ span> <a
Title = "2007 Paris International Auto Parts Exhibition equipment and technology"
Href = "http://www.hongxi.com/company/view.asp?ArticleID=9101"
Target = "_blank"> 2007 Paris International Auto zero Department… </ a> </ li>
<li> <Span class = "sp01"
Style = "WIDTH: 70px; COLOR: # 000"> 2006-11-07 </ span> <a
Title = "2007 Moscow International Automobile Exhibition and accessories (MIMS)"
Href = "http://www.hongxi.com/company/view.asp?ArticleID=9100"
Target = "_blank"> 2007 Moscow State… </ a> </ li>
<li> <Span class = "sp01"
Style = "WIDTH: 70px; COLOR: # 000"> 2006-11-07 </ span> <a
Title = "2007 East Ninth China International Machine Tool Exhibition Die"
Href = "http://www.hongxi.com/company/view.asp?ArticleID=9099"
Target = "_blank"> 2007 East Ninth China International Machine… </ a> </ li>
</ Ul> </ td>
</ Tr>
<tr>
<Td
Style = "PADDING-RIGHT: 6px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 3px"
Valign = "center" align = "right" bgcolor = "# f2f2f2" colspan = "2"> <a
Href = "http://www.hongxi.com/company/list.asp?ClassID=55"> More Show Info → </ a> </ td>
</ Tr>
</ Tbody>
</ Table>
<! - Show Info end ->
<! - Business Directory begin ->
<Table class = "boxbold" style = "DISPLAY: none; BORDER-TOP-STYLE: none"
Height = "136" cellspacing = "0" cellpadding = "0" width = "100%" border = "0">
<tbody>
<tr>
<Td class = "line03"
Style = "PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
Valign = "center" align = "left"> <table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td Width="14%" height="19"> <a
Onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> security protection </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> environmental protection </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> Food & Beverage </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> packaging, paper </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> houseware </ a> </ td>
<td Width="14%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> communications products </ a> </ td>
</ Tr>
<tr>
<td Colspan="2" height="19"> <a
Onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> office culture and spectrometer </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> appliances </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> toys </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> computer software </ a> </ td>
<td Width="14%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> real estate construction materials </ a> </ td>
</ Tr>
<tr>
<td Width="14%" height="19"> <a
Onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> Metallurgy and Minerals </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> electronic electrician </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> transport </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> health care </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> textile and leather </ a> </ td>
<td Width="14%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> Gift Crafts </ a> </ td>
</ Tr>
<tr>
<td Colspan="2" height="19"> <a
Onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> print media to disseminate </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> Dress </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> energy </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> sports </ a> </ td>
<td Width="14%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> agricultural </ a> </ td>
</ Tr>
<tr>
<td Colspan="2" height="19"> <a
Onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> machinery and industrial products </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> business services </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> Chemical </ a> </ td>
<td Width="15%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> Automobile and accessories </ a> </ td>
<td Width="14%"> <a onclick = "ShowSearchUserInfor ();"
Href = "javascript: void (0)"> other </ a> </ td>
</ Tr>
</ Tbody>
</ Table> </ td>
</ Tr>
<tr>
<Td
Style = "PADDING-RIGHT: 6px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 3px"
Valign = "center" align = "right" bgcolor = "# f2f2f2"> <a
Href = "http://www.hongxi.com/biz/SearchUserInfor.asp"> More enterprises roster → </ a> </ td>
</ Tr>
</ Tbody>
</ Table>
<! - Business Directory end ->
</ Div>
<SCRIPT Languague="javascript">
Function ShowClass (strDiv, intTable)
(
Var obj, i, j, objUl, objLi, objLink, objDiv, objTable;
Obj = event.srcElement;
Obj.blur ();
ObjUl = GetParentObj (obj, "UL");
If (objUl! = Null)
(
ObjLi = objUl.childNodes;
For (i = 0; i <objLi.length; i + +)
(
ObjLink = GetChildObj (objLi [i], "A");
If (objLink! = Null)
(
If (objLink! = Obj)
(
ObjLink.className = "";
)
Else
(
ObjLink.className = "aON" / / obj = event.srcElement; click on that that will change css
)
)
)
)
ObjDiv = document.getElementById (strDiv);
If (objDiv! = Null)
(
ObjTable = objDiv.childNodes;
J = 0;
For (i = 0; i <objTable.length; i + +)
(
If (objTable [i]. TagName == "TABLE") / / under is TABLE is attribute table [i] changed none, there is only one change none
(
J + +;
If (j! = IntTable)
(
ObjTable [i]. Style.display = "none";
)
Else
(
ObjTable [i]. Style.display = "";
)
)
)
)
)
Function ShowTools1 (strDiv, intDiv)
(
Var obj, i, j, objParentDiv, objChildDiv, objDiv;
Obj = event.srcElement;
Obj.blur ();
ObjParentDiv = GetParentObj (obj, "DIV");
If (objParentDiv! = Null)
(
ObjChildDiv = objParentDiv.childNodes;
For (i = 0; i <objChildDiv.length; i + +)
(
If (objChildDiv [i]! = Obj)
(
ObjChildDiv [i]. ClassName = "tool1";
)
Else
(
ObjChildDiv [i]. ClassName = "tool2";
)
)
)
ObjDiv = document.getElementById (strDiv);
If (objDiv! = Null)
(
ObjChildDiv = objDiv.childNodes;
J = 0;
For (i = 0; i <objChildDiv.length; i + +)
(
If (objChildDiv [i]. TagName == "DIV")
(
J + +;
If (j! = IntDiv)
(
ObjChildDiv [i]. Style.display = "none";
)
Else
(
ObjChildDiv [i]. Style.display = "";
)
)
)
)
)
Function ShowTools2 (strDiv, intTable)
(
Var obj, i, j, objParentDiv, objChildDiv, objDiv, objTable;
Obj = event.srcElement;
Obj.blur ();
ObjParentDiv = GetParentObj (obj, "DIV");
If (objParentDiv! = Null)
(
ObjChildDiv = objParentDiv.childNodes;
For (i = 0; i <objChildDiv.length; i + +)
(
If (objChildDiv [i]. ClassName! = "Zu1")
(
If (objChildDiv [i]! = Obj)
(
ObjChildDiv [i]. ClassName = "zu2";
)
Else
(
ObjChildDiv [i]. ClassName = "zu3";
)
)
)
)
ObjDiv = document.getElementById (strDiv);
If (objDiv! = Null)
(
ObjTable = objDiv.childNodes;
J = 0;
For (i = 0; i <objTable.length; i + +)
(
If (objTable [i]. TagName == "TABLE")
(
J + +;
If (j! = IntTable)
(
ObjTable [i]. Style.display = "none";
)
Else
(
ObjTable [i]. Style.display = "";
)
)
)
)
)
Function GetChildObj (obj, strTagName) / / parameter called the return of labels,
(
Var i, objChild;
ObjChild = obj.childNodes;
For (i = 0; i <objChild.length; i + +)
(
If (objChild [i]. TagName == strTagName)
(
Return objChild [i];
)
)
Return null;
)
Function GetParentObj (obj, strTagName )//)// return to the parent label called parameters,
(
Var i, objParent;
ObjParent = obj.parentNode;
While (objParent.tagName! = StrTagName & objParent! = Null)
(
ObjParent = objParent.parentNode;
)
Return objParent;
)

</ SCRIPT>
</ Body>
</ Html>

-------------------------------------------------- ------------------------------------------

<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=gb2312" />
<style>
UL.NewIndexList1 (
BORDER-RIGHT: # 329a69 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: # 329a69 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: # 329a69 1px solid; Padding - TOP: 0px; BORDER-BOTTOM: # 329a69 1px solid; LIST-STYLE-TYPE: none
)
UL.NewIndexList1 LI (
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
)
UL.NewIndexList1 A (/ / imitation onmouseout
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND: url (http://www.hongxi.com/images/newyear/a_bg01.gif) no-repeat; PADDING - BOTTOM: 0px; WIDTH: 133px; COLOR: # fff; PADDING-TOP: 2px; HEIGHT: 18px; TEXT-ALIGN: left
)
UL.NewIndexList1 A: hover (/ / imitation onmouseover
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND: url (http://www.hongxi.com/images/newyear/a_bg02.gif) no-repeat; PADDING - BOTTOM: 0px; WIDTH: 133px; COLOR: # fff; PADDING-TOP: 2px; HEIGHT: 18px; TEXT-ALIGN: left
)
</ Style>
<title> Untitled document </ title>
</ Head>

<body>
<UL Class=NewIndexList1>
<LI> <= A title search service
Href = "http://www.hongxi.com/search/searchhx.asp"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang01.png"
Border = 0> search service </ A>
<LI> <A Title= enterprises href=" http://www.hongxi.com/company"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang02.png"
Border = 0> enterprises </ A>
<LI> <A Title= zone href=" http://www.hongxi.com/invest"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang03.png"
Border = 0> zone </ A>
<LI> <A Title= personal href=" http://www.hongxi.com/space"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang04.png"
Border = 0> Personal </ A>
<LI> <A Title= shops href=" http://www.hongxi.com/Shopping"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang05.png"
Border = 0> shops </ A>
<LI> <A title = Financial
Href = "http://www.hongxi.com/business/money.asp"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang06.png"
Border = 0> Financial </ A>
<LI> <A Title= restaurants href=" http://www.hongxi.com/eatery"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang07.png"
Border = 0> restaurants </ A>
<LI> <A title = tourism
Href = "http://www.hongxi.com/business/tour.asp"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang08.png"
Border = 0> Tourism </ A>
<LI> <A Title= geomancy href=" http://www.hongxi.com/business"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang09.png"
Border = 0> feng shui </ A>
<LI> <A Title= design href=" http://www.hongxi.com/conde/"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang10.png"
Border = 0> Design </ A>
<LI> <A title = Personals
Href = "http://www.hongxi.com/Town/SearchFriend.asp"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang11.png"
Border = 0> friends </ A>
<LI> <A title = blog
Href = "http://www.hongxi.com/Town/SearchBlog.asp"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang12.png"
Border = 0> blog </ A>
<LI> <A title = Album
Href = "http://www.hongxi.com/Town/SearchPhoto.asp"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang13.png"
Border = 0> Album </ A>
<LI> <A Title= Forum href=" http://www.hongxi.com/bbs"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang14.png"
Border = 0> Forum </ A>
<LI> <A title = points
Href = "http://www.hongxi.com/Star/prize.asp"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang16.png"
Border = 0> integral </ A>
<LI> <A Title= Shegouguodong href=" http://www.hongxi.com/Star"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang15.png"
Border = 0> community activities </ A>
<LI> <A title = Member Activities
Href = "http://www.hongxi.com/Town/SearchActivity.asp"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang21.png"
Border = 0> Member Activities </ A>
<LI> <A title = Enterprise Management
Href = "http://www.hongxi.com/Office/OA.asp"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang17.png"
Border = 0> Enterprise Management </ A>
<LI> <A title = IM
Href = "http://www.hongxi.com/Office/Message.asp"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang18.png"
Border = 0> IM </ A>
<LI> <A title = RSS reader
Href = "http://www.hongxi.com/rss/rss.asp"> <IMG class = img_new1
Src = "http://www.hongxi.com/images/bg_daohang19.png"
Border = 0> RSS reader </ A>
<LI> <A title = Help
Href = "http://www.hongxi.com/Help/Service_help.asp"> <IMG
Class = img_new1 src = "http://www.hongxi.com/images/bg_daohang20.png"
Border = 0> help </ A> </ LI> </ UL>
</ Body>
</ Html>

-------------------------------------------------- --------------

Var intValue = 0;
Var intTitle = "";

//************************************************ *********
/ / SR / Traditional conversion module
/ / S through Simplified and Traditional t Font corresponding HTML conversion
/ / Modules start
//************************************************ *********
Document.write ( "<script language='javascript' src='\/Script\/language.js'> <\ / script>");

Function String.prototype.s2t () / / string will be a way to increase again to optimize language.js
(
Var k ='';
For (var i = 0; i <this.length; i + +) = k + (s.indexOf (this.charAt (i ))==- 1)? This.charAt (i): t.charAt (s.indexOf ( this.charAt (i)))
Return k;
)
Function String.prototype.t2s ()
(
Var k ='';
For (var i = 0; i <this.length; i + +) = k + (t.indexOf (this.charAt (i ))==- 1)? This.charAt (i): s.charAt (t.indexOf ( this.charAt (i)))
Return k;
)
Function s2t ()
(
If (document.readyState! = "Complete")
(
SetTimeout ( "s2t ();", 200);
Return false;
)
If (intValue == 0)
(
StranBody ();
If (document.getElementById ( 'gb2big')! = Null)
(
Document.getElementById ( 'gb2big'). Src = '/ images / gb.gif';
Document.getElementById ( 'gb2big'). Alt = 'switch to simplified';
)
If (document.getElementById ( 'gb2big2')! = Null)
(
Document.getElementById ( 'gb2big2'). Src = '/ images / gb.gif';
Document.getElementById ( 'gb2big2'). Alt = 'switch to simplified';
)
IntValue = 1;
)
Else
(
StranBody ();
If (document.getElementById ( 'gb2big')! = Null)
(
Document.getElementById ( 'gb2big'). Src = '/ images/big5.gif';
Document.getElementById ( 'gb2big'). Alt = 'conversion to the traditional';
)
If (document.getElementById ( 'gb2big2')! = Null)
(
Document.getElementById ( 'gb2big2'). Src = '/ images/big5.gif';
Document.getElementById ( 'gb2big2'). Alt = 'conversion to the traditional';
)
IntValue = 0;
)
)
//************************************************ *********
/ / SR / Traditional conversion module
/ / End module
//************************************************ *********

//************************************************ *********
/ / Transform dynamic style sheet module
/ / LINK switch by the SRC dynamic style sheet document switch
//************************************************ *********
Function setActiveStyleSheet (title) (
Var obj = document.getElementsByTagName (the "link") [0];
If (obj! = Null)
(
Document.body.style.filter = "blendtrans (duration = 3)";
Document.body.filters [0]. Apply ();
Obj.href = "css /" + + title. "Css";
If (title == "style03")
(
Document.getElementById ( "top01"). Style.display = 'none';
Document.getElementById ( "top02"). Style.display ='';
CreateCookie ( "hongxistyle_index" title, 365);
)
Else
(
Try
(
Document.getElementById ( "top01"). Style.display ='';
Document.getElementById ( "top02"). Style.display = 'none';
)
Catch (e)
(
)
CreateCookie ( "hongxistyle" title, 365);
CreateCookie ( "hongxistyle_index", "", 365);
)
Document.body.filters [0]. Play ();
)
)
Function setActiveStyleSheetChild (title) (/ / terminal services available to exchange, but can be better to js, available on the number of pages available for the Forum (dvbbs)
Var obj = document.getElementsByTagName (the "link") [0];
If (obj! = Null)
(
Document.body.style.filter = "blendtrans (duration = 3 )";// conversion methods
Document.body.filters [0]. Apply ();
Obj.href ="../ css / "+ + title." Css "/ / css straight road
If (title == "style03") / / 03 in particular, style01, general style02
(
Document.getElementById ( "top01"). Style.display = 'none';
Document.getElementById ( "top02"). Style.display ='';
CreateCookie ( "hongxistyle_index" title, 365) / / set up cookies for the next page, cookies is a good thing, customers can create services-visit services can be created by end-client visit. With <input type = text> every interaction with the server.
)
Else
(
Try
(
Document.getElementById ( "top01"). Style.display ='';
Document.getElementById ( "top02"). Style.display = 'none';
)
Catch (e)
(
)
CreateCookie ( "hongxistyle" title, 365);
CreateCookie ( "hongxistyle_index", "", 365);
)
Document.body.filters [0]. Play ();
)
)
//************************************************ *********
/ / Create Cookie
/ / Record user's selection of a style sheet variables
//************************************************ *********
Function createCookie (nm, val, y) (/ / create cookies,
Var exp = "";
If (y) (
Var dt = new Date ();
Dt.setTime (dt.getTime () + (y * 86400000));
Exp = "; expires =" + dt.toGMTString ();
)
Document.cookie +"="+ escape nm = (val) + exp + "; path = /";
)
Function readCookie (nm) (/ / client can allow cookies to change style, but is now used asp, cookies [nmVal] the way in the service ended output different css
Var m = "";
If (window.RegExp) (
Var re = new RegExp ( "\ \ s *" + nm +"=([^;]*)"," i ");
M = re.exec (';'+ document.cookie);
)
Return (m? Unescape (m [1 ]):"");
)
//************************************************ *********
/ / Transform dynamic style sheet module
/ / End module
//************************************************ *********
</ Script>
</ Head>

Flex integrity embedded in the HTML pages

Sometimes we need to Flex HTML code embedded in the application, in accordance with the requirements of different embedded HTML has the following two methods: 1, Flex Text components (Label, Text, TextArea) htmlText attribute some of the basic support of HTML code, for example:...

Encryption and decryption code on the protection website

Text code protection is a matter of a big headache, with the deepening of understanding protection methods more, which means more loopholes. Below talk about my experience, a better way to welcome the exchange QQ: 17789897. [- The transfer of the original code met...

Css Tutorial - box model

9 lesson: box model In the CSS box model (box model) used to describe a form of HTML elements rectangular box. Box model also involves adjusting for various elements from the outside (margin), frame (border), the margin (padding) and content of the concrete operati...

Unarmed easily stored pages of Swf animation

Flash Flash times, brought to our website a great revolution, various brilliant animation has a very strong impact of video effects. Sometimes we want a very animated saved, their slowly appreciate, but we found, and can not be like the preservation of the same picture by clickin...

CSS pseudo-element High handbook

Pseudo-element (pseudo elements) with the pseudo-sucking choice at the same category, use selector: pseudoelement (property: value;) form. There are four-sucking. First words and first trip The first first-letter pseudo-word applied to the elements of ...

CSS and DIV Web Page Design

Categories

Tags Cloud

Links

Popular Articles

Style conversion, tabControl, navigation, and css li