首先,我们要知道这是一个CSS+JS的组合效果,关键的还是JS。所以现在来看看它是怎么做的:
第一步:写出它的HTML和CSS代码
在这里面我还使用了一个wheel的脚本,内容是这样的
最后一步:我们就写最重要的一步:JS
如果看到这里不理解其中的clientX、clientY则可以看看这篇文章,以便帮助你更好的理解:
JS之clientX,clientY,screenX,screenY,offsetX,offsetY区别测试
相关文章:
首先,我们要知道这是一个CSS+JS的组合效果,关键的还是JS。所以现在来看看它是怎么做的:
第一步:写出它的HTML和CSS代码
在这里面我还使用了一个wheel的脚本,内容是这样的
最后一步:我们就写最重要的一步:JS
如果看到这里不理解其中的clientX、clientY则可以看看这篇文章,以便帮助你更好的理解:
JS之clientX,clientY,screenX,screenY,offsetX,offsetY区别测试
相关文章: