用代码切换 Edit 不同的键盘样式: procedure TForm1.Button1Click(Sender: TObject); begin Edit1.KeyboardType := TVirtualkeyboardType.Default; Edit1.SetFocus; end; procedure TForm1.Button2Click(Sender: TObject); begin Edit1.KeyboardType := TVirtualkeyboardType.Number…
1.easyui-accordion的使用 <div id="aa" class="easyui-accordion" style="width:300px;height:200px;"> <div title="Title1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;"&…
下拉框等需要显示上下箭头切换的CSS样式   .icon-right, .icon-down, .icon-up { display: inline-block; padding-right: 13rpx; position: absolute; /*组件内调整箭头的位置*/ right: 20rpx; top: 10rpx; } .icon-right::after, .icon-down::after, .icon-up::after { content: ""; display:…
目前 Firemonkey 有一个问题,就是在 Edit 按下会立即弹出键盘,在红鱼儿的博客也提交了 QC: http://blog.sina.com.cn/s/blog_44fa172f0102vy2q.html 被此问题所累的朋友,去投个票吧! 下面想出暂时解决的方法(最终还是希望官方能修正这个问题): // 先将 Edit1.ReadOnly 设定为 False procedure TForm1.Edit1MouseUp(Sender: TObject; Button: TMouseBut…
由于课题的需求需要做MFC串口程序,看了百度下载的串口助手的界面风格,发现这个设计很好 波特率的组合框只给出了5个可选数值,然后第6个选项是Custom,即手动输入. 实际上DCB结构的BaudRate可选数值太多了,做成下拉框会很长很长,这种做法就是选用最常见的几个选项,不需要用户手动输入,也不需要在很长的列表中去选择. 从VS的属性框中可以看到,组合框控件有3种样式,也就是实现的功能是点击Custom选项时从Drop List切换到Dropdown. 从MSDN可以看到两者对应的宏分别为CB…
效果体验:http://hovertree.com/texiao/jquery/23/ 代码如下,保存到HTML文件也可以查看效果: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> * { margin: 0; padding: 0; list-style: none; } .search-hovertree-fo…
<ul> <li> <router-link :to="{name: 'home'}" class="active_item" exact>首页</router-link> </li> <li><router-link :to="{name: 'healthList'}" class="active_item">健康证办理</router…
参考VUE官方文档样式绑定 https://cn.vuejs.org/v2/guide/class-and-style.html 需求是动态加载出来了所有菜单列表,点击其中一个li元素改变这个元素的背景色 用到VUE样式绑定对象语法 <div v-bind:class="{ active: isActive }"></div> 如果 isActive 的布尔值为 true 则样式渲染,如果为false 样式不渲染 <li class="list-…
​ ​ 这次使用的是react的class 类组件 import React, { Component } from 'react' import { LeftOutline, SearchOutline } from 'antd-mobile-icons' import { NavLink } from 'react-router-dom' class serach extends Component { constructor(props) { super(props) this.state…
前言 angular ng-repeat点击切换样式,ng-repeat点击切换class样式,巧用ng-repeat track by $index. 1.问题 一个ul包含多个li,li通过ng-repeat循环得到,其中一个li默认带有class样式,通过点击让这个class进行切换. 2.实现 ng-repeat默认可以获取到每个循环元素的索引,通过点击获取到当前元素的索引,结合ng-class判断,让此索引的元素添加样式 效果图 css .classA { /* 我们需要切换的clas…
在Excle中有两种引用方式,例如:第一行第一列的单元格可以是:A1  也可以是R1C1 切换引用样式的代码如下: Sub 切换引用样式() Application.ReferenceStyle = xlR1C1 '切换为A1样式 MsgBox "已经切换为R1C1样式!" Application.ReferenceStyle = xlA1 '切换为R1C1样式 MsgBox "已经切换为A1样式!" End Sub 执行效果如下: 附件下载…
简介 GitHub地址:https://github.com/ptddqr/bootstrap-wpf-style 此样式基于bootstrap-3.3.0,样式文件里的源码行数都是指的这个版本.CSS源文件放到了Content文件夹下的bootstrap.css WPF样式和CSS还是不太相同,所以有些内容实现上稍有出入,有些内容用法不太一样,有些内容并没有实现 但至少,一些概念,尺寸和取色,还是很好的借鉴 博客说明按Bootstrap官方文档的顺序来写 App.xaml里引用Bootstra…
最近,开始学习AngularJS. 开始记录学习AngularJS的过程,从一些很简单的知识点开始. 习惯先从实际应用的指令开始,再从应用中去体会AngularJS的优缺点.使用的场景等. 之前一直希望能在学的过程中,逐步写出一个有设计感的web页面成果, 但发现,有点困难,反而在样式等花的时间多,学AngularJS的时间少了. 所以最后决定写一些简单的范例就可以了 第一篇,样式相关的指令. ng-Class 在angularJS中可利用一下三种方法操作class: A.scope变量绑定 这…
观察各个电商网址轮播图的效果,总结了一下主要突破点与难点 1.->封装函数的步骤与具体实现 2->this关键字的指向 3->jquery js函数熟练运用 如animate 4->各个图片的位置关系分析 5->正确的json格式 实现步骤 封装jq函数四个步骤: 1 ----->构造函数   var Carousel = function(poster){} //poster 为传入的类  具体为一个ul 2 ----->Carousel.prototype上写…
这里先对标签的样式进行设置(我这里只用了3张图片,可以根据自己的情况,添加) <style type="text/css"> /*展示图片切换的div样式*/ #ShowImg { width: 599px; height: 324px; background-image: url("imgs/1.jpg");/*注意自己的图片路径和图片名称*/ margin: 0 auto; } /*显示点击切换按钮的div*/ #Nav { height: 26px…
<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="script/jquery-1.11.0.min.js" type="text/javascript"></script> <style type="text/css"&g…
<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="script/jquery-1.11.0.min.js" type="text/javascript"></script> <style type="text/css"&g…
在Web页面上,如果想模拟对话框效果,一般会给div元素添加position:fixed的样式来实现,然后给背景添加一个半透明的遮罩.如: .fixedDiv { position: fixed; top:; right:; left:; margin: 0 auto; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); z-index:; } .fixedDiv .fixedContent { max-width:…
一 动态脚本 // 当网站需求变大,脚本的需求也逐步变大;我们不得不引入太多的JS脚本而降低了整站的性能; // 所以就出现了动态脚本的概念,在适时的时候加载相应的脚本; 1.动态引入js文件 var flag = true; if(flag){ loadScript('browserdetect.js'); // 调用函数,引入路径; } function loadScript(url){ var script = document.createElement('script'); // 创建…
把<router-view>嵌套在<transition>里,路由变化的时候,vue会为包裹页面的div增加动画样式,我们要做的就是监听路由变化.定义这些动画样式,以规定页面到底怎么切换.具体样式名通过transition的name属性绑定.下面是在移动端模拟一般app界面的前进后退动画: <template> <div id="app"> <transition :name="direction" > &…
问题场景: 界面上有个ListBox控件,它的内容Item绑定了一个列表,即 ItemsSource =”{Binding StudentList}”.这个StudentList列表在该界面View对应的ViewModel中赋值.ListBox中每个元素Item都是一个Student实体类对象,核心代码如下: View: <ListBox x:Name="studentLB" Margin="0" VerticalAlignment="Top&quo…
废话不多说,直接上图看效果: 需求:点击左右按钮实现切换用户图片与信息: 原理:点击右侧左侧按钮,把3号的样式给2号,2号的给1号,1号的给5号,5号的给4号,4号的样式给3号,然后根据现在是第几张图片切换成对应的文字: 步骤: 1.让页面加载出所有盒子的样式: 2.把两侧按钮绑定事件(调用同一个方法,只有一个参数,true为正向旋转,false为反向旋转): 3.书写函数:操作函数:左按钮:删除第一个,添加到最后一个:右按钮:删除最后一个,添加到第一个: 4.定义变量,根据对应变量切换对应的文…
获取样式和设置样式 <p class='myClass'  title='this is p'>this is p</p> 样式其实就是class属性所以设置和获取样式都能用attr()方法来完成,attr()方法用法:http://www.cnblogs.com/kuangxin/p/4243991.html 追加样式 实例: <style> .high{ font-weight:bold;//字体加粗 color:red;//字体颜色设置为红色  } .anothe…
最近,开始学习AngularJS. 开始记录学习AngularJS的过程,从一些很简单的知识点开始. 习惯先从实际应用的指令开始,再从应用中去体会AngularJS的优缺点.使用的场景等. 之前一直希望能在学的过程中,逐步写出一个有设计感的web页面成果, 但发现,有点困难,反而在样式等花的时间多,学AngularJS的时间少了. 所以最后决定写一些简单的范例就可以了 第一篇,样式相关的指令. ng-Class 在angularJS中可利用一下三种方法操作class: A.scope变量绑定 这…
大部分情况下我们开发会使用原生的地图切换器,由于每个项目的页面风格不同,业务场景不同,因此需要做一些样式不同的地图切换器. 首先可以照猫画虎,自己照着地图切换器的样式抄一个,或者看看主流的地图切换器都长什么样,然后以这些为基本框架,自己再去设计地图切换器的样式,从核心功能上都大同小异,本篇文章主要想介绍的就是“换壳”. 前端部分 我们在前端做一个地图切换器.代码如下: <div class="mapSwitch" onclick="mapSwitch(mtype)&qu…
随着Kotlin的推广,一些国内公司的安卓项目开发,已经从Java完全切成Kotlin了.虽然Kotlin在各类编程语言中的排名比较靠后(据TIOBE发布了 19 年 8 月份的编程语言排行榜,Kotlin竟然排名45位),但是作为安卓开发者,掌握该语言,却已是大势所趋了. Kotlin的基础用法,整体还是比较简单的,网上已经有很多文章了,大家熟悉下即可. 案例需求 此次案例,之所以选择分页列表,主要是因为该功能通用性强,涵盖的技术点也较多,对开发者熟悉Kotlin帮助性较大. 案例的主要需求如…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .red{ color:red } .green{ color: green; } .blue{ color: blue; } .underline{ text-decoration: underlin…
一.v-for 的用法 循环指令,可以遍历 Number.String.Object.Array: 循环数字.字符串:有2个参数,分别是value和索引值: 循环对象:有3个参数,分别是 属性值.属性名.索引值: 循环数组对象:有2个参数,分别是 对象和索引值: 索引值和属性名可以省略不写. <h4>遍历数字:</h4> <div v-for="(value,idx) in forData1"> <span>值{{value}} ---…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css" media="screen"> .red { color: red; } .underline { text-decora…
StyleBook 介绍及VICEN对皮肤控件的一些看法可以说StyleBook的出现,简直是皮肤控件厂商的噩梦,因为用户可以通过StyleBook快速切换控件样式,而不需要在去购买第三方换肤控件,对于免费并且是官方集成的StyleBook来说,优势不言而喻.因此,以后的皮肤控件除非有自己的特色,例如Raize,提供了很多系统没有的控件,并且有自己的独特的外形风格,否则很难在发展下去.我们很期待有一套类似QQ样的界面控件套件,可以换肤.切换窗口样式颜色.跟换窗口背景图片等.先来看看StyleBo…