按钮 | 易学教程

WPF 简易的跑马灯效果

阅读更多关于 WPF 简易的跑马灯效果

原文: WPF 简易的跑马灯效果最近项目上要用到跑马灯的效果，和网上不太相同的是，网上大部分都是连续的，而我们要求的是不连续的。也就是是，界面上就展示4项（展示项数可变），如果有7项要展示的话，则不断的在4个空格里左跳，当然，衔接上效果不是很好看。然后，需要支持点击以后进行移除掉不再显示的内容。效果如下：思路大致如下： 1、最外层用一个ViewBox，为了可以填充调用此控件的地方，这样可以方便自动拉伸 <Viewbox x:Name="viewbox_main" Height="{Binding Path=ActualHeight}" Width="{Binding Path=ActualWidth}" MouseLeave="grid_main_MouseLeave" MouseMove="grid_main_MouseMove" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Stretch="Fill"/> 2、定义三个变量，一个是Count值，是为了设定要展示的UserControl的个数的，例如默认是4个，如效果图，当然，设置成5的话，就是5个了；一个List<Grid>是为了放入展示控件的列表，一个List<UserControl>是用来放所有要用于跑马灯里的控件的。 3、设置一个Canvas

PHP实现登录，注册，密码修改

阅读更多关于 PHP实现登录，注册，密码修改

注册，登录，修改密码 1.登录 2.忘记密码 3.免费注册页面布局 <div id="views" class="views"> <div id="view-login" class="page-view view-login active"> <present name="wxuser"> <div id="wxuser" class="form-group text-center"> <div> <img src="{sh:$wxuser.headimgurl}"> </div> <h4 class="nickname">{sh:$wxuser.nickname}</h4> </div> </present>  <div id="login" class="step"> <h4 class="popup-title login">登录</h4> <div class="go-forget">忘记密码</div> <form class="form-horizontal" role="form" type="get"> <div class="form-group"> <label>手机号码</label> <input type="tel" name="tel" class="form-item" id="tel_num" placeholder=

208 jQuery 效果之显示隐藏

阅读更多关于 208 jQuery 效果之显示隐藏

jQuery 给我们封装了很多动画效果，最为常见的如下：显示隐藏：show() / hide() / toggle() ; 划入画出：slideDown() / slideUp() / slideToggle() ; 淡入淡出：fadeIn() / fadeOut() / fadeToggle() / fadeTo() ; 自定义动画：animate() ; 注意：动画或者效果一旦触发就会执行，如果多次触发，就造成多个动画或者效果排队执行。 jQuery为我们提供另一个方法，可以停止动画排队：stop() ; 1.5.1 显示隐藏显示隐藏动画，常见有三个方法：show() / hide() / toggle() ; 语法规范如下: 代码演示 <body> <button>显示</button> <button>隐藏</button> <button>切换</button> <div></div> <script> $(function() { $("button").eq(0).click(function() { $("div").show(1000, function() { alert(1); }); }) $("button").eq(1).click(function() { $("div").hide(1000, function() { alert(1)

wpf 资源字典使用

阅读更多关于 wpf 资源字典使用

window 界面很多自定义控件方便很多地方用到的控件都是重复的可以用资源字典来统一管理方便修改自定义一个imagebutton <Style TargetType="Button" x:Key="ButtonImage"> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderThickness" Value="0" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="Button"> <Grid Background="{TemplateBinding Background}"> <ContentPresenter></ContentPresenter> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> xaml页面调用只用在<page.Resources></page.Resources>的中间添加资源字典文件夹路径就可以了 <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <ResourceDictionary

layui开关按钮回显

阅读更多关于 layui开关按钮回显

最近公司在试用layui 框架进行开发，碰到了开关按钮修改回显的问题。下面给大家上代码：新增开关按钮 <div class="layui-form-item"> <label class="layui-form-label" style="width: 135px;">是否推荐精选会议</label> <div class="layui-input-block"> <input type="checkbox" id="selectedStatuss" name="selectedStatus" lay-skin="switch" lay-text="是|否"> </div> </div> 修改回显按钮： $('#noticeNormal').prop('checked','checked'); 就这么简单来源： CSDN 作者：二_叔链接： https://blog.csdn.net/m0_37373563/article/details/104005289

JavaScript入门学习之四——JQuery入门

阅读更多关于 JavaScript入门学习之四——JQuery入门

在前面一章我们已经点到过，很多的情况我们都是通过JQuery来对标签进行操作的，在这一章我们就来好好讲一讲这个JQuery。 JQuery初识先看看JQuery的使用 JQuery的特点：可以用及其简练的语言来做JS做的事情(write less,do more) JQuery就是一个JS文件,相当于一个Python的第三方模块，直接拿过来用就可以了（但是需要按照要求的规则）。但是原生的JS DOM是基础，其实还是通过这些基础来实现所有的操作。我们要学习的，JQuery最常用的方向，也就是改变标签的属性、样式和事件相关的一系列操作。 JQuery的基础语法 JQuery的语法还是比较简单的，只有一句必须要掌握的 $(selector).action() 前面的selector就相当于一个标签选择器，后面的action就是相对应的操作标签选择器 id选择器 $("#id") 标签选择器 $("tagName") class选择器 $(".className") 所有元素选择器 $("*") 选择器的配合使用 $("tagName.className") //两个条件一定不能加空格，要紧挨着，加了空格就有层级的效果，下面会讲到组合选择器同时符合多个条件 $("condition1,condition2...") 练习题结合上面的各种基本组合器看看下面的方法应该怎么实现

PyQt5 信号和槽

阅读更多关于 PyQt5 信号和槽

信号发出，连接的槽函数即可运行。通用表达式： widget.signal. connect (slot) import sys from PyQt5.QtWidgets import QApplication, QWidget, QPushButton class Example(QWidget): def __init__(self): super().__init__() self.initUI() def initUI(self): self.resize(600,400) self.setWindowTitle('title') # 实例化QPushButton对象 self.button = QPushButton('Start', self) # 连接信号和槽 self.button.clicked.connect(self.change_text) self.show() def change_text(self): if self.button.text() == 'Start': self.button.setText('Stop') else: self.button.setText('Start') if __name__ == '__main__': app = QApplication(sys.argv) ex = Example() sys.exit

vue中使用swiper

阅读更多关于 vue中使用swiper

一. 下载swiper： npm install swiper -S 二. css：在main.js里引入css import Vue from 'vue' import 'swiper/dist/css/swiper.css' ; 三. js：在需要使用swiper的组件里引入swiper， swiper的初始化放在mounted里（可以把官网例子的启动 var mySwiper = 删掉）； <script> import Swiper from 'swiper' ; export default { name : 'HelloWorld' , data () { return { msg : 'Welcome to Your Vue.js App' } }, mounted(){ new Swiper ( '.swiper-container' , { loop : true , // 如果需要分页器 pagination: '.swiper-pagination' , // 如果需要前进后退按钮 nextButton: '.swiper-button-next' , prevButton : '.swiper-button-prev' , // 如果需要滚动条 scrollbar: '.swiper-scrollbar' , }) } } < /script> 四.

Bootstrap框架

阅读更多关于 Bootstrap框架

Bootstrap框架 Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。它是为实现快速开发Web应用程序而设计的一套前端工具包。它支持响应式布局，并且在V3版本之后坚持移动设备优先。为什么要使用Bootstrap？在Bootstrap出现之前：命名：重复、复杂、无意义（想个名字费劲）样式：重复、冗余、不规范、不和谐页面：错乱、不规范、不和谐在使用Bootstrap之后：各种命名都统一并且规范化。页面风格统一，画面和谐。 Bootstrap下载官方地址：https://getbootstrap.com 中文地址：http://www.bootcss.com/ 我们使用V3版本的Bootstrap，我们下载的是用于生产环境的Bootstrap。 Bootstrap环境搭建目录结构： bootstrap-3.3.7-dist/ ├── css // CSS文件 │ ├── bootstrap-theme.css // Bootstrap主题样式文件 │ ├── bootstrap-theme.css.map │ ├── bootstrap-theme.min.css // 主题相关样式压缩文件 │ ├── bootstrap-theme.min.css.map │ ├── bootstrap

Git使用教程

阅读更多关于 Git使用教程

安装 1、安装Git-2.9.2-64-bit 使用默认选项，所有的页面直接点击下一步直到安装结束 2、安装TortoiseGit-2.2.0.0-64bit 使用默认选项，所有的页面直接点击下一步直到安装结束克隆(Clone)代码到本地本篇我们要创建一个新的工程，然后上传到GitHub。那么第一步就是去GitHub注册一个账号，这个怎么注册我就不写攻略了……我坚信不会有人卡在这一步的……注册成功后我们点击“New Respository”来创建一个Respository供我们提交代码用。填写Respository的名称，点击Create respository即大功告成，如下图所示：创建成功后跳转到如下界面，我们通过右侧的按钮拷贝下Respository的URL，一会我们需要在VS2015中填写这个地址来提交代码。放心只需要填写一次，以后都是傻瓜式的点一点按钮。（说实话我挺受不了配置环境需要阅读上千字说明，再敲一堆不知所以的命令行），如下图所示：在visual studio 2015 中使用git 点击克隆按钮将版本库的url地址复制到此处后，选择到文件保存的路径然后点击克隆按钮就将服务器上的文件克隆到本地了。修改代码后提交到git服务器修改过的代码文件左边有一个红色的钩形图标，新添加的代码文件的左右有一个绿色的加号图标。在要提交的项目上点击鼠标右键

订阅按钮