鼠标点击更换图片、文字颜色和“毛玻璃"效果
鼠标点击之后更换图片及文字颜色,以达到特殊的样式效果

同时设置两张图片,第一张为默认

-
给第二张图片设置class,并设置display属性为none(不显示也不占据空间)
-
当鼠标点击之后,设置第一张图片的display为none,同时设置第二张为可见
-
改变字体颜色同理,如上图
背景的透明度及毛玻璃样式
透明度:
![]()
毛玻璃样式:
![]()
鼠标点击之后更换图片及文字颜色,以达到特殊的样式效果

同时设置两张图片,第一张为默认

给第二张图片设置class,并设置display属性为none(不显示也不占据空间)
当鼠标点击之后,设置第一张图片的display为none,同时设置第二张为可见
改变字体颜色同理,如上图
背景的透明度及毛玻璃样式
透明度:
![]()
毛玻璃样式:
![]()