广东快3>WIKI库>学习产品设计>axure导航鼠标悬停效果

axure导航鼠标悬停效果



淘宝广东快3导航鼠标悬停效果


广东快3这节课制作淘宝广东快3导航鼠标悬停效果,当鼠标滑动的时候,如鼠标滑到“天猫”,白色的底图变为灰色的。当滑到“阿里旅行”时,由黑色的字体变为红色的字体颜色,底图也相应的改了。


effect1.png


广东快3打开Axure软件,导入图片,元件,鼠标右键导入图片,找到之前裁剪好的素材,打开。点击“是”,调整一下位置。拖拽矩形,输入“超市”,调整大小。调整字体颜色、大小、样式,去掉边框。我们点击字体以后,选择“鼠标悬停时”,为了能找到鼠标悬停时替换的背景颜色,先导入一个已经接好的图片。导入已截取好的图片,选择超市,鼠标悬停时,填充颜色,吸取刚才截入的图片底图的颜色,确定。那么悬停效果就已经做出来了,当经过的时候,它的颜色发生了改变,由原来的白色变为了灰色。下面复制,文字改为“头条”。


effect2.png


广东快3继续拖拽,做后面的“阿里旅行”,字体颜色和字号进行相应的调整。点击以后,点击鼠标悬停时,它的字体颜色也发生了改变。效果:当鼠标经过的时候,它的字体颜色发生了改变,同时它的背景也发生了变化。


广东快3继续复制,“电器城”、“淘抢购”、“司法拍卖”等,同样的道理,调整一下位置。


广东快3效果就已经制作完成了。



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

分享到:

目录