
javascript学习
文章平均质量分 64
弧微分
这个作者很懒,什么都没留下…
展开
-
原生js实现div切换轮播图
文章目录轮播图:分析:代码: 轮播图: 轮播图是图片的切换,每隔几秒执行一次。但因为内容比较多,有很多细节需要处理,因而在原生js学习中相对复杂。 笔者在这里提供一种切换div的方式,实现轮播图轮播。 分析: 首先,有几张照片,在最低层的div中,设置其大小可以容纳一张图片(方便之后将图片hidden),在div中放置一个大盒子用来盛放所有的img,这里大盒子的宽度可以用js实现动态变化,笔者在这里大盒子用的是ul,在ul中放li在li中放图片。下面的按钮又是一个盒子,在盒子里边放几个元素,用js设置其居中原创 2021-02-17 23:29:58 · 2835 阅读 · 0 评论 -
关于原生JavaScript实现DOM拖拽事件(元素拖拽)
文章目录问题:问题分析:需要理解(重点):解决方案:代码:思考:方向: 问题: 在html中创建多个元素,要求能用鼠标点下进行平移,松开固定位置。类似于电脑桌面图标的平移。 问题分析: 首先,类比于电脑桌面的图标拖拽平移,鼠标按下时进入事件,记录鼠标相对元素位置,然后鼠标移动,动态改变元素定位,最后鼠标松开,位置不再改变。 用到绑定的事件有:onmousedown,onmousemove,onmouseup。 值得注意的是:分别对哪个元素绑定相应的事件。 鼠标按下,应该是在元素中按下,这个onmoused原创 2021-02-15 22:14:08 · 923 阅读 · 1 评论