欢迎来到合肥浪讯网络科技有限公司官网
  咨询服务热线:400-099-8848

精彩网页菜单轻松完结

发布时间:2019-08-12 文章来源:本站  浏览次数:2232

要是能够像那些专业站点相同制造出令人心动的网页菜单当然是再好不过的了,假如你并不会这些Javascript技能也没有关系,就由WebMenuShop在短短的几分钟之内让你的主页增色不少。

WebMenuShop是一款用于快速树立网页菜单的软件,能够很轻松的制造形式多样的网页菜单,在制造过程中能够即时预览所得到的菜单内容,并且能够很方便地把菜单保存下来作为他用。并且值得一提的是,整个WebMenuShop的菜单制造流程只需四个步骤,因此很快就能够轻松搞定这一切。

第一步:选择菜单的风格

运行WebMenuShop之后,先在右边的【款式效果】标签下确认菜单的风格。这儿供给了水平菜单、竖直菜单和嵌入浏览器三种主菜单款式,并且在点击“高档选项”之后还能够针对主菜单的方位进行设定,例如咱们能够经过间隔左面和上边的间隔来定位菜单在网页中的绝对方位,也能够设定菜单保持在显现区域的固定方位,并不随着滚动条的拖动而改动方位。

针对子菜单而言,这儿能够设定子菜单选用普通、滑动或许使淡入淡出的显现方式,还有子菜单显现在主菜单上方还是下方,并且能够设置当鼠标移动到主菜单上就当即显现出子菜单,这样就无需咱们点击鼠标来激活子菜单,同时也使得你的主页更加具有人性化。

第二步:界说菜单结构和特点

在进行这一步之前需求提醒咱们一个事项:主菜单能够没有子菜单,但是子菜单下不能再有子菜单。点击【结构特点】标签之后,咱们最好先点击工具条上的“+”来增加几个子菜单,这些都能够在左面的菜单结构区域中预览到。接着选择主菜单,并在右边的特点设置窗口中分别确认菜单的标题、链接地址、方针框架等内容,并且还能够经过GIF或许是JPEG图片代替菜单标题,这样当鼠标移动到图片上之后就会有子菜单弹出。


设定好主菜单之后,咱们再逐一选取子菜单项,同样按照上述的办法设定好相关的特点,同时还能够增加一个状况阐明文本,它的作用是在浏览器下部的状况栏中给每个子菜单进行解释,以便浏览者能够清晰理解每个子菜单的功用。

在界说菜单结构的时候,假如发现子菜单的次序颠倒了,不需求从头树立一个子菜单,只需点击工具条中的上下箭头就能够调整菜单的方位次序,并且经过左右箭头还能够把当时选中的菜单变为主菜单或许是作为上级主菜单下的一个子菜单。有了这个功用的帮助,像笔者相同的大意人就再也不怕了。

第三步:界说菜单外观

点击【外观】标签来改动菜单的外观尺度、字体大小和鼠标指针等特点,还能够在每一个菜单项前面增加一个修饰符号,使得菜单看起来更加夺目。由于菜单的外观对于整个页面的影响很大,所以主张咱们每做一次修正都经过工具栏中的IE图标来预览一下,然后再有针对性的进行更改设置。

第四步:选择菜单色彩

WebMenuShop默认的色彩为Windows2000菜单色彩,假如你不喜欢的话也能够按照自己的志愿来从头设定,不过这儿就需求你有一些艺术细胞了,呵呵。

上面的操作完结之后,点击工具条中的IE图标激活浏览器预览一下,看看效果怎么样?满足之后咱们就需求把制造好的菜单增加到网页中了。这时能够按下列步骤进行:


1、把软件地点目录的workspace子目录下的menu.jse、define.js和hr.gif这3个文件仿制到网页地点目录。能够经过点击菜单中的“菜单文件->菜单文件仿制至目录...”命令或许工具栏中的相应按钮来实现这一步。

2、在网页的和之间增加以下2句:


能够经过点击菜单中的“剪贴板->仿制菜单界说代码到剪贴板”来将这两句代码仿制到剪贴板。

3、在需求菜单的当地加上一句即可。不过当你规划嵌入浏览器风格的菜单,那么你只能把写在网页的标记的后边。

OK,这样一来,你的主页就有了很COOL的菜单功用,看看是不是很有一种专业的滋味?

上一条:网页制造注意事项...

下一条:成为一个尖端规划师的第二...