html
——jinqiang12345
没事做前端的java开发
展开
-
HTML冻结表头与侧边栏,表格内容可编辑
HTML冻结表头与侧边栏,表格内容可编辑制作过程其实表头的固定就相当于使用两个表格,一个在上面,一个在下面,上下排列,下面的表格容器可以滚动,上面的只有表头一行,为了让两个表格各列的宽度一致,可以获取下面表格各列的宽度,然后给上面表格添加对应的width,下面的代码是事例,浏览器可以运行表格列可以将一个input放入td,这样就可以编辑表格内容,通过focus和blur可以为单元格添加不同的...原创 2018-12-29 11:27:51 · 1478 阅读 · 0 评论 -
创意计时
倒计时数字滚动切换(需要的图片放在下面,请下载后改成对应名字,放在同一目录下)<!DOCTYPE html><html> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">原创 2019-01-21 17:41:19 · 175 阅读 · 0 评论 -
手写滚动条,悬浮放大,离开缩小
原声滚动条样式不好看,这里可以自定义大小图形,背景颜色。代码粘贴即可运行。<!DOCTYPE html><html> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script><head><st..原创 2019-01-21 17:33:47 · 731 阅读 · 0 评论 -
立方体动画
最近看到了网站上有一个立方体动画,尝试着模仿了一下<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>立方体动画</title> <link rel="stylesheet" href="https:/原创 2018-12-29 12:44:20 · 259 阅读 · 1 评论 -
使用css实现水球效果
通过在制定overflow:hidden的元素上添加非常大圆形,而且圆形设置圆角,并不断滚动,数量多了就可以显示出水波效果<!DOCTYPE html><html><head><style>@keyframes roll { form { transform: rotate(0deg); } to {...原创 2018-12-29 12:35:57 · 2319 阅读 · 0 评论 -
canvas+css等待动画
使用canvas结合css实现动画效果<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>circle</title> </head><style> body {原创 2018-12-29 12:30:38 · 373 阅读 · 0 评论 -
手写滑动菜单
代码比较简单,不再做过多介绍了&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;手写滑块&lt;/title&gt; &lt;l原创 2018-12-29 12:26:40 · 263 阅读 · 0 评论 -
手写圆形进度条+漂浮彩色小心心特效
使用canvas绘图实现圆形进度条,附赠彩色小心心特效实现进度条效果就是每次画一个角度的圆形,下一次清除画布,重新绘制,这样就能像动画一样显示进度了。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>手写圆形进度条+漂浮彩色小心心特效</title&原创 2018-12-29 12:22:20 · 481 阅读 · 1 评论 -
手写分页
刚毕业找工作做的笔试题有一道分页的题,当时学的东西很少,不会做,后来工作中经常要用到,由于公司平移台设置了好几套界面皮肤,插件找到也不好用,就尝试着手写了一下,果然还是自己手写的样式好调整。有两个参数curr,total下面是一个函数,通过传入curr:当前页,total:总页数,可以返回一个list,可以设置现实的页面//分页 function pagelist(curr, tot...原创 2018-12-29 11:37:12 · 1284 阅读 · 1 评论 -
模仿安卓手机上拉下拉尽头水波纹
模仿原生的安卓上拉下拉尽头水波纹,就是应用上拉到底时出现彩色的波纹,追随手指移动&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&原创 2019-01-21 17:44:49 · 488 阅读 · 0 评论