按钮

jQuery动画详解

99封情书 提交于 2020-03-01 11:25:44
千锋逆战班,停课不停学! 1.隐藏显示 (1)运动轨迹:都是从左上角开始动画,显示是从左上角开始显示,隐藏是向左上角隐藏 (2)参数: 参数1 : 毫秒 也就是动画的执行时间 参数2 : 运动的方式 linear 线性 参数3 : 回调函数 当运动结束时,执行的函数程序 (3)显示隐藏与切换 标签对象.show() — 让隐藏的标签,显示 标签对象.hide() — 让显示的标签,隐藏 标签对象.toggle() —切换:隐藏—>显示 显示—>隐藏 注:只能是 display: none;不能是透明度为 0 相应代码: <style> button { display : block ; margin : 0px auto 20px ; } div { width : 200px ; height : 200px ; background : pink ; margin : 0 auto ; display : none ; } </style> <body> <button name="block">点我出现</button><br> <button name="none">点我消失</button><br> <button name="toggle">点我切换</button><br> <div></div> </body> <script src="./jquery.min

登陆注册页面

ぐ巨炮叔叔 提交于 2020-03-01 10:57:58
前提:基于element-ui环境 模态登录组件 <template> <div class="login"> <div class="box"> <i class="el-icon-close" @click="close_login"></i> <div class="content"> <div class="nav"> <span :class="{active: login_method === 'is_pwd'}" @click="change_login_method('is_pwd')">密码登录</span> <span :class="{active: login_method === 'is_sms'}" @click="change_login_method('is_sms')">短信登录</span> </div> <el-form v-if="login_method === 'is_pwd'"> <el-input placeholder="用户名/手机号/邮箱" prefix-icon="el-icon-user" v-model="username" clearable> </el-input> <el-input placeholder="密码" prefix-icon="el-icon-key" v-model="password"

android学习code3 布局上

孤街浪徒 提交于 2020-03-01 08:51:37
andriod系统是一个基于事件驱动行为一种系统 andirod添加事件驱动有四种方式 第一种自定义一个内部类实现OnclickListener private class MyListenner implements OnclickListener{ public void OnClick(View w){ } } 然后onCreate 方法 调用Button dail=(Button)this.findByViewId(R.Id.et_numer); dail.setOnClickListnener(new MyListenner()); 第二种方式通过直接调用匿名匿名内部类使用 第三种 MainActivy直接实现OnclickListener接口 实现Onclick()方法 第四种自定义函数,然后进行业务逻辑的使用 实列1 电话拨号实列 package com.org.login; import com.org.msg.MessageTools; import android.app.Activity; import android.content.Intent; import android.net.Uri; import android.os.Bundle; import android.text.TextUtils; import android.util.Log;

vuejs上的反转字符串例子

妖精的绣舞 提交于 2020-03-01 03:22:01
< div id = "app-5" > < p > { { message } } < / p > < button v - on : click = "reverseMessage" > 反转消息 < / button > < / div > < script > var app5 = new Vue ( { el : '#app-5' , data : { message : 'Hello Vue.js!' } , methods : { reverseMessage : function ( ) { this . message = this . message . split ( '' ) . reverse ( ) . join ( '' ) } } } ) < / script > split(’ ‘)会把数据拆分为一个数组,括号里的’ ‘是把数据拆分为每个字符串的意思 reverse( )是翻转的意思,把数据反过来 join(’ ')是重组的意思,把数组合成一个字符串 来源: CSDN 作者: cathy18c 链接: https://blog.csdn.net/cathy18c/article/details/104196780

android中view控件的setTag()和getTag()用法和功能介绍

梦想的初衷 提交于 2020-03-01 01:19:20
View中的setTag(Onbect)表示给View添加一个格外的数据,以后可以用getTag()将这个数据取出来。   可以用在多个Button添加一个监听器,每个Button都设置不同的setTag。这个监听器就通过getTag来分辨是哪个Button 被按下。   import android.app.Activity;   import android.os.Bundle;   import android.view.View;   import android.widget.Button;   public class Main extends Activity {   @Override   public void onCreate(Bundle savedInstanceState) {   super.onCreate(savedInstanceState);   setContentView(R.layout.main);   Button button1 = (Button) findViewById(R.id.Button01);   Button button2 = (Button) findViewById(R.id.Button02);   Button button3 = (Button) findViewById(R.id.Button03);  

BOOK STORE OPENCART 主题模板 ABC-0098

自古美人都是妖i 提交于 2020-02-29 21:05:52
BOOK STORE OPENCART 主题模板 ABC-0098 Features: Coding: HTML5, CSS3, Semantic Code, jQuery Gallery Script: Accordion, Carousel, Slider Modules: Account, Affiliate, Banner, Bestsellers, Carousel, Category, Featured, Google Talk, Information, Latest, Slideshow, Camera Slideshow, Specials, Store, Welcome, Manufacturer Currencies: USD, GBP, EUR Categories View: Grid, List, Thumbnails Additional Features: Back To Top Button Google Web Fonts Dropdown Menu Sample content Tooltips Favicon Social Options Google map Tabs Live search Cloud Zoom script integrated Categories Accordion http://www.themeschina

WEB控制打印大全

微笑、不失礼 提交于 2020-02-29 19:32:53
1、控制"纵打"、 横打”和“页面的边距。 (1)<script defer> function SetPrintSettings() { // -- advanced features factory.printing.SetMarginMeasure(2) // measure margins in inches factory.SetPageRange(false, 1, 3) // need pages from 1 to 3 factory.printing.printer = "HP DeskJet 870C" factory.printing.copies = 2 factory.printing.collate = true factory.printing.paperSize = "A4" factory.printing.paperSource = "Manual feed" // -- basic features factory.printing.header = "This is MeadCo" factory.printing.footer = "Advanced Printing by ScriptX" factory.printing.portrait = false factory.printing.leftMargin = 1.0 factory

【WPF学习】第五十章 故事板

对着背影说爱祢 提交于 2020-02-29 18:08:30
  正如上一章介绍,WPF动画通过一组动画类(Animation类)表示。使用少数几个熟悉设置相关信息,如开始值、结束值以及持续时间。这显然使得它们非常适合于XAML。不是很清晰的时:如何为特定的事件和属性关联动画,以及如何在正确的时间触发动画。   在所有声明式动画中都会用到如下两个要素:    故事板 。故事板是BeginAnimation()方法的XAML等价物。通过故事板将动画指定到合适的元素和属性。    事件触发器 。事件触发器响应属性变化或事件(如按钮的Click事件),并控制故事板。例如,为了开始动画,事件触发器必须开始故事板。 一、故事板   故事板是增强的事件线,可用来分组多个动画,而且具有控制动画播放的能力——暂停、停止以及改变播放位置。然而,Storyboard类提供的最基本功能是,能够使用TargetProperty和TargetName属性指向某个特定属性和特定元素。换句话说,故事板在动画和希望应用动画的属性之间架起了一座桥梁。   下面的标记演示了如何定义用于管理DoubleAnimation的故事板: <Storyboard TargetName="cmdGrow" TargetProperty="Width"> <DoubleAnimation From="160" To="300" Duration="0:0:5"><

v-on的示例

扶醉桌前 提交于 2020-02-29 17:29:32
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../js/vue.js"></script> </head> <body> <div id="btn"> <!-- 点击事件触发单个js表达式 --> <button v-on:click="count+=1" >点击</button> <p>点击次数{{count}}</p> <!-- 无参函数 --> <button v-on:click="submit">提交</button> <!-- 传参函数 --> <button v-on:click="transform('abc',$event)">传值</button> <!-- 绑定双击事件 --> <button v-on:dblclick="run">双击</button> </div> <script> var vm=new Vue({ el:'#btn', data:{ count:0 }, methods:{ submit: function(){ alert(this

自定义SimpleAdapter

江枫思渺然 提交于 2020-02-29 16:46:23
SimpleAdapter,跟名字一样,一个简单的适配器,既为简单,就只是被设计来做简单的应用的,比如静态数据的绑定,不过仍然有自定义的空间,比如说在每一个ListItem中加一个按钮并添加响应事件.首先还是先看一下SimpleAdapter的定义吧,直接翻译下SDK doc 吧:   这是一个简单的适配器,可以将静态数据映射到XML文件中定义好的视图。你可以指定由Map组成的List(比如ArrayList)类型的数据。在ArrayList中的每个条目对应List中的一行。Maps包含每一行的数据。你可以指定一个XML布局以指定每一行的视图,根据Map中的数据映射关键字到指定的视图。绑定数据到视图分两个阶段,首先,如果设置了SimpleAdapter.ViewBinder,那么这个设置的ViewBinder的setViewValue(android.view.View, Object, String)将被调用。如果setViewValue的返回值是true,则表示绑定已经完成,将不再调用系统默认的绑定实现。如果返回值为false,视图将按以下顺序绑定数据: 如果View实现了Checkable(例如CheckBox),期望绑定值是一个布尔类型。 TextView.期望绑定值是一个字符串类型,通过调用setViewText(TextView, String)绑定。