打开注册页面的脚本
favico
  • 首页
  • 网站案例
  • SEO优化
  • 技术文档
  • 行业动态
  • 关于我们

手机网站之树形菜单高级设置——树形菜单的美化

发布时间:2018-10-30 13:37:54     作者:

创建树形菜单基本操作详见:“手机网站之树形菜单设置”。在穿件树形菜单后,若觉得树形菜单放在网页上可能太丑不合适,需要优化美观。则可通过下面操作优化树形菜单的展示。

具体操作步骤如下:

1,将鼠标移至树形菜单上,树形菜单组件顶部会出现设置快捷栏,点击 “栏目树”,弹出设置页面。如图所示:



点击 “一级栏目样式”,会出现右侧红色框中的设置项。

可以设置一级菜单的高度、宽度、正常样式、点击后、鼠标移上去时的样式以及默认的图片。



如果树形菜单不需要前缀图标,点击【取消】按钮即可。如果需要更换图标,点击【选择】按钮 上传目标图片即可。

如果需要去掉菜单前面的那根连接虚线,去掉  “显示节点线条” 即可。如果需要,勾选就可以了。

其余的设置跟PC中差不多,如果以前没操作过,建议点击技术文档中的基本属性进行操作。

如果栏目有二级栏目,操作与一级栏目雷同。故不赘述。

设置完以后,菜单效果如下:



操作虽然很简单,但操作过程中还是要细心哦,比如:树形菜单的背景色是在菜单中设置的,不是在栏目中设置的。如果第一次不是很熟练,多操作几次就可以了。


img控制