摘要: CSS3 动画(@keyframes,animation) CSS3 @keyframes 规则 要创建CSS3动画,你将不得不了解@keyframes规则。 @keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。 CSS3 动画 阅读全文
posted @ 2017-08-04 09:45 名曰大神 阅读(225) 评论(0) 推荐(0) 编辑
摘要: CSS3 过渡transition 应用于宽度属性的过渡效果,时长为 2 秒: div { transition: width 2s; -webkit-transition: width 2s; /* Safari */ } 添加了宽度,高度和转换效果: div { transition: widt 阅读全文
posted @ 2017-08-04 09:27 名曰大神 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 3D转换transform rotateX() 方法 rotateX()方法,围绕其在一个给定度数X轴旋转的元素。 rotateY() 方法 rotateY()方法,围绕其在一个给定度数Y轴旋转的元素。 转换属性 下表列出了所有的转换属性: 3D 转换方法 阅读全文
posted @ 2017-08-04 09:19 名曰大神 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 2D转换transform 2D变换方法: translate() 根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动。 div { transform: translate(50px,100px); -ms-transform: translate(50px,100px); /* IE 阅读全文
posted @ 2017-08-04 09:01 名曰大神 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 图像拼合 图像拼合 - 简单实例 实例解析: <img class="home" src="img_trans.gif" /> -因为不能为空,src属性只定义了一个小的透明图像。显示的图像将是我们在CSS中指定的背景图像 宽度:46px;高度:44px; - 定义我们使用的那部分图像 backgr 阅读全文
posted @ 2017-08-03 17:17 名曰大神 阅读(252) 评论(0) 推荐(0) 编辑
摘要: HTML5获取地理位置简单实例 实例1--获取地理位置的经纬度: 实例解析: 检测是否支持地理定位 如果支持,则运行 getCurrentPosition() 方法。如果不支持,则向用户显示一段消息。 如果getCurrentPosition()运行成功,则向参数showPosition中规定的函数 阅读全文
posted @ 2017-08-03 15:36 名曰大神 阅读(526) 评论(0) 推荐(0) 编辑
摘要: 用HTML5拖放功能编写一个简单的拖放Demo 单次拖放demo 效果: 拖放前 拖放后 实现代码: 解释说明: 设置元素为可拖放 首先,为了使元素可拖动,把 draggable 属性设置为 true : <img draggable="true"> <img draggable="true"> 拖 阅读全文
posted @ 2017-08-03 15:14 名曰大神 阅读(803) 评论(0) 推荐(0) 编辑
摘要: angular创建服务的五种方式:  factory() factory()方法是创建和配置服务的最快捷方式。factory()函数可以接受两个参数。 name(字符串)需要注册的服务名。 getFn(函数)这个函数会在AngularJS创建服务实例时被调用。 因为服务是单例对象,getFn在 阅读全文
posted @ 2017-08-03 10:19 名曰大神 阅读(226) 评论(0) 推荐(0) 编辑
摘要: ng-view是由ngRoute模块提供的一个特殊指令,它的独特作用是在HTML中给$route对应的视图内容占位。它会创建自己的作用域并将模板嵌套在内部。 mg-view是一个优先级为1000的终极指令。AngularJS不会运行同一个元素上的低优先级指令(例如<div ng-view></div 阅读全文
posted @ 2017-08-02 17:42 名曰大神 阅读(312) 评论(0) 推荐(0) 编辑
摘要: 自定义指令 directive()这个方法是用来定义指令的: directive() 方法可以接受两个参数:1. name(字符串)指令的名字,用来在视图中引用特定的指令。2. factory_function (函数)这个函数返回一个对象,其中定义了指令的全部行为。$compile服务利用这个方法 阅读全文
posted @ 2017-08-02 11:41 名曰大神 阅读(406) 评论(0) 推荐(0) 编辑