账号通
    

账号  

密码  

22303

查看

57

回复
主题:[分享]好看的企业分类二级伸缩菜单,喜欢的直接拿去用吧 [收藏主题] 转到:  
flash2boy 当前离线

456

主题

0

广播

0

粉丝
添加关注
级别:四年级

用户积分:655 分
登录次数:14 次
注册时间:2010/11/6
最后登录:2012/1/1
flash2boy 发表于:2011/2/20 20:12:44   | 只看该作者 查看该作者主题 楼主 
做在线知识付费 选科汛云开店
效果如下图:

点击查看原图



实现方法,

首先进入后台---标签---自定义SQL标签---企业分类

把这二个标签稍做修改如下,如果没有,可以自己新建:



企业黄页分类外



SQL语句:

select ClassName,ID,OrderID from KS_EnterPriseClass where parentid=0 order by orderid,id



循环体:

<div class="boxqyhy">

<h2>企业黄页</h2>

<ul class="menuqyhy">

[loop=30]

<li class="level1">

<a href="#">{$Field(ClassName,Text,0,...,0,)}</a>

<ul class="level2">

{SQL_企业黄页分类内({$Field(ID,GetInfoUrl,0,2)})}

</ul>

</li>

[/loop]

</ul>

</div>



企业黄页分类内



SQL语句:

select top 30 ClassName,ID,OrderID,ParentID from KS_EnterPriseClass where parentid={$Param(0)} order by orderid,id



循环体:

[loop=30]

<li>

<a href="/company/list.asp?id={$Field(ID,GetInfoUrl,0,2)}">{$Field(ClassName,Text,0,...,0,)}</a>

</li>

[/loop]



然后修改相应CSS的模板:



/* 企业黄页 */



.boxqyhy{width:204px;height:100%;margin-top:10px;height:100%;background:url(../qyhy/images/menuboxbg.gif) repeat-y left top;}

.boxqyhy ul{list-style:none;text-align:left;}

.boxqyhy h2{width:204px;margin:0 auto;height:33px;background:#FFF url(../qyhy/images/menuhead.gif) no-repeat left top;text-align:center;font-size:18px; font-weight:bold; color:#FFF;}





.menuqyhy li.level1 a{display:block;line-height:31px;height:31px;padding-left:40px; font-size:12px;color:#fff;background:url(../qyhy/images/menubg.gif) no-repeat left top;}

.menuqyhy li.level1 a.hove{background-position:left -31px;}

.menuqyhy li.level1 a.cur{background-position:left -62px;}





.menuqyhy li ul{padding-left:10px;overflow:hidden;}

.menuqyhy li ul.level2{width:180px;display:none;}

.menuqyhy li ul.level2 li{height:26px;line-height:26px;}

.menuqyhy li ul.level2 li a{display:block;height:26px;line-height:26px;background:#E7E3E7 url(../qyhy/images/t1.gif) no-repeat 30px center;padding-left:50px;color:#42556B;border-top:1px #B8C2CB solid;overflow:hidden;}

.menuqyhy li ul.level2 li a.hove1{background:#F6F6F6 url(../qyhy/images/t2.gif) no-repeat 30px center;}



/* 企业黄页 */



最后在你要使用的页面调用JS代码和加入SQL标签:



{SQL_企业黄页分类外()}



<script type="text/javascript" src="{$GetInstallDir}qyhy/js/menu.js"></script>



好了,大家喜欢的话就拿去用吧,可以自己再修改做更多的美化



相关图片和JS下载如下:

以下内容只有回复后才可以浏览,请先登录!
 
  支持(9) | 反对(10) 回到顶部顶端 回到底部底部
zhsjs 当前离线

50

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:47 分
登录次数:8 次
注册时间:2010/10/11
最后登录:2011/5/19
zhsjs 发表于:2011/2/20 20:16:42   | 只看该作者 查看该作者主题 沙发 
科汛在线网校系统

颜色感觉不够亮色啊

 
  支持(10) | 反对(9) 回到顶部顶端 回到底部底部
vsince 当前离线

126

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1516 分
登录次数:166 次
注册时间:2009/1/2
最后登录:2011/5/13
vsince 发表于:2011/2/20 22:09:34   | 只看该作者 查看该作者主题 藤椅 
以下内容只有回复后才可以浏览
 
  支持(6) | 反对(1) 回到顶部顶端 回到底部底部
xiaoyue10 当前离线

226

主题

0

广播

0

粉丝
添加关注
级别:二年级

用户积分:232 分
登录次数:5 次
注册时间:2011/2/20
最后登录:2011/4/13
xiaoyue10 发表于:2011/2/21 15:30:32   | 只看该作者 查看该作者主题 板凳 
 
  支持(1) | 反对(1) 回到顶部顶端 回到底部底部
蝎子 当前离线

149

主题

0

广播

4

粉丝
添加关注
级别:一年级

用户积分:576 分
登录次数:49 次
注册时间:2010/11/1
最后登录:2019/2/25
蝎子 发表于:2011/2/21 15:38:34   | 只看该作者 查看该作者主题 报纸 
 
<a href=http://hxxy.edu.cn:81/shangmao>厦门华厦职业学院</a><br> 商贸教学部 - 欢迎交换链接<br>
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
pollux66 当前离线

27

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:438 分
登录次数:18 次
注册时间:2008/12/29
最后登录:2011/3/11
pollux66 发表于:2011/3/10 14:06:34   | 只看该作者 查看该作者主题 地板 
科汛智能建站系统
确实不错,想看看...
 
淘宝店铺分类导航网站 - 优客网:http://www.yoke88.com
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
百益 当前离线

737

主题

0

广播

0

粉丝
添加关注
级别:六年级

用户积分:3379 分
登录次数:174 次
注册时间:2009/9/7
最后登录:2012/5/2
百益 发表于:2011/3/10 14:38:28   | 只看该作者 查看该作者主题 7楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
lishineng 当前离线

85

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:113 分
登录次数:5 次
注册时间:2011/3/7
最后登录:2012/10/18
lishineng 发表于:2011/3/10 16:35:52   | 只看该作者 查看该作者主题 8楼 
支持下 但是感觉色彩搭配不怎么的.
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
pcsjth 当前离线

20

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:26 分
登录次数:4 次
注册时间:2010/11/30
最后登录:2011/5/18
pcsjth 发表于:2011/3/10 16:48:00   | 只看该作者 查看该作者主题 9楼 
做在线知识付费 选科汛云开店
颜色需要改进一下就好了。
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
sahala520 当前离线

115

主题

0

广播

1

粉丝
添加关注
级别:一年级

用户积分:129 分
登录次数:33 次
注册时间:2011/3/5
最后登录:2012/5/8
sahala520 发表于:2011/3/11 11:52:25   | 只看该作者 查看该作者主题 10楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行3.93945秒 powered by KesionCMS 9.0