交流群:462197261站长百科站长论坛热门标签收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
点击这里给我发消息
  • 当前位置:
  • 织梦dedecms 5.7 sp1模板怎么添加下拉菜单

    在织梦dedecms5.5中官方模板里设置了下拉菜单的显示,但是之后的几个版本里面下拉菜单就没有再用在模板上了。

     

    以下方法将织梦dedecms5.5的下拉菜单移植到5.7sp1中,实现栏目的下拉菜单。

     

    1,首页导航栏目可以调用为:

     

    代码示例:

    <div id=”navMenu”>

    <ul>

    <li><a href=”{dede:global.cfg_cmsurl/}/”>首页</a></li>

    {dede:channel type=’top’ row=’6′ currentstyle=”<li class=’hover’><a href=’~typelink~’ ~rel~>~typename~</a></li>”}

    <li><a href=’[field:typeurl/]‘ [field:rel/]>[field:typename/]</a></li>

    {/dede:channel}

    </ul>

    </div>

    2,id=”navMenu”这个id是必须有的,在模板中的任何位置添加代码:

     

    代码示例:

    <script type=’text/javascript’ src=’{dede:global.cfg_cmsurl/}/images/js/dropdown.js’></script>

    {dede:channelartlist typeid=’top’ cacheid=’channelsonlist’}<ul id=”dropmenu{dede:field.typeid/}”>

    {dede:channel type=’son’ noself=’yes’}  <li><a href=”[field:typelink/]“>[field:typename/]</a></li>

    {/dede:channel}

    </ul>

    {/dede:channelartlist}

    <script type=”text/javascript”>cssdropdown.startchrome(“navMenu”)</script>

    3,在css样式表中添加:

     

    代码示例:

    /*——– 下拉菜单 ————–*/

    .dropMenu {

    position:absolute;

    top: 0;

    z-index:100;

    width: 80px;

    visibility: hidden;

    margin-top: -1px;

    border: 1px solid #003366;

    border-top: 0px solid #3CA2DC; background-color:#FFFFFF;

    padding-top:6px;

    padding-bottom:6px;

    }

    .dropMenu li {

    margin-top:2px;

    margin-bottom:4px;

    padding-left:0px;

    } // www.jbxue.com

    .dropMenu a {

    width: auto;

    display: block;

    color: black;

    padding: 2px 0 2px 1.2em;

    }

    * html .dropMenu a {

    width: 100%;

    }

    .dropMenu a:hover {

    color:red;

    text-decoration: underline;

    }

    这里css样式是可以任意调整的。

     

    完成以上代码,即可在织梦dedecms5.7sp1模板中添加下拉菜单。


    广而告之:
    热门推荐:
    微信小程序 如何获取网络状态

    前言 手机连接到互联网有几种方式:Wifi、2G、3G、4G,包括很快到来的5G,每种方式的上传速度和下载速度差异很大,它们的计费方式的差异也导致用户在使用互联网服务的时候有不同的使用习惯。 Wifi相对于其他几种网络连接方式,其速度会更快。Wifi一般都是免费供用户使用,通过···

    玩转JavaScript OOP - 类的实现详解

    概述 当我们在谈论面向对象编程时,我们在谈论什么? 我们首先谈论的是一些概念:对象、类、封装、继承、多态。 对象和类是面向对象的基础,封装、继承和多态是面向对象编程的三大特性。 JavaScript提供了对象却缺乏类,它不能像C#一样能显式地定义一个类。 但是JavaScript的函···

    js判断登陆用户名及密码是否为空的简单实例

    js判断登陆用户名及密码是否为空的简单实例 <script type="text/javascript"> // 验证输入不为空的脚本代码 function checkForm(form) { if(form.username.value == "") { alert("用户名不能为空!"); form.username.focus(); return false; } if(form.password.value ==···

    html中的javascript 全选/取消全选操作示例代码

    复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="text/javascript" language="javascript"> function selectAllDels() { var allC···

    织梦增加tag属性分类及调用

     DedeCMS的TAG标签不是很灵活,有时候我们的标签需要进行一个分类,能不能像{dede:arclist}标签的自定义属性(如:flag='c,h'),这样全站调用的时候更灵活。        前面写过一篇文章《DedeCMS织梦TAG标签SEO描述功能开发》···

    sqlserver 多表查询不同数据库服务器上的表

    第一种方法: 复制代码 代码如下: /* 创建链接服务器 */ exec sp_addlinkedserver 'srv_lnk','','sqloledb','条码数据库IP地址' exec sp_addlinkedsrvlogin 'srv_lnk','false',null,'用户名','密码' go /* 查询示例 */ SELECT A.ListCode FROM srv_lnk.条码数据库名.dbo.ME_Li···

    Oracle中TO

    TO_DATE格式(以时间:2007-11-0213:45:25为例) Year: yytwodigits两位年显示值:07 yyythreedigits三位年显示值:007 yyyyfourdigits四位年显示值:2007 Month: mmnumber两位月显示值:11 monabbreviated字符集表示显示值:11月,若是英文版,显示nov monthspelledout字符集表···

    oracle用户权限、角色管理详解

    Oracle 权限设置 一、权限分类: 系统权限:系统规定用户使用数据库的权限。(系统权限是对用户而言)。 实体权限:某种权限用户对其它用户的表或视图的存取权限。(是针对表或视图而言的)。 二、系统权限管理: 1、系统权限分类: DBA: 拥有全部特权,是系统最高权限,只有DB···

    html5新增的定时器requestAnimationFrame实现进度条功能

    在requestAnimationFrame出现之前,我们一般都用setTimeout和setInterval,那么html5为什么新增一个requestAnimationFrame,他的出现是为了解决什么问题? 优势与特点: 1)requestAnimationFrame会把每一帧中的所有DOM操作集中起来,在一次重绘或回流中就完成,并且重绘或回流···

    【网站数据分析】结合用户体验制定一份完整的seo优化数据分析建

    互联网比线下的最大优势是可以跟踪用户行为,通过分析优化用户体验,创造一个领域——网站的分析,在2008年之前一直是理论方法与实践,系统,和相关产品也很丰富。除了传统线下的最终交易结果数据外,很难收集和保留之前的流程。它是一个黑盒子,为什么用户要做交易,为什么不做交易···