一、前言  在CSS中,我们经常会使用到transform、transition、translate、animation(@keyframes)这些长得相似,又不好区分的属性(值)。每当需要使用它们,都需要去查找相关的介绍和使用方法,完成后却又继续困惑中。而本篇博客将将它们汇合起来,一起介绍给你。  简单介绍:transform属性:向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、
事件绑定方式一【HTML事件处理程序】 HTML事件处理程序: 将事件直接内嵌内HTML结构标签元素内的 【不推荐用,因为不灵活】 例:
转载 2023-07-12 05:53:38
222阅读
一、数据及事件绑定1.知识点(1)算术运算、对象和数组绑定的实现方法(2)事件绑定的实现方法2.实现方式(1)WXML(WeiXin Markup Language)。WXML是框架设计的一套标签语言,结合基础组件、时间系统,可以构建出页面的结构。(2)data对象。data对象是页面第一次渲染时使用的初始数据,WXML中的动态数据均来自对应的Page的data。页面加载时,data以JSON字符
文章目录一.创建动画效果二.在css选择器中引用三.参数解释animation(调用动画以及参数的解释,与-webkit-animation通用)duration(动画执行的时间)timing-function(动画执行的速度)delay(动画延迟多久开始)iteration-count(动画执行的次数)direction(是否轮流播放)四.题外话(一些css函数)1.缩放函数2.旋转函数3.倾斜
转载 5月前
62阅读
事件绑定 vue如何处理事件? v-on / 缩写@ 示例: <!-- 方法处理器 --> <button v-on:click="doThis"></button> <!-- 动态事件 (2.6.0+) --> <button v-on:[event]="doThis"></button> <!- ...
转载 2021-08-06 15:30:00
1022阅读
2评论
有两种绑定事件的方式: v-on:事件名(vue1版本) @事件名(vue2以上版本) 格式: <标签名 @事件名="方法或者基本JS代码">标签内容</标签名> 例子: <div id="box"> <div @click="func01">姓名:{{name}}</div> <div @clic ...
转载 2021-10-01 20:49:00
116阅读
2评论
<!-- 1 需要给input标签绑定 input事件 绑定关键字 bindinput 2 如何获取 输入框的值 通过事件源对象来获取 e.detail.value 3 把输入框的值 赋值到 data当中 不能直接 1 this.data.num=e.detail.value 2 this.num=
原创 2021-07-28 15:50:33
180阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
原创 2021-08-13 13:53:45
216阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,ma
原创 2022-07-02 00:11:15
64阅读
      对于事件绑定的方法有多种多样,但是在解除绑定事件的时候,就要注意使用的是那种绑定事件的方法,因为不同的绑定方法所对应的解除事件是不同的。1. 原始写法1.1 绑定事件:对象.事件=事件处理函数         <!doctype html> <html> <head>
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.12.1.js" type="text/javascript"></script> <
转载 2016-09-23 20:08:00
150阅读
2评论
div{width:100px;height:100px;background:red;position:relative;animation-name:mymove;animation-duration:5s;/* Safari and Chrome */-webkit-animation-name:mymove;-webkit-animation
原创 2021-06-30 13:49:09
142阅读
@-webkit-keyframes passdown{  0%   {bottom:9%;}  50%  {bottom:7.2%;}  100% {bottom:9%;}}.pub-passdown{  position: absolute;  width: 10%;  left: 45%;  bottom: 4%;  -webkit-animati
原创 2021-06-30 13:49:08
191阅读
js循环绑定事件在js中,用循环来为一个元素队列的元素绑定事件,是一个常见的问题。通常进入误区的新人,都会理想当然地这么写代码:(假设元素队列为o,默认使用jQuery)//error methodvar o =$('.blockHead'); for(var i=0; i<o.length; i++){ o[i].onclick = function(){ ale
对于jQuery中的事件绑定方法,主要有on()、bind()、delegate()、live()等这几个方法。之前都是之前拿过来用,也知道有这么几个方法,但是不清楚这几个事件绑定方法之间的区别。平时用的最多的是on方法,今天打算整理一下。bind方法<!DOCTYPE html> <html> <head> <meta charset="utf-
 v-bind:class=" "    绑定样式    <div id="app">          值是对象形式,字段名是class样式名,值是boolean值,true是引用该样式,false不引用 -->          值是false,只是不引用该样式,并不是就不显示该元素了 -->         <p v-bind:class="{red:true}
转载 2021-05-10 19:25:49
782阅读
2评论
​ 因为普通注册事件方法的不足,jQuery又创建了多个新的事件绑定方法bind() / live() / delegate() / on()等,其中最好用的是: on() 语法 演示代码 1.2.2 案例:发布微博案例 1.点击发布按钮, 动态创建一个小li,放入文本框的内容和删除按钮, 并且添加
转载 2020-01-17 22:54:00
280阅读
2评论
1、事件1.1 鼠标事件<html> <head> <meta charset="UTF-8" /> <title>mouseover和mouseenter的区别</title> <script type="text/javascript" src="js/jquery-1.12.4.js"></scri
jQuery表单事件: 一、jQuery中的focus()获取焦点事件与blur()失去焦点事件(鼠标事件): 1. focus() 事件: 当元素获得焦点时,触发focus事件。可以通过鼠标点击或者键盘上的TAB导航触发。这将触发所有绑定的focus函数事件。 【 $(".wrap input").focus(function () { console.log(“input已经获取到了焦点”)
通过方法来绑定一个或者多个事件也可以解除事件绑定结构以前,我们这样子绑定点击事件新的写法鼠标移动的写法mouseover一次绑定了多个事件,用空格隔开取消绑定事件unbind...
  • 1
  • 2
  • 3
  • 4
  • 5