2017年10月_天生犯二

原创 JS_综合，全面性增删改查，多条件查询，排序，点击发货

=======================================================================================<!DOCTYPE html><html ng-app="OrderApp"><head> <meta charset="UTF-8"> <title&

2017-10-25 15:55:31 787

原创模拟申请账户，两次密码相同，用户名大于6位，密码不能为空判断，（这是一个布局框架，没有里面的运行代码）

表单样式 * { font-size: 12px; margin: 0; padding: 0; } input { width: 320px; height: 24px;

2017-10-24 14:17:45 1632

转载购物车增删改查，正序倒序，批量删除

html>html lang="en">head> meta charset="UTF-8"> script type="text/javascript" src="angular-1.3.0.js">script> title>练习title> style> .even_cls { background-color: #

2017-10-24 14:10:12 754 1

转载 angularjs之增删改查2

html>html>head> meta charset="utf-8" /> title>Angularjs的增删改查，排序，查询年龄范围title> //需要导入angular.js库文件 script type="text/javascript" src="angular-1.3.0.js">script> script type="text

2017-10-22 19:33:43 209

原创 angularjs之购物车的增改查1

html>html ng-app="UsersApp">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="text/javascri

2017-10-22 19:31:44 209

原创最简单路由框架2

路由-标签切换 var app = angular.module("myApp", ["ionic"]); app.config(function ($stateProvider, $urlRouterProvider) { $stateProvider.state("home", {

2017-10-20 11:28:13 158

原创 ionic最简单的一种路由，写在一个界面上

点击不同的按钮，出现不同的界面=================================代码================================================html>html ng-app="myApp">head> meta charset="UTF-8"> meta name="viewport" cont

2017-10-20 11:12:50 874

原创 ionic制作小型商城，知识点：侧滑，路由，列表

=========================================================代码区================================================================================根页代码=index.html=======================html>html n

2017-10-20 08:10:00 389

原创几种获取当前时间的方法

html>html lang="en">head> meta charset="UTF-8"> script type="text/javascript" src="angular-1.3.0.js">script> title>title> script> var app = angular.module("timer", []);

2017-10-17 20:10:00 397

原创选择下拉列表的颜色，背景颜色跟着改变

html>html>head> meta charset="UTF-8"> script type="text/javascript" src="angular-1.3.0.js">script> title>title> style> .sky { background-color: lightblue;

2017-10-17 20:05:58 6213

原创随机数，张三李四掷骰子，两个数系统判断胜者，

html>html ng-app="myApp">head> meta charset="UTF-8"> script type="text/javascript" src="angular-1.3.0.js">script> title>title> script type="text/javascript"> var rand = funct

2017-10-17 20:01:43 231

原创 angular做出提示框，获取输入的数据展示到界面上，判断数据是否存在，查询数据

html>html lang="en">head> meta charset="UTF-8"> script type="text/javascript" src="angular-1.3.0.js">script> title>Titletitle> style type="text/css"> main { posit

2017-10-17 19:40:46 1133 1

原创模拟淘宝库存的增加删除

<!DOCTYPE html> Title table { border-collapse: collapse; } td, th { width: 200px; border: 1px solid gainsboro

2017-10-16 08:11:04 333

原创注册界面模拟，判断邮箱是否符合格式，密码是都符合格式

Title table { border: 1px solid #999; border-collapse: collapse; } td { padding: 10px; height: 50px;

2017-10-16 07:56:09 744

原创加减乘除，展示特定字符串，点击按钮加一

html>html>head> meta charset="UTF-8"> script type="text/javascript" src="angular-1.3.0.js">script> title>title>head>body ng-app="">//加减乘除的展示div>{{8 + 2}}div>div>{{8 - 2}}div>div>{

2017-10-12 18:57:30 195

转载折叠面板，类似于二级目录的效果，纯css编写

html>html>head> meta charset="utf-8"> title>titletitle> style type="text/css"> #parent >li> span{background: #0c9399;display: block;width: 200px;} li {line-height: 50px

2017-10-12 08:43:01 1454

原创大小写的转换

html>html lang="en">head> meta charset="UTF-8"> title>title> script type="text/javascript" src="jquery.1.12.4.js">script> script type="text/javascript"> /* * 注释为转换为大写

2017-10-11 20:10:48 243

原创图片的倾斜，点击按钮和鼠标移动到图片上

html>html lang="en">head> meta charset="UTF-8"> title>title> script type="text/javascript" src="jquery.1.12.4.js">script> style> .qinxie { transform: skew(50deg)

2017-10-11 19:47:35 1181

原创 jpuery操作图片的淡入淡出效果

html>html lang="en">head> meta charset="UTF-8"> title>title> script type="text/javascript" src="jquery.1.12.4.js">script> script type="text/javascript"> /**$(document).ready(

2017-10-11 19:35:58 327

原创 jQuery和css的联合使用，简单的网页效果展示

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style type="text/css"> #button:hover{ transform:scale(1,1.5); } #kuang:hover{

2017-10-10 08:49:43 224

天纵神武的博客