豪华版、数据库版、dedeCMS版可以生成制作背景变换的效果
我们用以下的图片做案例:
要达到的效果是,鼠标移上去的时候显示下面那个发光的部分。
第1步:切出大框
第2步:切出两边的背景和中间的横向重复背景(用ul切片):
第3步:切出导航部份用li切片(每个li的宽度和高度要一样),并输入文本,选定所有的li设置好字体大小、粗体、颜色、字体类型,做好链接:
设定好链接的颜色
第4步:点工具栏“”生成一下,并导出到网站所在目录,准备一张已经做好的切换的图片放在图片所在目录:
第5步:选择所有的li,点java动作,再选择“鼠标移动事件”,
点“添加”出现常用事件选择器,点“改变自己的背景”,选择准备好的切换图片,这时候生成的代码已经可以切换到背景了
这时候,选中所有的li,再选择 “鼠标移开事件”,添加一个清空背景
点工具栏“”生成一下,并导出到网站所在目录就可以了。
实际效果请看网站:四川省满天星照明工程有限公司
参考设计文件下载:点此下载