html5+css3
关注
分享
扫一扫
文章平均质量分 61
人走丿茶凉
每天持续更新，希望大家有所帮助，也希望大家多多支持！
展开
-
HTML+CSS实现动画效果
hand中放置内部适配器，也就是css样式：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> /*全局适配器{外边距：0； 内边距：0}*/ *{ margin: 0px; padding: 0px}原创 2017-10-10 08:32:11 · 4559 阅读 · 0 评论 -
AngularJS 注册表单验证
案例: 注册表单验证dui.gif： cuo.gif：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery.1.12.4.js"></script> <!--jquery样式--原创 2017-10-15 22:10:30 · 596 阅读 · 0 评论 -
angularjs实现 - 增加/删除/修改/查询/排序
上面这张图片就是我们将要实现的效果，包括添加信息、修改信息、查询信息、删除信息、对信息排序！将要用到：HTML，CSS，AngularJS代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!--添加angularjs依赖--> <script type="text/javascript"原创 2017-10-24 20:44:49 · 612 阅读 · 0 评论 -
angularjs实现 - 增加/删除/修改/查询/排序（优化界面）
主界面效果：添加信息效果：修改信息效果：上面这张图片就是我们将要实现的效果，包括添加信息、修改信息、查询信息、删除信息、对信息排序！与上一篇文章不同的是：优化了界面效果，输入信息错误出现提示将要用到：HTML，CSS，AngularJS，jQuery代码如下：<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8">原创 2017-10-25 08:43:05 · 808 阅读 · 0 评论 -
angularjs实现 - 增删改查+排序+敏感字（最终版）
本篇博客将要实现的效果，包括添加信息、修改信息、查询信息、删除信息、对信息排序/敏感字过滤！与上一篇文章不同的是：优化了界面效果，实现敏感字过滤，bug修复将要用到：HTML，CSS，AngularJS，jQuery先来看一下主界面效果： 新增订单表单界面： 修改订单信息界面： 想要实现所有的功能，要实现以下几点： 首先看一下主界面实现的代码（HTML文件）：<!DOCTYPE html>原创 2017-10-26 09:10:43 · 2430 阅读 · 0 评论 -
Android - 断点续传加greendao
adapter文件夹import android.content.Context;import android.content.Intent;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapte原创 2018-01-15 09:58:44 · 271 阅读 · 0 评论 -
Android - 自定义控件之购物车数量加减器
刚开始在网上搜寻了一番，没找到特别合适，所以就自己简单的写了一个，其实也没什么复杂，就是一个组合控件，记录一下，方便自己以后的使用，同时也希望可以帮助有需要的朋友。效果展示: 实现思路 整个控件其实是由两个Button和一个EditText组成，直接上代码进行分析。初始化控件，设置了自定义属性（这几个自定义属性的作用大概通过名字也能够知道了）和设置监听器 LayoutIn原创 2018-01-16 10:09:05 · 858 阅读 · 0 评论 -
Android - 详情页面【仿】淘宝App
activity_detai.xmlLinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="原创 2018-01-18 14:58:25 · 2135 阅读 · 1 评论 -
Android - 购物车页面【仿】淘宝App
首先是效果图 xml布局文件activity_shopping.xml"http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <RelativeLayout原创 2018-01-19 11:45:32 · 2213 阅读 · 0 评论 -
Android - 准备工作【仿】淘宝App
首先是所有要用到的依赖依赖包compile 'com.facebook.fresco:fresco:0.12.0' compile 'org.greenrobot:eventbus:3.1.1' compile 'com.jakewharton:butterknife:8.8.1' compile 'io.reactivex.rxjava2:rxjava:2.1原创 2018-01-18 10:47:34 · 1261 阅读 · 0 评论 -
ionic练习（5）- 用户管理（查询信息）
<!DOCTYPE html><html ng-app="UMApp"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <script type="te原创 2017-10-22 23:52:49 · 427 阅读 · 0 评论 -
通过JavaScript获取到导航条中的HTTP信息
css-style中带有注释的部分为获取HTTP中的信息body中显示效果为：打开页面是自动弹出输入提示框点击删除时，会有警告框弹出 点击确定时，删除信息点击取消时，不删除信息<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=原创 2017-10-10 08:40:51 · 838 阅读 · 0 评论 -
通过JavaScript代码实现 标题的控制+添加信息
实现效果 showTitle：当点击显示标题按钮时，将所有的标题显示出来hideTitle：当点击隐藏标题按钮时，将所有的标题隐藏起来addCity：当点击添加城市按钮时，会在原有的城市列表下新建一个城市名字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c原创 2017-10-10 08:49:56 · 723 阅读 · 0 评论 -
jQuery简单练习（1）
1. 通过jQuery代码实现div中的内容添加$(“div”) // 标签适配器$(“#a”) // ID适配器$(“.a”) // class适配器$(“div, p”) // 同时使用多个标签适配器.text(” * * * * * “) // 添加文字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"原创 2017-10-10 09:43:01 · 417 阅读 · 0 评论 -
jQuery简单练习（2）
* 需要添加jquery工具包*1. 通过jquery控制到ul中li标签的元素$(“ul”).children() // 获取到ul标签下的所有子级标签.children(“.sh”) // 获取子级标签中，调用到sh的class类的标签.css() // 添加css样式.next() // 返回被选元素的下一个同级元素.prev() // 返回被选元素的上一个同级元素.siblin原创 2017-10-10 20:05:24 · 520 阅读 · 0 评论 -
ionic练习（1）- 实现页面切换
<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <link href="https原创 2017-10-20 11:30:07 · 574 阅读 · 0 评论 -
ionic练习（2）- 实现侧拉菜单
<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title>侧边栏</title原创 2017-10-20 18:47:44 · 355 阅读 · 0 评论 -
ionic练习（3）- 实现页面切换+侧拉菜单
<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <link href="https原创 2017-10-20 18:52:40 · 519 阅读 · 0 评论 -
AngularJS基础练习（1）
需要添加AngularJS工具包<script type="text/javascript" src="angular-1.3.0.js"></script>基础练习：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script type="text/javascript" src="angular-1.3.0.js"></原创 2017-10-11 19:42:57 · 660 阅读 · 0 评论 -
AngularJS基础练习（2）
需要添加AngularJS工具包<script type="text/javascript" src="angular-1.3.0.js"></script>基础练习 （小实例）：1. 获取当前时间：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript"原创 2017-10-12 21:11:13 · 417 阅读 · 0 评论 -
AngularJS基础练习（3）
1.实现定时功能的效果：相当于 java 中的 handler 延时效果<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script type="text/javascript" src="angular-1.3.0.js"></script> <title></title></head><body ng-app原创 2017-10-13 15:40:39 · 318 阅读 · 0 评论 -
ionic练习（4）- 用户管理（删除信息）
<!DOCTYPE html><html ng-app="UMApp"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <script type="te原创 2017-10-22 23:51:56 · 403 阅读 · 0 评论 -
Android - 原生登录注册页面【仿】淘宝App
bean文件夹：解析数据LoginBean.javaprivate String msg; private String code; private DataBean data; public String getMsg() { return msg; } public void setMsg(String msg) {原创 2018-01-18 11:04:53 · 4269 阅读 · 1 评论