手机端
BeautyBeier
没有完美,只有不断的进取!
展开
-
响应式网站开发框架Bootstrap中Carousel插件的使用及使之支持手机端
Bootstrap是最受欢迎的Html、Css和Js框架,它用于开发响应式布局和移动设备优先的web项目。Carousel是用于轮播的插件,它的初始化可以是带有标记的html代码即可。前提是需要引入boostrap.css和bootstrap.js,这两个文件可以去Bootstrap的官网去下载或者直接引入以下代码:<!-- 新 Bootstrap 核心 CSS 文件 --><link rel原创 2016-12-05 11:42:58 · 1504 阅读 · 0 评论 -
手机端带二级菜单滑动导航的实现
手机端带二级菜单滑动导航的实现实现的效果图: Swiper插件是开源、免费、强大的移动端触摸滑动插件。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。这个效果是freemode模式。 默认的这种模式下只能够实现一级导航,但是如果二级导航的话该如何实现呢? 下面这段代码是布局加样式的代码: <div class="swiper-head">原创 2016-12-02 14:16:23 · 4503 阅读 · 3 评论 -
仿京东手机端地址选择四级地址选择
地址选择器是很多商城开发中必不可少的组件,有三级联动、四级联动等各种地址选择器。所有的地址选择的核心原理都是相同的,下面是仿京东地址选择的效果图: 使用方法: installnpm install ajax-picker --saveimportimport AjaxPicker from 'ajax-picker'或者以普通的方式引入<script sr...原创 2018-08-01 16:19:01 · 4117 阅读 · 3 评论 -
FlexBox布局上
布局作为前端中重要的部分,对于其的掌握尤为重要,Flex布局是一种全新的针对web和移动开发布局应用而生。它可以 简便、完整、响应式地实现各种页面布局。目前它已经得到了所有浏览器的支持。一、FlexBox布局1.1FlexBox是什么意思呢?Flexible(形容词)能够伸缩或者很容易变化,以适应外界条件的变化。box(名词):通用的的矩形容器1.2什么是FlexB...原创 2018-08-06 17:35:37 · 279 阅读 · 0 评论