canvas实现点击带水纹的按钮

咱今天在闲逛网页时,看到一个点击带水纹的按钮特效,尼玛,写的还挺好,先看效果: 于是就奔着升级版的拿来主义,别人的好东西,咱都要拿来滴,so,扒代码! 完整代码在最后,是经过我的改进优化滴. 在这里先分析一下功能,就两个核心点. 1.获取当前鼠标点击位置,注意这里要用 offsetX/Y,不能用screenX/Y或者clientX/Y,他们三个的区别可以上网搜一下,这里就不说了. 2.以获取到的点击位置为中心点,利用html的canvas画布画半透明的圆,这里为了体现水纹的动态扩展效果,要设置一…

WPF自定义控件之带倒计时的按钮--Button

1.说明之前做过一个小项目,点击按钮,按钮进入倒计时无效状态,计时完成后,恢复原样,现在就实现该效果---带倒计时的按钮 2.效果 1)正常状态 2)MouseOver(只有背景色变化) 3)点击进入无效状态 4)在无效状态下计时 5)恢复正常状态 3.XAML代码  <!-- <Style x:Key="TimerBtnStyle" TargetType=&q…

【传】玩转Android---UI篇---ImageButton(带图标的按钮)

原文网址:http://hualang.iteye.com/blog/964049 除了Android系统自带的Button按钮一万,还提供了带图标的按钮ImageButton 要制作带图标的按钮,首先要在布局文件中定义ImageButton,然后通过setImageDrawable方法来设置要显示的图标. 注意: 我们可以在布局文件中就直接设置按钮的图标,如 android:src="@drawable/icon1" 我们也可以在程序中设置自定义图标 imgbtn3.setImage…

去除IE10自带的清除按钮

最近在工作中碰到了一个问题,原本在IE8,IE9下正常的input表单,在IE10下会出现清除按钮,即表单右侧会出现一个可以清除该表单内容的小叉.由于之前一直没有兼容过IE10,所以我专门搜了下原因.发现,该功能是微软在IE10上新添加的功能,用于快速清空表单值. 而问题是,工作中使用到的表单控件以及日期组件右侧有清除图标以及日历图标,这使得在IE10下,input表单右侧会出现图表叠加的情况--即控件自带的图标和IE10自带的清除按钮重叠.很明显,这影响了用户体验,所以当务之急是去除或隐藏该按…

添加类似navigationController自带的返回按钮

添加类似navigationController自带的返回按钮,效果如下: 一.UINavigationcontroller自带的navigationBar 是无法添加左箭头的返回按钮的在网上搜索了一下但是真的有方法可以添加成功,但是前提是该 navigationBar不是NavigationController自带的. 如果是自带的navigationBar就无法添加成功,会出现 Terminating app due to uncaught exception 'NSInternalIn…

[转]WPF自定义控件之带倒计时的按钮--Button

1.说明之前做过一个小项目,点击按钮,按钮进入倒计时无效状态,计时完成后,恢复原样,现在就实现该效果---带倒计时的按钮 2.效果 1)正常状态 2)MouseOver(只有背景色变化) 3)点击进入无效状态 4)在无效状态下计时 5)恢复正常状态 3.XAML代码 1   <SolidColorB…

WPF开发随笔收录-带递增递减按钮TextBox

一.前言今天分享一下如何实现带递增递减按钮的TextBox控件二.正文 1.之前的博客分享了一篇自定义XamlIcon控件的文章,这次就直接在那个项目的基础上实现今天这个自定义控件 2.首先添加两个图标资源,一个增加的按钮,一个减小的按钮,具体过程可以参考我之前写的文章 3.接着新增一个自定义控件,如图所示那个 4.添加后,项目中还会生成一个Themes文件夹,里面还有一个Generic.xaml的文件,这个文件可以用来写控件样式的,里面会自动生成一个最基础的控件样式,而那个NumberTe…

基于jQuery点击加载动画按钮特效

分享一款基于jQuery点击加载动画按钮特效.这是一款基于jQuery+CSS3实现的鼠标点击按钮加载动画特效代码.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3 text-center"> <p> <button c…

selenium依次点击页面的删除按钮

需要依次点击页面的删除按钮,如下图: @Test public static void FaBu() { TestMenuJump.jumpExam(driver); TestMenuJump.jumpExamPa(driver); WebElement wes = driver.findElement(By.id("Category")); Select sc = new Select(wes); sc.selectByIndex(3); wes.submit(); //driver…

点击Cell中的按钮时，如何取所在的Cell

4.点击Cell中的按钮时,如何取所在的Cell:-(void)OnTouchBtnInCell:(UIButton *)Btu{CGPoint point = btn.center;point = [table convertPoint:point fromView:btn.superview];NSIndexPath* indexpath = [table indexPathForRowAtPoint:point];UITableViewCell *cell = [table cellFor…

重复点击主界面(TabBar)按钮刷新界面--点击状态栏回到顶部

1.监听按钮点击 2.判断是否是点击的同一个按钮(记录上次点击的按钮) 3.当重复点击相同按钮时,需要获取当前按钮对应控制器刷新界面 3.1 判断是否重复点击按钮,代码写在哪里? 点击标题按钮,属于精华控制器的事情,所以找到精华控制器.写在点击按钮方法里面 3.2怎么拿到按钮对应的控制器? 通过当前按钮的tag值,从精华控制器的子控制器数组中去 3.3怎么让对应的控制器刷新界面? 在…

jquery ui 常用（一）（自动完成 | 标签页 | 折叠面板 | 带图标的按钮 | 日期选择器| ）

条件,引用3个文件 jquery-ui.min.css; jquery.min.js; jquery-ui.min.js. 一.自动完成 http://www.w3cschool.cc/jqueryui/example-autocomplete.html var availableTags = [ "ActionScript", "AppleScript"]; $( "#mytags" ).autocomplete({ …

WinForm中如何判断关闭事件来源于用户点击右上角的“关闭”按钮

在C#的WinForm程序中,有的时候需要判定关闭请求从哪里发出来的.比如是用户点击了右上角的“关闭”按钮,还是调用了WinForm.Close()方法.最典型的是要知道点击右上角的“关闭”按钮发出的事件.下面这个方法可以判断这点: 程序代码 protected override void WndProc(ref Message msg) { const int WM_SYSCOMMAND = 0x0112; const int SC_CLOSE = 0xF06…

移动Web前端，游客点击商品的收藏按钮，登录完成，回来之后，如何自动收藏

我们都知道,移动Web端(M站环境下),很多时候,前端是无法判断用户的登录状态的,因为出于安全性考虑,与账号相关的cookie字段一般都是 http-only的. 如果前端想判断用户的登录状态,需要主动去调后台接口,根据后台接口返回的状态码来判断. 那么,我如果想实现下面这样一个场景,该怎么做呢? 移动Web端(M站环境下),游客点击商品的收藏按钮,登录完成,回来之后,如何自动收藏? 方式一:在url里加字段具体步骤如下: (1)游客点击收藏按钮,立即调用favCommAdd的接口(假设这个是…

bootstrap带图标的按钮与图标做连接

bootstrap通过引入bootstrap的JS与css文件,给元素添加class属性即可. 使用图标只需要加入一个span,class属性设置为对应的图标属性即可.图标对应的class属性可以参考菜鸟教程: http://www.runoob.com/bootstrap/bootstrap-glyphicons.html 带图标的按钮:…

ecshop点击订购、加入按钮没反应的解决方法

今天做ecshop站的时候,测试数据,发现点击订购.加入按钮都没反应,网上搜索,有些人说是修改了common.js,我将原始版本复原也没反映.后来重新安装ecshop,仔细研究发现,原来头部文件page_header.lbi被完全修改后,就点击没反应. javascript:addToCart(1)加入不了. 解决方法: 只要page_header.lbi保留以下这段代码,{insert_scripts files='transport.js,utils.js'} 点击按钮就会有反应了. --…

vue 表格数据编辑，点击取消或者完成按钮后，关闭编辑状态没有及时生效

点击编辑按钮: 编辑状态下,表格可以编辑.但是点击“确认”或者“取消”按钮,列数据编辑状态已经修改,但是视图没有改变. 页面代码: 获取当前行的index,并直接修改当前行用于判断是否编辑状态的数据为false(不可编辑): 根本原因是因为vue的视图更新不及时问题导致. 解决方法: 需要使用vue.set()方法进行修改数据才可以立刻更新视图…

Flutter学习笔记（26）--返回拦截WillPopScope，实现1秒内点击两次返回按钮退出程序

如需转载,请注明出处:Flutter学习笔记(26)--返回拦截WillPopScope,实现1秒内点击两次返回按钮退出程序在实际开发中,为了防止用户误触返回按钮导致程序退出,通常会设置为在1秒内连续点击两次才会退出应用程序.Android中一般的处理方式是在onKeyDown方法内做计时处理,当keyCode == KeyEvent.KEYCODE_BACK 且两次点击返回按钮间隔时间小于1秒则退出应用程序,在Flutter中可以通过WillPopScope来实现拦截返回按钮,并且在其内部…

Java+Selenium 上传文件，点击选择“浏览文件”按钮，报错invalid argument

Java+Selenium 上传文件,点击选择"浏览文件"按钮,报错invalid argument 解决代码: Actions action=new Actions(driver); action.click(driver.findElementByName("file")).build().perform(); 参考解决连接:https://blog.csdn.net/u012150449/article/details/109457495…

UI-切圆角、透明度、取消按钮点击高亮效果、按钮文字带下划线

一.切UIView的某个角为圆角如果需要将UIView的4个角全部都为圆角,做法相当简单,只需设置其Layer的cornerRadius属性即可(项目需要使用QuartzCore框架).而若要指定某几个角(小于4)为圆角而别的不变时,怎么做呢? 其实很简单,使用UIBezierPath,设置CAShapeLayer,给UIView设置遮罩效果即可. // 图标左上.左下切圆角 UIBezierPath *phoneIconPath = [UIBezierPath bezierPathWithR…

用CSS制作带图标的按钮

先上一张效果图…

OC实现带弹跳动画按钮的界面控制器view

很多应用都有带弹跳动画发布界面,这里用一个 UIViewController 实现这种效果,外界只要 modal出不带动画这个控制器就可以实现 #import "BSPublishVC.h" #import "BSVerticalButton.h" #import <POP.h> @interface BSPublishVC () @end @implementation BSPublishVC - (void)viewDidLoad {…

C#-WinForm-弹窗提示框-如何知道用户点击的是哪个按钮？

MessageBox.Show() 有21个重载常用的弹窗提示框 1.一个参数,弹窗只有一个选项 2.三个参数,第一个参数是设置弹窗消息框中的文字内容:第二个参数是设置弹窗标题栏中显示的文本:第三个参数是指定消息框中显示哪些按钮比如: (李献策lxc) 那么如何知道用户是点击的"确定"还是"取消"呢? MessageBox.Show() 返回一个DialogResult值 private void button1_Click(object sender, Eve…

[Jquery]某宝图片轮播(无缝、带左右切换按钮)

[效果] 左右移动(非渐隐) [思路] 1.结构与样式 ①最外层div盒子当容器,里面ul宽度无限大并且相对定位(到时候移动其实移的是ul的left) ②按钮的透明度可用background:rgba()来搞定 ③最后一张图片后面紧接第一张,第一张前面紧接最后一张,也就是5123451(不这样做两张图片没有办法贴在一起),这是无缝的关键 ④如果是全屏轮播,不能直接用img标签插入图片,会有横向滚动条.应该用background,并用绝对定位(而不是浮动) 2.js ①每次点击按钮,移动的ul距离…

点击UserControl中的按钮将值传给winform页面

源码下载地址:http://download.csdn.net/detail/dora_zhh/7456521 1.如图所示,点击选择按钮弹出用户控件UserControl 2.点击确定按钮,将值传给winform页面中的textbox 3.UserControl1的代码: public partial class UserControl1 : UserControl { public UserControl1() { InitializeComponent(); } public delega…