此文件包含三种轮播图的效果制作。jquery中的轮播图效果是一位大佬所写，另两种实现较为简单初学者可做参考。
2024-04-02 13:35:20
34.49MB
1
效果展示
（鼠标移入，滚动停止；鼠标移出，滚动继续）
实现原理
1. html结构：核心是ul > li，ul外层包裹着div。因为想要内容循环滚动无缝衔接，所以在原有ul后面还要有一个一样内容的ul。如下图：
（红色边框为可视区域div，此处为了方便查看效果去除overflow:hidden；）
2. 样式方面：由于要滚动，所以必须2个ul的高度 > 外层可视div高度，且div必须设置overflow：hidden;
代码实现
HTML：
- 第一条 <
2023-04-18 10:47:24
56KB
1
原生JS图片循环滚动代码，很常用的网页特效，页面加载默认图片自动向右滚动，当鼠标移到图片列表的右边时，图片向左滚动，鼠标移到图片列表的左边时，图片向右滚动，鼠标移动图片列表中间时停止滚动，鼠标移开图片列表时继续滚动。
2023-03-27 22:39:28
114KB
1
js-selector
基于原生js封装的一些简单选择器
####大致可以分下面几种情况讨论
- 简单的id/class/tagName选择器，并且参数中不含特殊字符(" ",">")，
就是平常的document.getElement....
- 匿名方法function(){},就丢给[removed] = function(){}处理
- 含有" "的，就是下代选择器，先把当前元素取出来，再取出它的子集元素
- 含有">"的，就是亲子代选择器，同样先把当前元素取出来，再取出它的子
集元素，同时要保证它的子集元素的父节点就是当前节点才能通过
####API
我们可以使用下面几种选择器
$s("#test-id")
$s(".test-class")
$s("p")
$s(".test-children #children2 .children2-1")
$s(".test-ch
2023-03-27 12:45:26
5KB
1