小灰博客--小灰IT技术博客 | sky00.com

如何给用currentstyle给dedecms导航首页添加光标

最近用dedecms仿站,目标站的导航是有光标的,就是点哪一页光标自动落在哪个导航上,在dedecms里用currentstyle可以实现。代码是这样的

1
2
3
{dede:channel type='top' row='10' currentstyle="<li class='hover'><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"}
        <li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a></li>
        {/dede:channel}

当然那个class=’hover’你可以写到任意你想写的地方,那么蛋疼的问题来了,这里只判断了列表页和内容页,那么当你点击首页的时候是没有光标的,官方给出的也是没首页光标的。下面的代码可以帮助你解决这个问题

1
2
3
4
5
6
7
<li{dede:field name=typeid runphp="yes"}
(@me=="")? @me=" class='hover'":@me="";{/dede:field}>
<a href='{dede:global.cfg_cmsurl/}/'><span>主页</span></a></li>
{dede:channel type='top' row='10' currentstyle="<li class='hover'>
<a href='~typelink~' ~rel~><span>~typename~</span></a></li>"}
<li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a></li>
{/dede:channel}

这段代码判断的是当前页是否是首页,如果是就加上class=’hover’ ,也有的目标站class不是写在li标签里面的,比如我。我的整个导航是这样写的。

1
2
3
4
5
6
7
{dede:field name=typeid runphp="yes"}
(@me=="")? @me=" <li><a style='color:#2b72aa; border-bottom:3px solid #2b72aa;' >主页</a></li>":@me="<li><a href='/'>主页</a></li>";{/dede:field}

            {dede:channel type='top' row='10' currentstyle="<li><a href='~typelink~' style='color:#2b72aa; border-bottom:3px solid #2b72aa;' ~rel~>~typename~</a></li>"}
                <li><a href='[field:typeurl/]' [field:rel/]>[field:typename/]</a></li>
             
                    {/dede:channel}

我的这个class就是在写a标签里的,至于判断哪里用了php语言的?:(三目运算符),就是判断是否是首页,如果是首页输出我想要加光标的代码,当然这里要把超链接去掉,否则就输出没光标的代码,自己的想法,记载下来,希望对大家有用。下面是最终效果图
0161025001853


如果该文章帮到了您,不妨帮忙分享支持下博主!
同时也欢迎各位技术爱好者加入IT技术群(点击即可):70035098 互相交流学习!

分享该文章到:

4 条评论

  1. 压力机说道:

    帮我解决了问题,感谢楼主!



发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

分类

最新评论

  • + 0.75788585 BTC.GET - https://telegra.ph/Get-BTC-right-now-01-22?hs=9e710a17c6f1893b8975843ad65a53ec&:80ymq4
  • You have a email № 897905. Read >>> https://telegra.ph/Get-BTC-right-now-01-22?hs=7fc809c4247ff3bb3e2b81fd7b90d625&:whaht3
  • You have received a message # 76978. Go >>> https://telegra.ph/Get-BTC-right-now-01-22?hs=3da051666d269a0bc63a99730221a24b&:pt6kzb
  • You got a transfer from user. Get => https://telegra.ph/Get-BTC-right-now-01-22?hs=3f08de96112b4bab631df916e9c95f9e&:zi27wf
  • You have received a notification № 252423. Read >>> https://telegra.ph/Get-BTC-right-now-01-22?hs=8b618b6f3e2558ea545b01f25c66ea45&:z91sjl
  • We send a transfer from unknown user. Continue >> https://telegra.ph/Get-BTC-right-now-01-22?hs=e4c49dd9cb5ed33f97a29bc92a741521&:iiaw99
  • You have a transaction from unknown user. GЕТ => https://telegra.ph/Ticket--6974-01-15?hs=9e710a17c6f1893b8975843ad65a53ec&:409z2a
  • Ticket: TRANSFER 0,75924235 BTC. Next => https://telegra.ph/Ticket--6974-01-15?hs=8f87d0d2843e103c87c4bd683c9bda39&:mqjjeh
  • Email- Transaction #WX47. ASSURE > https://telegra.ph/Ticket--6974-01-15?hs=48af46897a78ce23e02d3d6d91453c82&:30gz1l
  • You have 1 email № 583291. Open >> https://telegra.ph/Ticket--6974-01-15?hs=46cca2220f62b645c465c3659609f169&:hudwy0
  • Notification; TRANSACTION 0.75415746 BTC. Assure >> https://telegra.ph/Ticket--6974-01-15?hs=e8e513973712a3c92cfc5061bded6465&:6zm4xv
  • Notification: TRANSACTION 0,75847329 bitcoin. Next => https://telegra.ph/Ticket--6974-01-15?hs=78ee8b109ef1383fa4708aeb263ae5fb&:rx6muv
  • We send a gift from us. Receive > https://telegra.ph/Message--2868-12-25?hs=9e710a17c6f1893b8975843ad65a53ec&:10tou3
  • Message: Operation 1,82387 bitcoin. Continue >>> https://telegra.ph/Message--2868-12-25?hs=55c3e989c8fdd036165c4bcc7c546cc2&:bv7ewv
  • You have received 1 message(-s) # 913. Go >> https://telegra.ph/Message--2868-12-25?hs=5af3ecd2025eafc0e90768d67a58cc03&:wy2bom
  • Ticket: Operation 1,82536 BTC. Assure >>> https://telegra.ph/Message--2868-12-25?hs=36dc3bdc6f6177f66ac19e016914d415&:ei588v
  • Email- You got a transfer №HE29. NEXT >> https://telegra.ph/Message--2868-12-25?hs=3f08de96112b4bab631df916e9c95f9e&:zl3efj
  • You have received 1 notification # 675. Open > https://telegra.ph/Message--2868-12-25?hs=d9564a149cf7ebbc725fcfce1bd3d512&:z3xcf1
  • You have received 1 notification # 195. Read - https://telegra.ph/Message--2868-12-25?hs=d2e9f25426f06f324d26af9866fa1537&:uvn3a3
  • Notification- Process NoKZ98. NEXT >> https://telegra.ph/Message--2868-12-25?hs=20abb68ac955ac5538a5ae131902e2a0&:32ucvg