用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&"_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_list.asp?action=more&"&tmp_cid&tmp_sid
  case "ypage","iask","blog","trade","shop","photo"
   tmp=web_dim(6)&v_nsort&"/"&v_nsort&"_list.asp?"&tmp_cid&tmp_sid
  case "yp"
   tmp=web_dim(6)&"ypage/ypage_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.asp?types=paste&"&tmp_cid&tmp_sid
  case "flash","film"
   tmp=web_dim(6)&"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="style/data_sort_"&nsort&".asp"
  file_name2="nsort/ul_sort_"&nsort&".htm"
  file_name3="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、在后台样式管理中更新各个板块样式
[file=attachments/month_200610/29_215435_urjy20060516124448ns.rar]Click to Download[/file]

文章来自: Original
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 7 | 引用: 0 | 查看次数: 820
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 20 字 | UBB代码 关闭 | [img]标签 关闭