多语言展示
当前在线:1477今日阅读:155今日分享:35

试衣间的实现

(试衣间)点击一张图片,要在对应的位置替换img的src,如果当前显示的图片是对应的点击的图片,当再次点击图片时,要去掉model身上的图片,如果当前显示的图片不是点击的图片,则要替换掉model身上的图片
方法/步骤
1

如图,当点击红色或黄色的衣服时,要替换掉model身上的衣服,点击蓝色衣服时,model身上的衣服要去掉

2

服装列表中列出服装,在模特身上加几个固定位置,初始隐藏的div,如衣服,就在model身上加一个隐藏的div,当点击衣服列表中的某一件衣服的时候,就换掉model身上这个div中的src的值,或者用css精灵方法,改变background-position的值

3

在写js代码的时候,在每次点击这个div添加一个类的时候,,每次要判断是否存在这个类,存在的话就去掉(removeClass)这个类,否则,就添加addClass这个类

推荐信息