![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原生插件
斗弟
这个作者很懒,什么都没留下…
展开
-
回到顶部
原生 js 回到顶部插件所谓插件,就是封装好的函数,一些比较常用又强大的功能,就通俗称为插件,像放大镜、轮播图等,各种各样的功能,都可以封装起来,需要用到是,调用即可。可以有参,也可以无参。html结构<span id="totop">回到顶部</span>css样式 * { margin: 0; padding: 0; } bod...原创 2019-08-19 15:56:34 · 163 阅读 · 0 评论 -
js拖拽
给盒子添加能够拖拽的功能:html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽功能</title> <style> * { margin: ...原创 2019-08-19 19:13:22 · 183 阅读 · 0 评论 -
仅居中的弹窗
使用前必读:居中窗口弹出插件插件功能:*动态居中的弹窗*左上角有关闭按钮*Esc可退出参数说明: popupWindow(‘btn’, { ‘width’: ‘300’, ‘height’: ‘300’ });*btn: id 名*{ ‘width’: ‘300’ , ‘height’: ‘300’},弹出的窗口的尺寸,不写时,默认值为:auto使用步骤:第一步:复制ht...原创 2019-08-19 19:23:12 · 214 阅读 · 0 评论 -
tab切换
使用前/*tab(boxId, boxWidth, tabList)参数说明: *boxId:需要做选项卡的盒子的ID名字, *boxWidth:盒子的宽度,高度自适应; *tabList:选项卡的选项。*本插件的选项是通过渲染的方式生成的。*盒子需要复制。 *第n个选项卡*//*此插件的使用,第一步:复制html结构,注意选项和盒子数量要相互匹...原创 2019-08-19 19:31:23 · 367 阅读 · 0 评论 -
楼层跳跃
说明书楼层跳跃插件使用说明:*第一步:复制html结构,有多少层楼就保留多少个结构。*第二步,复制样式,注意类名和样式的优先级问题。f1~f5 类名是为了好看加的,实际使用删除*第三步:引入js(插件)*第四步:调用即可,无需传参,FloorJump();html<html lang="en"><head> <meta charset="...原创 2019-08-19 19:34:57 · 201 阅读 · 0 评论