用CSS实现多种多样的静态分类显示[分目录]

修改方法：

1、找到admin_nsort.asp

添加一个定义分类页面的函数，你的页面与我的未必相同，请根据自己的不同板块页面修改：

function nsort_formastUrl(v_nsort,v_cid,v_sid)
dim tmp,tmp_cid,tmp_sid
tmp=web_dim(6)&v_nsort&"/"&v_nsort&"_list.asp?"
tmp_cid="c_id="&v_cid
if v_sid>0 then tmp_sid="&s_id="&v_sid
tmp=tmp&tmp_cid&tmp_sid
select case v_nsort
case "art"
tmp=web_dim(6)&"article/article_list.asp?action=more&"&tmp_cid&tmp_sid
case "shop","photo"
tmp=web_dim(6)&v_nsort&"/"&v_nsort&"_list.asp?"&tmp_cid&tmp_sid
case "news"
tmp=web_dim(6)&v_nsort&"/"&"class/c"&v_cid&".shtml"
if v_sid>0 then tmp=web_dim(6)&v_nsort&"/"&v_nsort&"_list.asp?"&tmp_cid&tmp_sid
case "gall"
tmp=web_dim(6)&"gallery/gallery.asp?types=paste&"&tmp_cid&tmp_sid
case "flash","film"
tmp=web_dim(6)&"gallery/gallery.asp?types="&v_nsort&"&"&tmp_cid&tmp_sid
end select
nsort_formastUrl=tmp
end function


2、修改过程：joekoe_chk_js()
可以把下面代码直接覆盖原来过程

sub joekoe_chk_js()
  dim rs2,sql2,ncid,temp1,file_name,c_num
  dim temp2,file_name2,temp3,file_name3
  file_name=web_dim(6)&"style/data_sort_"&nsort&".asp"
  file_name2=web_dim(6)&"nsort/ul_sort_"&nsort&".htm"
  file_name3=web_dim(6)&"nsort/ul_sort_"&nsort&".js"
  i=0
  ncid=0
  c_num=5
  sql="select count(c_id) from jk_class where nsort='"&nsort&"'"
  set rs=joekoe_cms.exec(sql,1)
  if not rs.eof then
    c_num=int(rs(0))-1
  end if
  rs.close
  temp1=temp1&"<"&"%" & _
      vbcrlf&"redim sort_dim("&c_num&")"
  sql="select c_id,c_name from jk_class where nsort='"&nsort&"' order by c_order,c_id"
  set rs=joekoe_cms.exec(sql,1)
  do while not rs.eof
    cid=rs(0)
    cname=rs("c_name")
    temp1=temp1&vbcrlf&"sort_dim("&i&")="""&code_fso(cname,1,1)&":"&cid
    temp2=temp2&vbcrlf&"<ul>"&vbcrlf&" <li class=""c_style""><a href='"&nsort_formastUrl(nsort,cid,0)&"'>"&code_fso(cname,1,1)&"</a></li>"
    temp3=temp3&vbcrlf&"document.write (""<ul><li class=\""c_style\""><a href='"&nsort_formastUrl(nsort,cid,0)&"'>"&code_fso(cname,1,1)&"</a></li>"");"
    sql2="select s_id,s_name from jk_sort where c_id="&cid&" order by s_order,s_id"
    set rs2=joekoe_cms.exec(sql2,1)
    do while not rs2.eof
      sid=rs2(0)
      sname=rs2(1)
      temp1=temp1&"|"&code_fso(sname,1,1)&":"&sid
      temp2=temp2&vbcrlf&" <li><a href='"&nsort_formastUrl(nsort,cid,sid)&"'>"&code_fso(sname,1,1)&"</a></li>"
      temp3=temp3&vbcrlf&"document.write (""<li><a href='"&nsort_formastUrl(nsort,cid,sid)&"'>"&code_fso(sname,1,1)&"</a></li>"");"
      rs2.movenext
    loop
    rs2.close
    temp1=temp1&""""
    temp2=temp2&vbcrlf&"</ul>"
    temp3=temp3&vbcrlf&"document.write (""</ul>"");"
    rs.movenext
    i=i+1
  loop
  rs.close
  if isobject(rs2) then set rs2=nothing
  temp1=temp1&vbcrlf&"%"&">"
  
  call create_file(file_name,temp1)
  call create_file(file_name2,temp2)
  call create_file(file_name3,temp3)
  call admin_event("更新"&ntit&"分类数据："&file_name,0,0)
  call admin_msg("已成功更新了"&ntit&"分类数据："&file_name,"?nsort="&nsort,1)
end sub

3、把nsort文件夹解压出来，在需要显示分类的页面添加一个样式表：
<link type=text/css href='/nsort/nsort.css' rel=stylesheet>
也可以在你原来的样式表插入：
@import url(/nsort/sort.css);

4、在需要显示分类的地方添加代码：

例如新闻板块,我的新闻在news/目录下
asp:

<div id="classStyle1">
<!-- #include file="../nsort/ul_sort_news.htm" -->
</div>

shtml:

<div id="classStyle1">
<!-- #include file="/nsort/ul_sort_news.htm" -->
</div>

html:

<div id="classStyle1">
<script language=javascript src='/nsort/ul_sort_news.js'></script>
</div>

其中classStyle1可有classStyle1、classStyle2、classStyle3、classStyle4、classStyle5种样式
演示如：
classStyle1:
http://www.yjcity.com/iask/
classStyle2:
http://www.yjcity.com/photo/
classStyle3:
http://www.yjcity.com/news/
classStyle5:
http://www.yjcity.com/ypage/ypage_class.asp

不同的样式在sort.css中修改和添加

5、在后台样式管理中更新各个板块样式
点击下载此文件


http://www.joekoe.com/forum/view_91106_1.html

文章来自: JK
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志: