分类样式

281701600 · 发表于 2012-4-23 15:19:17

系统的分类就2种自己搞了一种分类要怎么把原来的分类都改掉

<!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">
<!--
.STYLE1 {
color: #000000;
font-family: "宋体";
}
-->
</style>
</head>
<body><style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}
.submenu{
margin-bottom: 0.5em;
}
</style>
<script type="text/javascript">
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
</script>
<div id="masterdiv">
<div class="menutitle STYLE1" onclick="SwitchMenu('sub1')">三螺杆泵</div>
<span class="submenu" id="sub1">
- <a href="#">3G三螺杆泵</a><br>
- <a href="#">3GR三螺杆泵</a><br>
- <a href="#">SN三螺杆泵</a><br>
- <a href="#">HSN三螺杆泵</a><br>
- <a href="#">QSN三螺杆泵</a><br>
- <a href="#">YSN三螺杆泵</a><br>
- <a href="#">SM三螺杆泵</a><br>
- <a href="#">SPF三螺杆泵</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">双螺杆泵</div>
<span class="submenu" id="sub2">
- <a href="#">2G双螺杆泵</a><br>
- <a href="#">2Ga双螺杆泵</a><br>
- <a href="#">2Gal双螺杆泵</a></span>
<div class="menutitle" onclick="SwitchMenu('sub3')">单螺杆泵</div>
<span class="submenu" id="sub3">
- <a href="#">G型单螺杆泵</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub4')">进口泵专区</div>
<span class="submenu" id="sub4">
- <a href="#">IMO螺杆泵</a></span>
<div class="menutitle" onclick="SwitchMenu('sub5')">螺杆泵国产化</div>
<span class="submenu" id="sub5">
- <a href="#">IMO螺杆泵</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub6')">泵配套用过滤器</div>
<span class="submenu" id="sub6">
- <a href="#">蓝氏过滤器</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub7')">服务与配件</div>
<span class="submenu" id="sub7">
- <a href="#">机械密封</a><br>
</span>
</div>
</body>

复制代码

limqiang · 发表于 2012-4-23 16:15:30

添加一个自定义HTML模块.
然后把代码放在里面,就能看到效果了.

281701600 · 发表于 2012-4-23 16:28:22

这个我知道怎么把这个分类替换现有的分类，以后添加产品就在后台添加就好了

limqiang · 发表于 2012-4-23 17:26:05

请参看:
http://bbs.sitestar.cn/viewthread.php?tid=6171&from=favorites

用这里的方法,改程序+模板,试下吧.