区块链、APP、公众号、小程序、物联网、智能硬件、网站开发新模式,安全,超速,可控。
所在位置:
网页切片软件教程
入门五:制作背景变换的效果,导航条背景切换的效果
      人气:

豪华版、数据库版、dedeCMS版可以生成制作背景变换的效果

我们用以下的图片做案例:

要达到的效果是,鼠标移上去的时候显示下面那个发光的部分。

第1步:切出大框

第2步:切出两边的背景和中间的横向重复背景(用ul切片):

第3步:切出导航部份用li切片(每个li的宽度和高度要一样),并输入文本,选定所有的li设置好字体大小、粗体、颜色、字体类型,做好链接:

设定好链接的颜色

第4步:点工具栏“”生成一下,并导出到网站所在目录,准备一张已经做好的切换的图片放在图片所在目录:

第5步:选择所有的li,点java动作,再选择“鼠标移动事件”,

点“添加”出现常用事件选择器,点“改变自己的背景”,选择准备好的切换图片,这时候生成的代码已经可以切换到背景了

这时候,选中所有的li,再选择 “鼠标移开事件”,添加一个清空背景

点工具栏“”生成一下,并导出到网站所在目录就可以了。

实际效果请看网站:四川省满天星照明工程有限公司

参考设计文件下载:点此下载

 

 

版权所有 © 2017 ymznkf.com. 成都玉目科技有限公司 蜀ICP备17032468号-1