CSS+JS
HTML+CSS+JS配合完成的技术点
Yvan_大风
这个作者很懒,什么都没留下…
展开
-
电商网站放大镜效果
以前写后端的时候觉得这个效果很有意思,但是那时候还没接触前端,所以一直没开始写。最近逛淘宝京东的时候看到这个放大镜效果的时候,就想自己写一个试试。原理:这个效果的原理其实很简单,鼠标控制块的移动,右边预览大图根据小图的比例进行移动展示就好。唯一有坑的地方就在于调用mousemove属性的时候,鼠标和事件源之间存在其他元素,事件容易转移到其他元素上去,所以需要在小图里面加一个“盖子”,让焦点在这...原创 2019-12-03 17:27:58 · 423 阅读 · 0 评论 -
CSS+JQ实现轮播图效果
之前对于轮播图一直是使用的各个插件,现在忽然想自己写一个轮播图,感受一下实现过程。整个功能的实现是以CSS+JQ的方式实现的,每个照片对应一个轮播点,根据条件显示/隐藏,定时器控制自动轮播。代码全部贴上来,直接粘贴复制就可以实现了。<!DOCTYPE html><html> <head> <meta charset="utf-8"> ...原创 2019-12-03 13:55:16 · 306 阅读 · 0 评论