淘宝店铺装修:JS特效 隐藏和显示价格的开关灯效果(改良)

时间:2014/4/18 15:15:12  作者:Mho  来源:原创  查看:89086  评论:0
内容摘要: 对于网店装修的开关灯效果,之前发布过一段代码,详情请查看《淘宝店铺装修:JS特效 隐藏和显示价格的开关灯效果》,这段代码,效果是正常显示的时候,没有出现价格和其他文字性的介绍,但是,当鼠标划过产品图片的时候,相关的信息就会显示出来。

     对于网店装修的开关灯效果,之前发布过一段代码,详情请查看《淘宝店铺装修:JS特效 隐藏和显示价格的开关灯效果》,这段代码,效果是正常显示的时候,没有出现价格和其他文字性的介绍,但是,当鼠标划过产品图片的时候,相关的信息就会显示出来。今天,对之前发布的代码进行了一些改良,用户体验上,会更好一些,同样的,只展示了三个产品,如果,要展示更多的产品,只需要复制相关的代码段,然后加入到整个代码中,并且对相应的类进行对应修改就可以了,比如,第一个产品,对应 class="sub all_a1" ,第二个产品对应class="sub all_a2" ,第三个产品对应class="sub all_a3"  等等,如此类推。


淘宝店铺装修:JS特效_隐藏和显示价格的开关灯效果(改良)
图1  改良代码在网店中的实际效果
 

相关评论

图库精选