鼠标点击更换图片、文字颜色和“毛玻璃"效果

鼠标点击之后更换图片及文字颜色,以达到特殊的样式效果

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

  • 给第二张图片设置class,并设置display属性为none(不显示也不占据空间)

  • 当鼠标点击之后,设置第一张图片的display为none,同时设置第二张为可见

  • 改变字体颜色同理,如上图

 

背景的透明度及毛玻璃样式

透明度:

毛玻璃样式:

猜你喜欢

转载自www.cnblogs.com/coderzzw/p/12918538.html