![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端实例
案例
73、
人生没有白走的路,每一步都算数。
展开
-
自定义图片上传按钮
点击默认图片,弹出上传界面功能实现原创 2022-07-19 21:55:42 · 388 阅读 · 1 评论 -
css-后台页面管理布局和图标的使用
1、左侧菜单位置永远不变让左侧菜单栏和右侧内容都永远固定在页面的某个位置,随着右侧内容的滚动条查看时,左侧的菜单栏永远可见。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title&...原创 2019-12-23 23:47:28 · 489 阅读 · 0 评论 -
后台管理左侧菜单
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .h...原创 2019-12-15 12:56:13 · 396 阅读 · 0 评论 -
模态对话框
效果:点击add按钮,会有一个弹框出现,点击弹框的cancel按钮,弹框会消失。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ...原创 2019-12-15 08:55:41 · 141 阅读 · 0 评论 -
checkbox全选和反选以及取消
很多网站页面上面经常可以看到,在每一条记录的前面会有一个一个选择框,下面这个例子实现了一键完成全选,一键完成反选,一键完成取消。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>...原创 2019-12-15 10:24:20 · 378 阅读 · 0 评论 -
JavaScript跑马灯实例
知识储备obj.charAt(n): 返回字符串中的第n个字符obj.substring(n,m): 根据索引值获取子序列,n<=子序列<mobj.length : 获取当前字符串长度创建一个定时器setInterval(“执行代码”, 时间间隔)代码 <!DOCTYPE html> <html lang="en"> ...原创 2019-12-13 14:42:55 · 219 阅读 · 0 评论 -
html+css使用position的relative+absolute、background-image、display、padding-right等属性实现登录界面
一个div里面套了一个input标签,span标签通过position属性,悬浮在input标签的右边上面。输入信息时,利用padding-right,就算信息内容很长,也不会超过图标所在的位置。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...原创 2019-12-12 22:59:51 · 240 阅读 · 0 评论