demo
关注
分享
扫一扫
攻城狮YanGo
一个在前端路上行走的猿
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
头部菜单栏（选项卡）demo
又来写demo了，一个点击头部菜单栏的选项卡demo，对于初学者来说还是可以参考的。 在目前的web（或者webapp）开发中，很少会用这种来写多页面选项卡的，毕竟如果页面内容复杂的话，会出现加载慢卡顿等问题。但是对于单页面逻辑没那么复杂的话还是可以的。 好了，只是参考参考用，下面贴代码 <!DOCTYPE html> <html lang="en"> <h...原创 2018-11-28 15:51:40 · 1818 阅读 · 0 评论 -
自己手动写一个js 的toast提示框
闲来无聊，就尝试着自己写一个toast,因为之前写网页是一直会用到的，所以就自己造了个轮子，也当作学习记录（有不好的地方请多多指教），下面贴代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name='viewport' content='wi原创 2018-10-10 15:48:54 · 5564 阅读 · 1 评论 -
js 实现导航栏滑动透明渐变样式
学习记录，欢迎各位参考，有更好的方案也可以一起讨论！ 下面直接贴代码，可以直接复制到自己的编辑器运行 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width原创 2018-10-09 17:59:05 · 5771 阅读 · 0 评论 -
简单的移动端tab头部二级下拉导航栏，向下弹出，向上隐藏
没事写个简单的demo，做一下学习记录，也欢迎大家一起交流讨论。不多说，上代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name='viewport' content='width=device-width,minimum-scale=1.原创 2018-07-15 15:23:49 · 3724 阅读 · 0 评论 -
用html5<label>写一个简单的按钮功能
声明：博主本人第一次在优快云上传自己的代码，有什么不对的地方，多多指教 本文主要是上传用label标签些一个按钮，按钮设计图是网上看到的，比较漂亮，所以自己用ps做了一个png图。 废话少说，直接上图上代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti...原创 2018-02-06 18:10:25 · 8015 阅读 · 0 评论 -
获取短信验证码倒计时，非常简单
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name='viewport' content='width=device-width,minimum-scale=1.0 maximum-scale=1.0 user-scalable=no' /&原创 2018-05-19 10:50:12 · 14330 阅读 · 3 评论 -
简单的图片上传并预览功能input[file]
为了好看点，样式写的有点多，读取文件之前参考别人的，现在自己写也当给自己记录一下学习进度，欢迎大家一起交流。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width原创 2018-07-07 16:25:49 · 4855 阅读 · 0 评论 -
Mint-ui 中的MessageBox confirm详细使用
官方中文文档url:http://mint-ui.github.io/docs/#/zh-cn2/message-box Mint-ui官网文档并没有对该组件进行详细的demo演示，比如像修改一些btn文字就没有说明，自己有遇到，并参考其他网友的（https://blog.youkuaiyun.com/guoyiq/article/details/80222063）的博文，自己写个日记 首先肯定要安装Min...原创 2019-03-02 11:26:06 · 6932 阅读 · 0 评论