
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 评论