Skip to content

woyishijiazhuang/HTML

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML

所有页面都在电脑端用全屏访问最佳,f12看源码就好了。

主页

动态炫彩背景

对背景重复方向的探索,如果不是从上往下,从左往右,从左上往右下 这三个方向重复,调整浏览器大小就会导致背景移动不正常.
找到了使用svg替代的可能,彩色背景是真好看.

不规则圆角边框贝塞尔曲线版

这个版本是通过svg绘制的贝塞尔圆角,一定听说过200w更换小米logo吧,就是那个哦。
但是没有像上一个优化的那么好。样式不怎么好看,仅支持input调节。

不规则边框圆角测试

看到别人写水滴形状,就想着自己写了一个类似的,支持拖动,但是松开鼠标的事件经常会莫名的不触发。

代办清单

用的jq,挺好用的mvc框架,功能都在页面里描述了。

侧导航栏

手写的练练手,jq里面还是蛮多坑的,也确实是个老家伙了。

大数相加

模仿累加器做的,还加了防抖,不过和bigint一样不支持负数.

手风琴

一个简单的手风琴css实现

拖拽

要注意事件不能放在被拖动的元素身上,不然鼠标移动过快会丢失,平时移动也不流畅,放在最大的那个元素上就很好用

放大镜

原图有点大,加载慢,普普通通的一个放大镜效果,如果具体实现,肯定不能一开始就用大图.

自适应瀑布流

用js方法实现的,不如css的columns属性,但是css做的顺序不是往每个列的底部添加,最好还是用InterSectionObserve观察触发事件添加图片.
如果列表过长,那么又要用到虚拟列表了,真麻烦啊.写个分页算了,无限滚动也不是很好.

轮播图

手写无限轮播.啊!这年头没谁会手写这东西吧,别人的库又好用,功能又全,都说不要重复造轮子.

选项卡

忘了是什么了

About

html5 & css3 & javaScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages