太原做网站

网站维护托管

css3动画效果animation

css3中的动画属性主要由2部分构成,第一是定义动画过程(@keyframes  动画名称),第二是执行动画(animation:动画名称   执行时间)。比如,我现在要给一个div设置动画效果,由原来的宽100px、高100px、红色背景在3s之内变成宽200px、高200px、橙色背景。代码如下:css部分:.value:hover{animation:myDiv 3s}@keyframes myDiv{from{width:100px;height:100px

CSS3的3D转换效果

通过下面两段代码的对比就可以看出来:2D转换:<div class="box"></div><style>.box{width:100px;height:100px;background:red;transform:rotate(20deg/*默认是以Z轴为中心进行旋转*/)}</style>3D转换:<div class="box"></div><style>.box{w

CSS3的2D转换效果

通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。css3转换主要是用transform来实现的,具体如下:.box{width:100px;height:100px;background:red}<div class="box"></div>一、旋转rotate(默认是以Z轴为中心).box:hover{transform:rotate(30deg)}二、移动translate(根据给定的x坐标和y坐标进行移动【横向、纵向】).b

Canvas的rotate中心点计算方法

Canvas一直都不是很熟,前一段时间项目中遇到了Canvas的问题,不出所料的栽倒了,在这个问题上纠结了好久,今天抽时间来做下总结。在canvas中也有像css3里变形处理的功能,比如移动translate、旋转rotate以及缩放scale等。但css3中所有的变形处理中心点都是针对DOM元素本身,而canvas中的图像是由各种线条和图形组成的一个整体,类似一个画板。用过PhotoShop的话,可以把canvas想想成是一个画布,每次调用save和restore方法就像是保存当前图层图像和新

AngularJs自定义过滤器的方法

AngularJs提供了自定义过滤器的方法,如果现有的过滤器不能完全支持业务需求,那我们可以通过扩展的方法来实现:比如我要把一个手机号的后3位数字变成【*】星号,代码如下:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Title</title><style type="text/css">.ng-cloak{

AngularJs中自定义指令directive的controller属性

controller是AngularJs中的控制器,在控制器里边可以接受后台的数据,并且定义变量显示给前端,controller也可以作为自定义指令directive的属性存在,代码如下:1.html中的代码:<!doctype html><html><head><meta charset="UTF-8" /><title>Document</title></head><body ng-

AngularJs中指令的scope作用域分析

AngularJs自定义一个指令,并且这个指令的内容是引用某个控制器的数据,那么控制器变量发生变化,也会引起指令内容的变化,同样的,如果指令通过ng-model改变值,控制器里边的变量内容也会发生改变。但是有些情况下,我们不需要这样去同步数据,通过设置指令属性scope可以解决这个问题:html部分:<div ng-app="app" ng-controller="ctr1"><input type="text" ng

AngularJs中用到的相关指令总结

AngularJs中用到的相关指令总结(陆续更新中):1、ng-app指令:告诉 AngularJS 应用当前这个元素是根元素。所有AngularJS应用都必须要要一个根元素。HTML文档中只允许有一个ng-app指令,如果有多个 ng-app 指令,则只有第一个会被使用,它的值是指定载应用模块的名称。2、ng-controller指令:用于为你的应用添加控制器。在控制器中,你可以编写代码,制作函数和变量,并使用scope对象来访问。3、ng-model指令:绑定了HTML表单元素到scope变

AngularJs中的双向向数据绑定(MVVM)与表单处理相关指令

用Jsonp调用百度搜索数据的方法Ajax结合Json只能在同一个域名下实现前端和后台的数据交互,但是如果我的网站想调用其他网站的数据怎么办呢?使用jsonp能解决这个问题。1、什么是jsonp呢?首先得知道什么是json?Json是一种轻量级的数据交换格式。Jsonp是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是Jsonp简单的实现形式)。2、Jsonp有什么用?由于同源策略的限制,XmlHtt

AngularJs中的数据比较函数

下面是总结的部分AngularJs的比较函数:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style type="text/css">.ng-cloak{display:none;}</style></head><body ng-app=&qu
<< < 4 5 6 7 8 9 10 11 12 13 > >>
«   2020年10月   »
1234
567891011
12131415161718
19202122232425
262728293031
网站分类
搜索
最新留言
    文章归档
    友情链接