情人节之礼 js项链效果

第一个项链
实现原理将img的src属性设为同一张图片
效果图:

情人节之礼 js项链效果_第1张图片

复制代码 代码如下:




项链








第二个项链
实现原理将img的src属性循环设置图片
效果图:

情人节之礼 js项链效果_第2张图片

复制代码 代码如下:




项链








第三个项链
实现原理将div按指定轨迹移动
效果图:

情人节之礼 js项链效果_第3张图片

复制代码 代码如下:




项链






















你可能感兴趣的:(情人节之礼 js项链效果)