微金所前端首页成果图:(这是本人自己按照微金所官网首页,采用Bootrap,JS,JQuery,css制作的网页效果图,在第二部分我会公布网页源代码)

如需网页源代码,请在下方留言,备注你的qq邮箱。

PC端效果:

移动端效果:

转载于:https://www.cnblogs.com/alex-xxc/p/9745816.html

Bootrap 项目实战(微金所前端首页)第一部分相关推荐

  1. Bootrap 项目实战(微金所前端首页)第三部分(CSS,js源码)

    CSS源码 common.css /** *Created by xxc on 2019/2/26*/body, html, div, img, a, p, ul, ol, dl, dd, dt, l ...

  2. Struts2项目实战 微云盘(四):登录注册

    一.本节说明 进入github下载本项目(开源) 本节实现登录.注册的逻辑以及UI. 二.Struts相关配置 在使用Struts前必选先配置Struts. Step1:引入Struts所需jar包 ...

  3. Struts2项目实战 微云盘(六)主界面UI

    一.本节说明 进入github下载本项目(开源) 本节实现的是主界面UI 二.AJAX请求 在使用Jquery前先确认正确的引入了jquery. 1.获取文件结点 当文档加载完成后需要获取到用户根目录 ...

  4. bootstrap实战--微金所项目(导航栏)

    导航栏实现 一.导航栏展示 二.导航栏实现思路 导航栏在不同的屏幕大小下呈现不同的样式,移动端下使用手风琴菜单(有现成的代码),在sm屏幕下,除了微金所图标和个人中心外,其余都不可见. 三.相关代码 ...

  5. bootstrap实战--微金所项目(顶部通栏)

    顶部通栏实现 一.头部展示 二.头部概述 头部主要由四部分组成,由栅格系统实现 当屏幕宽度小于992px时,该部分隐藏,响应式结构 三.相关代码 html代码 <!DOCTYPE html> ...

  6. Bootstrap项目之微金所

    微金所项目实战 搭建Bootstrap页面骨架及项目目录结构 ├─ /weijinsuo/ ··················· 项目所在目录 └─┬─ /css/ ················ ...

  7. bootstrap实战--微金所项目(轮播图1)

    使用HTML+CSS实现响应式轮播图 一.轮播图展示 移动端(< 768px) 非移动端(>768px) 二.轮播图实现思路 移动端 1).在移动端可以直接使用bootstrap提供的相关 ...

  8. bootstrap实战--微金所项目(轮播图2)

    利用Jquery+css+html来实现 一.实现思路 将a标签通过Jquery的方式动态生成然后添加到相应位置即可 二.相关代码 HTML代码 <!-- 轮播图 --><!-- 移 ...

  9. Django项目实战——5—(用户登录、首页用户名展示、项目阶段总结)

    1.用户登录 用户名登录逻辑分析 用户名登录接口设计 请求方式 请求参数:表单 响应结果:HTML 用户名登录逻辑实现 用户后端验证视图文件apps/users/views.py "&quo ...

最新文章

  1. hessiancpp编译和使用(C++版)
  2. Android系统默认Home应用程序(Launcher)的启动过程源码分析
  3. X星球居民小区的楼房全是一样的...
  4. H2O —— 宣称性能是 Nginx 2 倍的 HTTP 服务器
  5. 字符串的获取相关方法
  6. Dubbo(九)之注解配置
  7. 修改使用计算机的名称,Windows 10中修改计算机名称的方法,你知道几种?
  8. 继安卓市场下架后 探探App也在苹果商店下架
  9. 【luogu1018】 乘积最大 [区间dp+高精][noip2000]
  10. Observable与Observer
  11. 认识 KEGG PATHWAY 数据库
  12. android xml设置roboto字体,Android设置Roboto字体用粗体,斜体,常规,…(类似于自定义字体系列)...
  13. 计算机组成原理期末大纲
  14. 视觉SLAM14讲笔记02:ch5针孔,双目相机模型
  15. 【bzoj4826】[Hnoi2017]影魔
  16. FTPS“严重错误: gnutls_handshake: A TLS fatal alert has been received.”
  17. 考研政治---马克思主义基本原理概论---唯物史观
  18. Facade(外观)
  19. 城市大脑一网统管建设解决方案 城市大脑一网统管及领导驾驶舱系统建设解决方案
  20. velocity笔记(一)什么是velocity,我们什么时候会使用到这个,基本语法,利用模板生成实体类的各层代码

热门文章

  1. Leetcode - 1103. 分糖果 II 排排坐,分糖果。
  2. 在C ++中访问类的数据成员
  3. 曙光服务器虚拟软驱,曙光IPMI系统管理平台用户使用指南(一).pdf
  4. 【bat】获取软件安装目录
  5. c 传递流java 生僻字_Java语言中的生僻知识
  6. 使用el-dialog时,报错“Unknown custom element:<el-dialog> did you register the component correctly?...make
  7. 基于DRV8833的步进电机
  8. linux系统定时器中断优先级,请教定时器中断与串口中断优先级配置问题
  9. RuntimeError: cuda runtime error (8) : invalid device function at /pytorch/torch/lib/THC/generic/THC
  10. 线性代数回顾(多视图重建)