AngularJS阻止点击冒泡事件
<div ng-click="alertDiv('div',$event)"> <button ng-click="alertBtn('btn');$event.stopPropagation();">click</button> </div> 来源： CSDN 作者： 浮华饰浮华 链接： https://blog.csdn.net/qq_33300026/article/details/104037288
按钮
vue vue-cli 引入vant组件及配置
如果您还没有搭建vue-cli项目，那么请参考 https://www.cnblogs.com/xiaobaibubai/p/7560416.html 这篇博客,搭建好的vue-cli项目结构如下： 1.cmd控制台输入安装vant的命令 npm i vant -S ：这是简写形式。 npm install vant --save :这是完整写法。 2.如果您不确定是否安装成功，那么我们可以去node_modules中查看 3.接下来我们还需要安装一个插件，方便我们之后优雅的使用vant,在控制台输入 npm i babel - plugin - import - D 或者 npm install babel - plugin - import -- save - dev 4.接下来我们去.babelrc中配置一下 { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], "stage-2" ], "plugins": ["transform-vue-jsx", "transform-runtime", ["import",{"libraryName":"vant","style":true}]],
Python tkinter编程之Button_2# -*-coding:utf-8 -*- ''' Button的外观效果 flat groove raised ridge solid sunken
# -*-coding:utf-8 -*- ''' Button的外观效果 flat groove raised ridge solid sunken ''' from tkinter import * root = Tk() def hellowButton(): print('hello Button') Button(root, text = 'hello button',relief = FLAT).pack() Button(root, text = 'hello button', relief = GROOVE).pack() Button(root, text = 'hello button', relief = RAISED).pack() Button(root, text = 'hello button', relief = RIDGE).pack() Button(root, text = 'hello button', relief = SOLID).pack() Button(root, text = 'hello button', command = hellowButton, relief = SUNKEN).pack() root.mainloop() 来源： CSDN 作者： qiukapi 链接： https://blog.csdn.net
分享10款漂亮的css按钮源码
1、Plastic Buttons 地址：https://codepen.io/ben_jammin/pen/syaCq 这组按钮设计很干净，它们有许多不同的颜色和尺寸，你可以轻松地重新设计这些按钮。 有多种风格可以选择，小型，中型或大型按钮。 有默认按钮，禁用按钮和设计为开关或标签的按钮行。 对于纯CSS解决方案，这是Web上最干净的按钮样式之一。 2、Cool Buttons 地址：http://codepen.io/FelipeMarcos/pen/tfhEg 这是一组由 Felipe Marcos 制作的酷炫按钮，与上面的塑料按钮略有不同，但它们也易于使用。虽然没有闪亮的塑料设计，但当你点击后，依然会感受到有种“推”的效果。 你可以从六种预先设计的颜色中选择或自定义你想要的颜色。 CSS被分成不同的类名，因此您可以在一个类上设置默认按钮样式，并将颜色与其他类交替。 译者注：以下是部分按钮类型的截图 3、Google Buttons 地址：https://codepen.io/timwagner/pen/pAecq Google的在线工具，如Blogger，云端硬盘，Gmail及其搜索功能都有不同的按钮样式。 开发人员Tim Wagner在这支笔中克隆了这些风格。 它们完全是用CSS3构建的，这些按钮展示了许多谷歌风格的效果，你可以构建它们看起来都很棒。 这是一个类似的例子
jQuery效果--动画
jQuery 动画 - animate() 方法 jQuery animate() 方法用于创建自定义动画。 ps：只要设置相对的属性例如百分比之类，不断点击是一直会有动画效果的，但是如果设置为固定值，则只能显示一次 语法： $(selector).animate({params},speed,callback); 必需的 params 参数定义形成动画的 CSS 属性。 可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是动画完成后所执行的函数名称。 下面的例子演示 animate() 方法的简单应用； 它把 <div> 元素移动到左边，直到 left 属性等于 250 像素为止： code: <!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("div").animate({left:'250px'}); }); }); </script> </head> <body> <button>开始动画</button> <p> 默认情况下，所有 HTML
10款很酷的HTML5动画和实用的HTML5应用
1、HTML5的画布花朵生成器可生成多种样式的花朵 HTML5非常流行，利用HTML5制作动画也非常方便，今天要分享一款利用HTML5 Canvas制作的花朵生成器，我们只需要在Canvas画布上点击鼠标，即可动态生成各种颜色样式的花朵，并且每一朵花都可以缓慢地旋转，非常炫酷。 在线演示 源码下载 2、HTML5/CSS3仿谷歌播放的垂直菜单 今天介绍的一款CSS3菜单也是垂直菜单，是一款仿Google玩的垂直菜单，另外菜单左侧还有非常漂亮的小图标。 在线演示 源码下载 3、CSS3 3D按钮按钮有漂亮的边线 今天要分享的这款CSS3按钮效果非常不错，是一款3D的按钮特效，当按钮按下时，按钮便会凹陷下去，这款CSS3 3D按钮还有一个特点，按钮左侧边有漂亮的边线。 在线演示 源码下载 4、10款造型奇特的CSS3进度条 /加载动画 今天我们要分享10款造型奇特的CSS3进度条 /Loading动画，这10款进度条应用不仅有创意的外观，而且还有非常特别的动画效果。另外，有些进度条还可以用在Loading动画，效果也挺不错。 在线演示 源码下载 5、HTML5/CSS3动画进度条可用于投票结果分析 今天我们要来分享一款很酷的CSS3动画进度条插件，这款CSS3进度条还可以用在投票结果分析，效果也非常不错。 在线演示 源码下载 6、非常个性化的CSS3自定义复选框和RadioBox的
wpf中的样式与模板
1.WPF样式 类似于Web应用程序中的CSS，在WPF中可以为控件定义统一的样式(Style)。样式属于资源的一种，例如为Button定义统一的背景颜色和字体： <Window.Resources> <Style TargetType="Button"> <Setter Property="Background" Value="Yellow" /> </Style> </Window.Resources> <StackPanel> <Button>Button A</Button> </StackPanel> 在Style中定义的属性及值，影响到Window中的所有类型为Button的控件的样式 这种样式，类似于CSS中的类型选择器，为某种类型定义样式。 此外还可以在Style中加入x:Key属性，做为特定的样式(注意，这种也需要定义TargetType); 在第一个样式的基础上创建一个新样式可以达到这一目的，如下所示：<Window.Resources> <Style x:Key="BigFontButtonStyle"> <Setter Property="Control.FontFamily" Value="Times New Roman" /> <Setter Property="Control.FontSize" Value="18" /> <Setter
js页面打印去除页眉页脚
来自森大科技官方博客 http://www.cnsendblog.com/index.php/?p=250 GPS平台、网站建设、软件开发、系统运维，找森大网络科技！ http://cnsendnet.taobao.com js的页面打印，页眉和页脚一些多余信息怎么去除2006年10月23日 星期一 9:49欢迎大家访问我的网站： http://www.gaotianpu.com/ 我用了一个打印的控件，然后调用js的print()函数，就打印窗口页面，但是在有些机器上页眉有html里面title的内容打印出来，还有第几页的标识，页脚有该窗口页面的地址打印出来，还有日期，这些信息我都是不需要的，在少数机器上有时就没有，我不知道是什么原因，谁能指点一下是什么的缘故和怎么解决？万分感激！！ 解决方案一： < HTML > < HEAD > < script language = "JavaScript" > var hkey_root , hkey_path , hkey_key hkey_root = "HKEY_CURRENT_USER" hkey_path = "\\Software\\Microsoft\\Internet Explorer\\PageSetup\\" //设置网页打印的页眉页脚为空 function pagesetup_null ( ) { try { var
Xamarin Forms隐藏后退按钮（Android）
隐藏后退按钮： NavigationPage . SetBackButtonTitle ( this , string . Empty ) ; NavigationPage . SetHasBackButton ( this , false ) ; 隐藏标题栏： NavigationPage . SetHasNavigationBar ( this , false ) ; 来源： CSDN 作者： 金领 链接： https://blog.csdn.net/jinlingjjl/article/details/104032795
C# WPF里信息提示框的写法
在winform里信息框我们一般这样写 private void Button_Click(object sender, RoutedEventArgs e) { if (MessageBox.Show ("要退出程序吗?", "退出程序",MessageBoxButton.YesNo ) == DialogResult.Yes ) { this.Close(); } } 在WPF里DialogResult没有Yes或No的枚举取值了，所以应该这样写 private void Button_Click(object sender, RoutedEventArgs e) { if (MessageBox.Show ("要退出程序吗?", "退出程序",MessageBoxButton.YesNo ) == MessageBoxResult.Yes ) { this.Close(); } } 来源： https://www.cnblogs.com/YYMMDD/p/12210774.html