dedecms中如何将栏目导航以不同形式显现?中是最终的效果。
群里有人需要dedecms给文章加热帖和最新的图标的方法,那么怎么实现的呢,脚本之家给您分享实现过程。
根据网站需要,要在最新发表的以及热门上增加“hot”、“new”小标示,
1“new”的添加方法网上可以搜索到,具体应用方法:
2“hot”添加方法,这里用了一个简单的判断语句来实现:
这里点击率设定为1000,当“click”大于1000时,添加span标签,然后用CSS将其定位到合适的地方。
方法二:
红色的日期:
红色的(new):
“hot”添加方法网:
这里点击率设定为1000,当“click”大于1000时,添加span标签,然后用CSS将其定位到合适的地方。
这个简单,织梦后台有上传文件功能,你只需要吧所有都按顺序命名,比如:banner1jpg、banner2jpg、banner3jpg等等,然后把传到指定的文件夹。
然后在后台的基本参数增加新变量,变量名为:cfg_banner,如下图
接着我们拿images文件夹为例子,模板中这样写:
<img src="/images/banner{dede:globalcfg_banner/}jpg">
这样你只需在后台修改数字1、2、3、4就可以改变相应了
织梦里有一个 [field:globalautoindex/] 作用是每次循环加1,所以你可以给li编号,例如class="on1",class="on2" 套标签时就用 class="on[field:globalautoindex/]"
好像我理解错了, 你的意思是鼠标经过class就变为on 是吗,这个就是用js代码了
不过不理解你的目的是什么?直接在css改hover不就OK了
网站上的展现方式有很多种,一般的就是在浏览器为链接多开一个窗口或标签,像访问网址一样显示出来,但是这种方式的体验较差。毕竟,当访问者每次查看的时候还需要再弹出一个窗口来显示,除了占用资源,还降低了和内容的关联度,同时提高了用户的操作次数,在一定程度上降低了用户的体验。
LightBox介绍
LightBox展示效果的出现,则改变了传统的浏览方式,极大地提高了用户的体验。LightBox的原理很简单:通过jQuery在当前页面之上弹出一个层,并遮挡(降低亮度)非弹出层的部份,然后把显示在弹出层内,这种方式的好处就是查看的时候页面不会刷新,更不会跳到另一个窗口或标签。而且还有一个体验相当棒的功能,当你点击非弹出层的部份时,脚本会关闭LightBox的弹出层,
LightBox展示效果的功能也分很多,比如有些只是简单地放大,有些提供了缩放功能,有些提供了前一张、后一张查看的功能……等等,但是基本的实现方式都是类似的。
接下来通过简单的几个步骤说明,为织梦CMS页面上的添加LightBox展示效果。
上传文件及添加代码
首先,下载LightBox插件的源代码,该份源代码包括有一个indexhtm示例页面以及相关的JS、CSS文件。把除indexhtm文件的整个lightbox目录上传至DedeCMS的默认模板(Default)目录下,再将下面所示的代码复制到默认模板(Default)目录下的article_imagehtm文件内,放在<head></head>之间:
上面这部份代码即是LightBox源代码中indexhtm文件内的一部份,只是在复制到DedeCMS模板文件的时候注意一下JS文件的调用路径。
完成这两步后,即可在DedeCMS的展示模块中实现LightBox效果,如果打算在织梦内容管理系统的文章模块或软件下载模块也实现LightBox效果,建议把上面的代码添加到headhtm文件中,这样就可以保证凡是调用了headhtm的文件都实现LightBox效果。
<div
class="ad_footerbanner"
id="ad_footerbanner2_none"><a
href="http://当地网络报警站网址"
target="_blank"><img
src="http://当地网络报警站的网址"
border="0"></a>
</div>
使用方法:代码放在底部版权区。会在所有页面最底部显示。
注意事项:各个地方网络报警站网址可能不一样,其中,第一个链接是要指向你所在的当地的网络报警网站。后面的链接,是你当地网警的标志。
试试下面的这个jquery代码,记得在代码前引入jquery,
<script>$(function(){
$("typenew li")hover(function(){
$(this)attr('class','thisnewclass')slibings()removeAttr('class');
});
});
<script>
如果不行再追问
您好,织梦云模板很高兴为您解答:
这种情况是你将这个栏目建立成封面栏目所致。请将此栏目改成最终列表栏目或者选择在子栏目下建文档。
如下图:
0条评论