![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
demo
攻城狮YanGo
一个在前端路上行走的猿
展开
-
头部菜单栏(选项卡)demo
又来写demo了,一个点击头部菜单栏的选项卡demo,对于初学者来说还是可以参考的。在目前的web(或者webapp)开发中,很少会用这种来写多页面选项卡的,毕竟如果页面内容复杂的话,会出现加载慢卡顿等问题。但是对于单页面逻辑没那么复杂的话还是可以的。好了,只是参考参考用,下面贴代码 <!DOCTYPE html><html lang="en"><h...原创 2018-11-28 15:51:40 · 1750 阅读 · 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 · 5457 阅读 · 1 评论 -
js 实现导航栏滑动透明渐变样式
学习记录,欢迎各位参考,有更好的方案也可以一起讨论!下面直接贴代码,可以直接复制到自己的编辑器运行 <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width原创 2018-10-09 17:59:05 · 5600 阅读 · 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 · 3624 阅读 · 0 评论 -
用html5<label>写一个简单的按钮功能
声明:博主本人第一次在CSDN上传自己的代码,有什么不对的地方,多多指教本文主要是上传用label标签些一个按钮,按钮设计图是网上看到的,比较漂亮,所以自己用ps做了一个png图。废话少说,直接上图上代码 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <ti...原创 2018-02-06 18:10:25 · 7888 阅读 · 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 · 14241 阅读 · 3 评论 -
简单的图片上传并预览功能input[file]
为了好看点,样式写的有点多,读取文件之前参考别人的,现在自己写也当给自己记录一下学习进度,欢迎大家一起交流。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width原创 2018-07-07 16:25:49 · 4798 阅读 · 0 评论 -
Mint-ui 中的MessageBox confirm详细使用
官方中文文档url:http://mint-ui.github.io/docs/#/zh-cn2/message-boxMint-ui官网文档并没有对该组件进行详细的demo演示,比如像修改一些btn文字就没有说明,自己有遇到,并参考其他网友的(https://blog.csdn.net/guoyiq/article/details/80222063)的博文,自己写个日记首先肯定要安装Min...原创 2019-03-02 11:26:06 · 6805 阅读 · 0 评论