基于SiteServerCMS网页动态菜单制作的实现
摘 要:目前很多网站的主要栏目都采用了菜单形式来显示,得到了非常不错的效果。但是对于菜单后期的维护和更新,让很多网站管理员非常头痛,要重新设置菜单名或添加删除菜单项不易实现,需要掌握html、javascript等专业知识来修改网页代码才能实现,不是很简单。而网站管理员大部分都是网页制作的门外汉,要想快速地修改菜单名或添加删除菜单项则是一个比较困难的事。本文介绍基于siteservercms网页动态菜单的制作,使网站管理员在后期方便的维护和更新菜单变得轻松自如,不再是一件难事。
关键词:菜单;cms;stl
中图分类号:tp393.02
导航是网页中非常重要的一项功能,各式各样的网站都要用到导航菜单,便于用户了解整个网站的内容结构,有选择性地浏览自己所需要的内容。当网站内容比较丰富,结构比较复杂的时候,下拉菜单是网页上最常见的效果之一,用鼠标轻轻一点或是移过去,就出现一个更加详细的子菜单,它不仅节省了网页排版上的空间,而且使网页布局简洁有序。如果能够对
这样的下拉菜单动态生成,并能菜单项进行增加、修改和删除等管理,这为网页增不少。介绍通过div+css和stl语言编程相结合实现动态菜单的方法。
1 div+css制作菜单模板
设计过程是首先定义菜单的html结构,然后利用css设置样式,最络实现当鼠标经过主菜单项时相应的子菜单打开,鼠标离开时子菜单关闭的效果。
菜单的整体结构采用html文档的无序列表,通过标记和标记来实现。首标记和尾标记这间是无序列表的内容,首标记和尾标记之间是列表项的内容。
对于菜单ul和li的外层结构,首先进行常规设置,包括列表高度、背景、文字对齐方式等属性的设置。
2 通过sitesevercms建立菜单项
为了后期方便网站管理员利用sitesevercmshtml下拉菜单的制作方法内容管理系统进行菜单的管理和维护,实现菜单动态变化,我们利用sitesevercms内容管理系统的栏目组进管理主导航菜单,具体操作如下:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论