2016年10月_AdrianRD

12月 11月 10月 08月

原创关于自定义video组件

全屏播放//此方法不可以在異步任務中執行，否則火狐無法全屏if(element.requestFullscreen) {element.requestFullscreen();}else if(element.mozRequestFullScreen) {element.mozRequestFullScreen();}else if(element.msRequestFullscreen)

2016-10-21 18:06:47 517

原创自定义video播放组件-支持移动端

完整demo下载自写控制条可全屏观看可调节观看速度兼容移动端组件效果使用示例html<div id="testBox"></div>jsvar my_video = new A_Video( "testBox", //容器的id { url : 'https://upload.wikimedia.org/wikipedia/commons/

2016-10-21 16:22:29 1305

原创 jQuery动画方法

隐藏与显示 hide(speed,callback) show(speed,callback)隐藏和显示 - speed 可选的 speed 参数规定隐藏/显示的速度，可以取以下值：”slow”、”fast” 或毫秒。 - callback 可选的 callback 参数是隐藏或显示完成后所执行的函数名称。示例：$("button").click(function(){ $("p

2016-10-20 22:07:57 340

原创 js常用方法整理

数组操作concat();//连接两个或更多的数组哦join('_');//把数组的所有元素放在一个字符串中pop();//删除并返回数组的最后一个元素push();//向数组的末尾添加一个元素，并返回数组长度shift();//删除并返回数组的第一个元素slice();//返回已选定的元素sort();//对数组的元素进行排序splice();//删除元素，并向数组添加新元素to

2016-10-20 22:07:25 291

1. 最基本的弹出窗口代码window.open('page.html');2. 经过设置后的弹出窗口window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=

2016-10-20 22:06:32 531

原创 html分割线

分割线效果图完整html代码如下<!DOCTYPE html><html> <head> <meta charset= "utf-8" > <title >html分割线</title > </head > <body > <h3>1、两头渐变透明：</h3 > <HR style

2016-10-20 13:51:36 961

原创 thinkphp-编写第一个后台接口

安装thinkphp讲下载好的thinkphp包放在apache的发布目录下，并起一个应用名（我这里起的名字是zero）。路径如下：进入到控制器目录打开indexController.php文件我们可对文件稍作修改<?php<?phpnamespace Home\Controller;use Think\Controller;class IndexController extends C

2016-10-20 13:49:16 13957 3

原创 thinkphp-登入接口示例

接着上一个笔记编写第一个后台接口新建数据表在数据库zero中新建一个数据表，命名为db_account编辑列。共有三列，id，name，password。并将id设为自增长和主键编写后台接口在控制器Controller目录中新建名为_A_mysql的php文件，此文件的功能是php操作mysql的常用代码，这里封装成一个文件，为了减少代码的重复，和方便修改mysql的登入信息。_A_mysql.

2016-10-20 13:45:54 1933

转载 iQuery移动端手势事件插件-jGestures

jGestures下载jGestures事件简介orientationchange代表设备顺时针或者逆时针旋转.此事件可以被设备触发,可能使用的是重力传感器.pinch缩放手势(两个手指在屏幕上的相对运动)rotate旋转手势(两个手指顺时针或者逆时针旋转)swipemove在正在滑动时触发(在设备屏幕上移动手指,比如:拖动)swipeone单点滑动手势,滑动完成后触发(一个手指在屏幕上移动)sw

2016-10-18 18:14:04 561

原创 js移动端树型列表

js移动端树型列表

2016-10-18 17:55:44 8690 1

原创超简洁js表格

超简洁js表格，小巧灵活的js表格

2016-10-18 12:32:44 4008

原创仿ios垂直滚动选择

下载完整demo注：必须在手机模式下才有效组件效果图使用示例html<div class="box"> <div class="select"></div> <div class="box1" id="box1"></div> <div class="box2" id="box2"></div></div>css.box{ margin: 20px auto 20p

2016-10-13 16:51:24 880

原创 canvas涂鸦板

基于canvas的涂鸦板可设置画笔颜色可设置画笔宽度可撤销画笔动作兼容PC和移动端下载完整demo使用示例html<div class="boardBox" id="box"></div>jsborad = new A_DoodleBoard('box');borad.init();css.boardBox{ width: 100%; height: 500px;

2016-10-13 16:24:08 474