Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

怎么没有代码功能

[复制链接]
dz888 发表于 2009-2-10 10:38:02 | 显示全部楼层 |阅读模式
dz论坛都有此功能   怎么ss就没有   连一个代码功能都没有     如果发布一些代码     长长一串

<!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>仿淘宝首页商品分类列表效果</title>
<style type="text/css">
<!--
body {
font-size: 12px;
}
#shone1,#shtwo1 {
text-align: center;
padding: 9px;
}
.huixuxian {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCCCCC;
}
.huixuxian ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.huixuxian li {
padding-top: 2px;
padding-bottom: 2px;
margin-top: 2px;
margin-bottom: 2px;
background-color: #F3F3F3;
}
.huixuxian li.hover {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #FF0000;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 2px;
margin-bottom: 2px;
border-top-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #FF0000;
border-left-color: #FF0000;
background-color: #FFFFFF;
}
#apDiv1,#apDiv4 {
position:absolute;
z-index:3;
visibility: hidden;
}
#apDiv3,#apDiv6 {
position:absolute;
z-index:2;
border: 2px solid #FF0000;
visibility: hidden;
background-color: #FFFFFF;
margin-top: 2px;
margin-left: 0px;
}
-->
</style>
<script type="text/javascript">
<!--
function setOver(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
menu.className=i==cursel?"hover":"";
}
}
function setOut(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
menu.className=i==cursel?"":"hover";
}
}
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body>
<table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="64" class="huixuxian">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="7%">
<div id="apDiv1">
<ul>
<li id="shone1" onmouseover="setOver('shone',1,1);MM_showHideLayers('apDiv1','','show','apDiv2','','hide','apDiv3','','show','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')" onmouseout="setOut('shone',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')"><br />
数<br />码<br /><br /></li>
</ul>
</div>
<ul>
<li id="shone1" onmouseover="setOver('shone',1,1);MM_showHideLayers('apDiv1','','show','apDiv2','','hide','apDiv3','','show','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')" onmouseout="setOut('shone',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')"><br />
数<br />码<br /><br /></li>
</ul>
</td>
<td width="93%" valign="top">
<div id="apDiv3" onmouseover="setOver('shone',1,1);MM_showHideLayers('apDiv1','','show','apDiv2','','hide','apDiv3','','show','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')" onmouseout="setOut('shone',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')">
<table width="674" border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="651">sss新浪基金为全球用户24小时提供全面及时的基金中文资讯,内容涵盖基金行业动态、基金 净值、基金排名、基金数据、基金评级、基金知识、基金论坛、基金超市和基金联盟等</td>
</tr>
<tr>
<td>拥有丰富的新闻资讯及评论,详实的数据资料,专业的评级系统,活跃的基金经理沙龙, 火爆的论坛和博客,为您提供最优质的服务平台,是您贴心的理财参谋</td>
</tr>
<tr>
<td width="651">新浪基金为全球用户24小时提供全面及时的基金中文资讯,内容涵盖基金行业动态、基金 净值、基金排名、基金数据、基金评级、基金知识、基金论坛、基金超市和基金联盟等</td>
</tr>
<tr>
<td>拥有丰富的新闻资讯及评论,详实的数据资料,专业的评级系统,活跃的基金经理沙龙, 火爆的论坛和博客,为您提供最优质的服务平台,是您贴心的理财参谋</td>
</tr>
</table>
</div>
<div id="apDiv2">
<table width="674" border="0" cellspacing="0" cellpadding="3" onmouseover="setOver('shone',1,1);MM_showHideLayers('apDiv1','','show','apDiv2','','hide','apDiv3','','show','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')" onmouseout="setOut('shone',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')">
<tr>
<td width="651">新浪基金为全球用户24小时提供全面及时的基金中文资讯,内容涵盖基金行业动态、基金 净值、基金排名、基金数据、基金评级、基金知识、基金论坛、基金超市和基金联盟等</td>
</tr>
<tr>
<td>拥有丰富的新闻资讯及评论,详实的数据资料,专业的评级系统,活跃的基金经理沙龙, 火爆的论坛和博客,为您提供最优质的服务平台,是您贴心的理财参谋</td>
</tr>
</table>
</div>
</td>
</tr>
</table>  </td>
</tr>
<tr>
<td class="huixuxian">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="7%">
<div id="apDiv4">
<ul>
<li id="shtwo1" onmouseover="setOver('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','show','apDiv5','','hide','apDiv6','','show')" onmouseout="setOut('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')"><br />
服<br />装<br /><br /></li>
</ul>
</div>
<ul>
<li id="shtwo1" onmouseover="setOver('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','show','apDiv5','','hide','apDiv6','','show')" onmouseout="setOut('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')"><br />
服<br />装<br /><br /></li>
</ul>
</td>
<td width="93%" valign="top">
<div id="apDiv6" onmouseover="setOver('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','show','apDiv5','','hide','apDiv6','','show')" onmouseout="setOut('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')">
<table width="674" border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="651">太平洋女性网服饰频道提供海量时尚服饰资讯,服装新品上市一手资料,教你各类服装搭配的方案,打造属于你自己的魔鬼身材,完美身材</td>
</tr>
<tr>
<td>服装品牌,服装品牌排行榜,服装品牌大全,服装品牌排行榜__买服装先上品牌世家网. ... 戴菲菲为代言安踏女子时尚系列服装拍摄写真精美图</td>
</tr>
<tr>
<td width="651">太平洋女性网服饰频道提供海量时尚服饰资讯,服装新品上市一手资料,教你各类服装搭配的方案,打造属于你自己的魔鬼身材,完美身材</td>
</tr>
<tr>
<td>服装品牌,服装品牌排行榜,服装品牌大全,服装品牌排行榜__买服装先上品牌世家网. ... 戴菲菲为代言安踏女子时尚系列服装拍摄写真精美图</td>
</tr>
<tr>
<td width="651">太平洋女性网服饰频道提供海量时尚服饰资讯,服装新品上市一手资料,教你各类服装搭配的方案,打造属于你自己的魔鬼身材,完美身材</td>
</tr>
</table>
</div>
<div id="apDiv5">
<table width="674" border="0" cellspacing="0" cellpadding="3" onmouseover="setOver('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','show','apDiv5','','hide','apDiv6','','show')" onmouseout="setOut('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')">
<tr>
<td width="651">太平洋女性网服饰频道提供海量时尚服饰资讯,服装新品上市一手资料,教你各类服装搭配的方案,打造属于你自己的魔鬼身材,完美身材</td>
</tr>
<tr>
<td>服装品牌,服装品牌排行榜,服装品牌大全,服装品牌排行榜__买服装先上品牌世家网. ... 戴菲菲为代言安踏女子时尚系列服装拍摄写真精美图</td>
</tr>
</table>
</div>    </td>
</tr>
</table>  </td>
</tr>
</table>
</body>
</html>
 楼主| dz888 发表于 2009-2-10 10:38:35 | 显示全部楼层
希望能够
像此
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>仿淘宝首页商品分类列表效果</title>
  6. <style type="text/css">
  7. <!--
  8. body {
  9. font-size: 12px;
  10. }
  11. #shone1,#shtwo1 {
  12. text-align: center;
  13. padding: 9px;
  14. }
  15. .huixuxian {
  16. border-bottom-width: 1px;
  17. border-bottom-style: dashed;
  18. border-bottom-color: #CCCCCC;
  19. }
  20. .huixuxian ul {
  21. margin: 0px;
  22. padding: 0px;
  23. list-style-type: none;
  24. }
  25. .huixuxian li {
  26. padding-top: 2px;
  27. padding-bottom: 2px;
  28. margin-top: 2px;
  29. margin-bottom: 2px;
  30. background-color: #F3F3F3;
  31. }
  32. .huixuxian li.hover {
  33. border-bottom-width: 2px;
  34. border-bottom-style: solid;
  35. border-bottom-color: #FF0000;
  36. padding-top: 2px;
  37. padding-bottom: 2px;
  38. margin-top: 2px;
  39. margin-bottom: 2px;
  40. border-top-width: 2px;
  41. border-left-width: 2px;
  42. border-top-style: solid;
  43. border-left-style: solid;
  44. border-top-color: #FF0000;
  45. border-left-color: #FF0000;
  46. background-color: #FFFFFF;
  47. }
  48. #apDiv1,#apDiv4 {
  49. position:absolute;
  50. z-index:3;
  51. visibility: hidden;
  52. }
  53. #apDiv3,#apDiv6 {
  54. position:absolute;
  55. z-index:2;
  56. border: 2px solid #FF0000;
  57. visibility: hidden;
  58. background-color: #FFFFFF;
  59. margin-top: 2px;
  60. margin-left: 0px;
  61. }
  62. -->
  63. </style>
  64. <script type="text/javascript">
  65. <!--
  66. function setOver(name,cursel,n){
  67. for(i=1;i<=n;i++){
  68. var menu=document.getElementById(name+i);
  69. menu.className=i==cursel?"hover":"";
  70. }
  71. }
  72. function setOut(name,cursel,n){
  73. for(i=1;i<=n;i++){
  74. var menu=document.getElementById(name+i);
  75. menu.className=i==cursel?"":"hover";
  76. }
  77. }
  78. function MM_showHideLayers() { //v9.0
  79. var i,p,v,obj,args=MM_showHideLayers.arguments;
  80. for (i=0; i<(args.length-2); i+=3)
  81. with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
  82. if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
  83. obj.visibility=v; }
  84. }
  85. //-->
  86. </script>
  87. </head>
  88. <body>
  89. <table width="700" border="0" cellspacing="0" cellpadding="0">
  90. <tr>
  91. <td width="64" class="huixuxian">
  92. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  93. <tr>
  94. <td width="7%">
  95. <div id="apDiv1">
  96. <ul>
  97. <li id="shone1" onmouseover="setOver('shone',1,1);MM_showHideLayers('apDiv1','','show','apDiv2','','hide','apDiv3','','show','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')" onmouseout="setOut('shone',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')"><br />
  98. 数<br />码<br /><br /></li>
  99. </ul>
  100. </div>
  101. <ul>
  102. <li id="shone1" onmouseover="setOver('shone',1,1);MM_showHideLayers('apDiv1','','show','apDiv2','','hide','apDiv3','','show','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')" onmouseout="setOut('shone',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')"><br />
  103. 数<br />码<br /><br /></li>
  104. </ul>
  105. </td>
  106. <td width="93%" valign="top">
  107. <div id="apDiv3" onmouseover="setOver('shone',1,1);MM_showHideLayers('apDiv1','','show','apDiv2','','hide','apDiv3','','show','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')" onmouseout="setOut('shone',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')">
  108. <table width="674" border="0" cellspacing="0" cellpadding="3">
  109. <tr>
  110. <td width="651">sss新浪基金为全球用户24小时提供全面及时的基金中文资讯,内容涵盖基金行业动态、基金 净值、基金排名、基金数据、基金评级、基金知识、基金论坛、基金超市和基金联盟等</td>
  111. </tr>
  112. <tr>
  113. <td>拥有丰富的新闻资讯及评论,详实的数据资料,专业的评级系统,活跃的基金经理沙龙, 火爆的论坛和博客,为您提供最优质的服务平台,是您贴心的理财参谋</td>
  114. </tr>
  115. <tr>
  116. <td width="651">新浪基金为全球用户24小时提供全面及时的基金中文资讯,内容涵盖基金行业动态、基金 净值、基金排名、基金数据、基金评级、基金知识、基金论坛、基金超市和基金联盟等</td>
  117. </tr>
  118. <tr>
  119. <td>拥有丰富的新闻资讯及评论,详实的数据资料,专业的评级系统,活跃的基金经理沙龙, 火爆的论坛和博客,为您提供最优质的服务平台,是您贴心的理财参谋</td>
  120. </tr>
  121. </table>
  122. </div>
  123. <div id="apDiv2">
  124. <table width="674" border="0" cellspacing="0" cellpadding="3" onmouseover="setOver('shone',1,1);MM_showHideLayers('apDiv1','','show','apDiv2','','hide','apDiv3','','show','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')" onmouseout="setOut('shone',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')">
  125. <tr>
  126. <td width="651">新浪基金为全球用户24小时提供全面及时的基金中文资讯,内容涵盖基金行业动态、基金 净值、基金排名、基金数据、基金评级、基金知识、基金论坛、基金超市和基金联盟等</td>
  127. </tr>
  128. <tr>
  129. <td>拥有丰富的新闻资讯及评论,详实的数据资料,专业的评级系统,活跃的基金经理沙龙, 火爆的论坛和博客,为您提供最优质的服务平台,是您贴心的理财参谋</td>
  130. </tr>
  131. </table>
  132. </div>
  133. </td>
  134. </tr>
  135. </table>  </td>
  136. </tr>
  137. <tr>
  138. <td class="huixuxian">
  139. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  140. <tr>
  141. <td width="7%">
  142. <div id="apDiv4">
  143. <ul>
  144. <li id="shtwo1" onmouseover="setOver('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','show','apDiv5','','hide','apDiv6','','show')" onmouseout="setOut('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')"><br />
  145. 服<br />装<br /><br /></li>
  146. </ul>
  147. </div>
  148. <ul>
  149. <li id="shtwo1" onmouseover="setOver('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','show','apDiv5','','hide','apDiv6','','show')" onmouseout="setOut('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')"><br />
  150. 服<br />装<br /><br /></li>
  151. </ul>
  152. </td>
  153. <td width="93%" valign="top">
  154. <div id="apDiv6" onmouseover="setOver('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','show','apDiv5','','hide','apDiv6','','show')" onmouseout="setOut('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')">
  155. <table width="674" border="0" cellspacing="0" cellpadding="3">
  156. <tr>
  157. <td width="651">太平洋女性网服饰频道提供海量时尚服饰资讯,服装新品上市一手资料,教你各类服装搭配的方案,打造属于你自己的魔鬼身材,完美身材</td>
  158. </tr>
  159. <tr>
  160. <td>服装品牌,服装品牌排行榜,服装品牌大全,服装品牌排行榜__买服装先上品牌世家网. ... 戴菲菲为代言安踏女子时尚系列服装拍摄写真精美图</td>
  161. </tr>
  162. <tr>
  163. <td width="651">太平洋女性网服饰频道提供海量时尚服饰资讯,服装新品上市一手资料,教你各类服装搭配的方案,打造属于你自己的魔鬼身材,完美身材</td>
  164. </tr>
  165. <tr>
  166. <td>服装品牌,服装品牌排行榜,服装品牌大全,服装品牌排行榜__买服装先上品牌世家网. ... 戴菲菲为代言安踏女子时尚系列服装拍摄写真精美图</td>
  167. </tr>
  168. <tr>
  169. <td width="651">太平洋女性网服饰频道提供海量时尚服饰资讯,服装新品上市一手资料,教你各类服装搭配的方案,打造属于你自己的魔鬼身材,完美身材</td>
  170. </tr>
  171. </table>
  172. </div>
  173. <div id="apDiv5">
  174. <table width="674" border="0" cellspacing="0" cellpadding="3" onmouseover="setOver('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','show','apDiv5','','hide','apDiv6','','show')" onmouseout="setOut('shtwo',1,1);MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv4','','hide','apDiv5','','show','apDiv6','','hide')">
  175. <tr>
  176. <td width="651">太平洋女性网服饰频道提供海量时尚服饰资讯,服装新品上市一手资料,教你各类服装搭配的方案,打造属于你自己的魔鬼身材,完美身材</td>
  177. </tr>
  178. <tr>
  179. <td>服装品牌,服装品牌排行榜,服装品牌大全,服装品牌排行榜__买服装先上品牌世家网. ... 戴菲菲为代言安踏女子时尚系列服装拍摄写真精美图</td>
  180. </tr>
  181. </table>
  182. </div>    </td>
  183. </tr>
  184. </table>  </td>
  185. </tr>
  186. </table>
  187. </body>
  188. </html>
复制代码
回复

使用道具 举报

 楼主| dz888 发表于 2009-2-10 10:39:19 | 显示全部楼层
人家好复制     才不会错
回复

使用道具 举报

 楼主| dz888 发表于 2009-2-10 10:39:41 | 显示全部楼层
还希望可以缩放
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-15 14:36 , Processed in 0.024432 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表