首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Excel实战技巧65: 制作漂亮的用户窗体按钮——当鼠标动到按钮高亮显示

在很多场合,我们都能看到这样的效果,当鼠标动到某个元素上面,该元素会变成另外一种颜色,达到强调的效果。...下面,我们来实现当鼠标动到用户窗体按钮,会使用颜色高亮显示,让用户窗体更生动,如下图1所示。 ? 其实,你在图1中看到的按钮并不是用户窗体内置的传统命令按钮,而是使用图像控件来制作的。...复制一个刚才绘制的图像控件,如下图6所示。 ? 这个图像将代码鼠标不在按钮的状态。...Single) Me.CancelButtoninactive.Visible = True Me.OKButtonInactive.Visible = False End Sub 当鼠标动到确定按钮...Single) Me.CancelButtoninactive.Visible = False Me.OKButtonInactive.Visible = True End Sub 当鼠标动到取消按钮

7.9K20

JS之clientX,clientY,screenX,screenY,offsetX,offsetY区别测试

)y轴的位置; screenX:当鼠标事件发生,鼠标相对于显示器屏幕x轴的位置; screenY:当鼠标事件发生,鼠标相对于显示器屏幕y轴的位置; offsetX:当鼠标事件发生,鼠标相对于事件源...= "offsetX:"+ e.offsetX +",offsetY : "+ e.offsetY; }*/ 这里我需要解释一下我上面说的“浏览器有效区域”这句话,下图中黑色边框区域就是浏览器的有效区域...是鼠标相对浏览器有效区域的的Y轴坐标, 上图中我的鼠标在浏览器有效区域里 的x坐标是200px,y坐标是0;而screenX,screenY则是相对整个显示屏幕区域而言的。...当我的鼠标移动到div的右下角的时候,screeX是200px,screenY是185px,因为div本身的宽度我定义的200px,高度100px; 接下来说一说offsetX和offsetY属性 offsetX... :当鼠标事件发生,鼠标相对于事件源x轴的位置 offsetY:当鼠标事件发生,鼠标相对于事件源y轴的位置 ?

1K40
您找到你想要的搜索结果了吗?
是的
没有找到

【CSS3】CSS3 2D 转换 - scale 缩放 ③ ( 使用 scale 设置制作可缩放的按钮案例 )

一、需求分析 设置一个 按钮 , 默认状态下显示的样式如下 : 按钮 外部 有 圆形的外边框 ; 按钮 中的文本 , 水平居中对齐 , 垂直居中对齐 ; 当鼠标动到 按钮 之后 , 鼠标 变为 小手...样式 , 并且 按钮 中心位置 为准 , 放大到原来的 2 倍 ; 二、代码分析 ---- 基础布局选择 : 这里使用 ul 列表标签实现 , 如果有多个 按钮 , 可以直接将 按钮 放在 li...列表 元素 之后 , 变为小手 , 需要设置 该 li 标签的 cursor 样式 ; /* 设置鼠标的指针样式 鼠标移动到按钮之后变为 小手 */...设置 0.5 秒的动画持续时间 , 当鼠标动到 按钮 上方之后 , 宽高缩放为 原来的 2 倍 ; /* 设置 动画 持续时间 .5s 相当于 0.5s */...按钮 之后的效果 :

19410

.9图片的那点事儿

左边那条黑色线代表图片垂直拉伸的区域, 上边的那条黑色线代表水平拉伸区域, 右边的黑色线代表内容绘制的垂直区域, 下边的黑色线代表内容绘制的水平区域, 右边和下边的线是可选的,左边和上边的线不能省略...Zoom: 用来缩放左边编辑区域的大小 Patch scale: 用来缩放右边预览区域的大小 Show lock: 当鼠标在图片区域的时候显示不可编辑区域 Show patches: 在编辑区域显示图片拉伸的区域...(使用粉红色来标示) Show content: 在预览区域显示图片的内容区域(使用浅紫色来标示) Show bad patches: 在拉伸区域周围用红色边框显示可能会对拉伸后的图片产生变形的区域,...这个功能只是AndroidAssetStudio的一个小功能,点击查看更多~ ? 使用NinePng九图神器,手机版的.9处理工具 下载地址 ? ?...要想预览一下效果的话,可以点击预览效果按钮,就是那个顶部三角形按钮,图片会自动保存,预览还可以设置一下文字信息等,App本身自动设置了模拟几个主流dpi分辨率的机型。

1K20

Excel 常用的九十九个技巧 Office 自学教程快速掌握办公技巧

7、重复一次输入在单元格中输入内容按回车键进入下一个单元格后,再按组合键【Ctrl+D】即可以快速的重复一次输入的内容。...12、快速移动选取数据选取需要移动的数据区域,鼠标移动到区域边缘线,当鼠标箭头变为黑色实心状态,按【shift】键并点击鼠标左键拖拽到正确位置即可。...13、快速定位边缘单元格选中数据区域任意一个单元格,鼠标移至单元格的下边框线上,当鼠标箭头变为实心状态双击单元格下框线,即可快速跳转到该列数据最后一行。...30、快速互换行或者列选中表格内的行列,按住【Shift】键不放,当鼠标指针变成十字形,拖动到想换到的位置即可。...72、快速对比两列数据选中两列数据→【Ctrl+\】→【开始】→【填充色】填充一个颜色突出显示差异数据。

7K21

Python的GUI编程(二)Butto

可以将一个 Python 函数或方法绑定到一个 Button 控件. 这个函数或方法将在按钮被点击执行....command 类型:回调; 说明:当按钮被按下所调用的一个函数或方法。所回调的可以是一个函数、方法或别的可调用的Python对象。...cursor 类型:光标; 说明:当鼠标动到按钮显示的光标。 default 类型:常量; 说明:如果设置了,则按钮为默认按钮。注意这个语法在Tk 8.0b2中已改变。...padx, pady 类型:距离; 说明:指定文本或图象与按钮边框的间距。 relief 类型:常量; 说明:边框的装饰。通常按钮按下是凹陷的,否则凸起。...width, height 类型:距离; 说明:按钮的尺寸。如果按钮显示文本,尺寸使用文本的单位。如果按钮显示图象,尺寸象素为单位(或屏幕的单位)。如果尺寸没指定,它将根据按钮的内容来计算。

1.7K10

Adobe Photoshop使用,选框工具进行选择教程

单行或单列选框:将边框定义为宽度为 1 个像素的行或列。 2.在选项栏中指定一个选区选项。 3.在选项栏中指定羽化设置。为椭圆选框工具打开或关闭消除锯齿设置。详情请参文末阅柔化选区边缘。...6.执行下列操作之一来建立选区: 使用矩形选框工具或椭圆选框工具,在要选择的区域。...按住 Shift 键拖动可将选框限制为方形或圆形(要使选区形状受到约束,请先释放鼠标按钮再释放 Shift 键)。...注意: 要重新放置矩形或椭圆选框,请首先拖动创建选区边框,在此过程中要一直按住鼠标按钮。然后按住空格键并继续拖动。如果您需要继续调整选区的边框,请松开空格键,但是一直按住鼠标按钮。...消除锯齿在剪切、拷贝和粘贴选区以及创建复合图像非常有用。 消除锯齿适用于套索工具、多边形套索工具、磁性套索工具、椭圆选框工具和魔棒工具。(选择工具可显示该工具的选项栏。)

2.5K30

python button使用方法_python gui界面设计

可以将一个 Python 函数或方法绑定到一个 Button 控件. 这个函数或方法将在按钮被点击执行....command 类型:回调; 说明:当按钮被按下所调用的一个函数或方法。所回调的可以是一个函数、方法或别的可调用的Python对象。...cursor 类型:光标; 说明:当鼠标动到按钮显示的光标。 default 类型:常量; 说明:如果设置了,则按钮为默认按钮。注意这个语法在Tk 8.0b2中已改变。...padx, pady 类型:距离; 说明:指定文本或图象与按钮边框的间距。 relief 类型:常量; 说明:边框的装饰。通常按钮按下是凹陷的,否则凸起。...width, height 类型:距离; 说明:按钮的尺寸。如果按钮显示文本,尺寸使用文本的单位。如果按钮显示图象,尺寸象素为单位(或屏幕的单位)。如果尺寸没指定,它将根据按钮的内容来计算。

1.5K30

大一Java课设,五子棋小游戏

Eclipse:是一个免费的、基于Java的可扩展开发平台,它允许开发人员开发和测试并用其他编程语言编写代码。 eclispe提供了一个用于处理工具的通用用户界面模型,目的是运行在多个操作系统。...exe4j帮助你一种安全的方式启动你的 java应用程序,来显示本地启动画面,检测及发布合适的JRE和JDK,以及进行启动所发生的错误处理等,以至于更多。...在中间绘制出19×19的棋盘,鼠标在棋盘上移动到的位置该格交线为中心绘制出半径为格子一半大小的红色边框。在界面的底部,绘制处玩家的积分和全局时间,字体为宋体,大小为18。...this.isWon();//画完后判断输赢 } 3.3 、下棋的操作 3.3.1、介绍: 为了方便观察、找准下棋的位置,该程序添加了红色选择框的绘制,通过mouseMoved();方法来监听,当鼠标动到棋盘上...3.5.1、开始游戏按钮 3.5.1.1、介绍 开始游戏按钮按钮栏第一个位置,当玩家鼠标点击该位置,停止计时,弹出是否重新开始游戏的提示框,点击确认后调用startGame();方法重新开始游戏,

2.1K20

Windows 7 操作系统

5)设置屏幕保护程序  屏幕保护程序是指子啊开机状态下载一段时间内没有使用鼠标或键盘操作,屏幕出现动画或图案。屏幕保护程序可以起到保护信息安全,延长显示器寿命的作用。...(3)任务按钮栏:显示已打开的程序或文档窗口的缩略图,单击任务栏按钮可以快速地在这些程序之间进行切换。也可以在任务按钮右击,通过弹出的快捷菜单对程序进行控制。  ...(6)“显示桌面”按钮:鼠标指针移动到按钮,可以预览桌面,若单击该按钮可以快速返回桌面。...选中“自动隐藏任务栏”复选框,任务栏将自动隐藏,扩大应用程序的窗户区域。当鼠标移到屏幕的下边沿,任务栏将自动弹出。  ...选中“使用AeroPeek预览桌面”,当鼠标动到任务栏末端的“显示桌面”按钮(无需点击),可暂时查看桌面。  任务栏的位置和高度也是可以改变的。

33130

【教程】使用ChatGPT制作基于Tkinter的桌面时钟

目录 描述 代码 效果 说明 ---- 描述         给ChatGPT的描述内容:         python在桌面上显示动态的文字,不要显示窗口边框。...其中一项用于实时显示当前的日期和时间,精确到毫秒。另一项从txt文件中读取显示,若没有txt文件则显示“None”。         在未锁定状态下,鼠标可以拖动窗口。...在窗口中添加一个“锁定”按钮当鼠标动到窗口上方显示“锁定”按钮,鼠标移走后,隐藏“锁定”按钮。通过“锁定”按钮,窗口进入锁定状态。...在锁定状态下,当鼠标动到窗口上方显示一个“解除锁定”的按钮,鼠标移走后,隐藏该“解除锁定”按钮。通过点击“解除锁定”按钮,进入未锁定状态。锁定和未锁定状态是互相切换的。         ...给窗口添加一个鼠标右键的功能,在右键菜单中,可以点击“退出”,从而退出应用。         窗口中的内容居中显示

1.1K60

Adobe Photoshop,选择图像中的颜色范围

黑色杂边对选定的像素显示原始图像,对未选定的像素显示黑色。此选项适用于明亮的图像。 白色杂边对选定的像素显示原始图像,对未选定的像素显示白色。此选项适用于暗图像。...3.为进行更准确的肤色选择,请选择“检测人脸”,然后调整“颜色容差”滑块或输入一个值。 为了有助于您进行选择,请确保将显示选项设为“选区”,并选择选区预览在文档窗口中查看选区。...缩览图周围显示一个边框。 在“属性”面板中,拖动“浓度”滑块可调整蒙版不透明度。 到达 100% 的浓度,蒙版将不透明并遮挡图层下面的所有区域。随着浓度的降低,蒙版下的更多区域变得可见。...缩览图周围显示一个边框。 拖动“羽化”滑块为蒙版边缘应用羽化效果。羽化模糊蒙版边缘在蒙住和未蒙住区域之间创建较柔和的过渡。在使用滑块设置的像素范围内,沿蒙版边缘向外应用羽化。...缩览图周围显示一个边框。 单击选项栏中的选择并遮住。您可以使用选择并遮住工作区中的选项修改蒙版边缘,并以不同的背景查看蒙版。 在“选择并遮住”工作区中单击“确定”,将更改应用于图层蒙版。

11.1K50

界面设计中如何增强CTA按钮召唤力?

而且,设计师之所以为界面设计和创建各类行为召唤按钮,其所要达到的基本业务目标是开发潜在客户,增加产品销量。当一个CTA按钮足够吸引潜在用户注意力,它就能够刺激用户点击,从而引导用户进入下一个阶段。...事实一个优质且极具吸引力的行为召唤按钮,通常应该是大到能够快速吸引用户注意,同时又不会太大,从而影响甚至破坏整个界面的视觉效果和层级布局。...色彩和形状 通过尺寸差异来营造视觉吸引力,仅仅只是一款优质的CTA按钮设计能够实现地效果的一个方面。为了让按钮更加显著突出,其色彩和形状的选择也同样重要。...大量研究显示,在浏览网页之前,人们时常会预先快速扫视整个页面,判断页面内容是否有趣或实用。...由于这类登录页面或网页的所有重要内容都集中显示在其着陆页内,用户无需滚动即可阅读所需内容。所以,用户在浏览这类网页,首先会从页面左上角的内容开始阅读,查找重要信息。然后沿着对角线向下移动到另一角。

95950

python tkinter 设计指南

Listbox 列表框控件 列表的形式显示文本 Menu 菜单控件 菜单组件(下拉菜单和弹出菜单) Menubutton 菜单按钮控件 用于显示菜单项 Message 信息控件 用于显示多行不可编辑的文本...定于控件的边框宽度,单位是像素 command 该参数用于执行事件函数,比如单击按钮执行特定的动作,可将执行用户自定义的函数 cursor 当鼠标指针移动到控件,定义鼠标指针的类型,字符换格式,...当鼠标放在按钮时候,按钮的前景色 bd 按钮边框的大小,默认为 2 个像素 bg 按钮的背景色 command 用来执行按钮关联的回调函数。...当按钮被点击,执行该函数 fg 按钮的前景色 font 按钮文本的字体样样式 height 按钮的高度 highlightcolor 按钮控件高亮处要显示的颜色 image 按钮显示的图片 justify...是一种较为简单的布局方法,在不使用任何参数的情况下,它会将控件添加的先后顺序,自上而下,一行一行的进行排列,并且默认居中显示

6.7K30

Python中tkinter模块的常用参数总结

anchor:      指定按钮上文本的位置;background(bg)   指定按钮的背景色;bitmap:      指定按钮显示的位图;borderwidth...(bd)    指定按钮边框的宽度;command:       指定按钮消息的回调函数;cursor:     指定鼠标移动到按钮的指针样式;font:   ...指定按钮上文本的字体;foreground(fg)     指定按钮的前景色;height:     指定按钮的高度;image:      指定按钮显示的图片;state...:     指定按钮的状态(disabled);text:     指定按钮显示的文本;width:      指定按钮的宽度padx     ...,最好加上time.sleep()函数;只要用create_方法画了一个图形,就会自动返回一个ID,创建一个图形将它赋值给一个变量,需要ID就可以使用这个变量名。

76230

Excel小技巧85:右键拖动边框访问更多的复制选项

然后,将鼠标放置在所选单元格或单元格区域的边框上,当鼠标指针变成带有四个小箭头的移动图标,右键单击并将单元格拖到新位置。当释放鼠标右键,Excel将打开该快捷菜单,如下图2所示。 ?...一个好的方法是选择一系列公式,在边框处单击鼠标右键,向右拖动,再拖回原始位置,放开鼠标右键,然后选择“仅复制数值”。 仅复制格式:可以使用“仅复制格式”来复制数字格式、边框等。...然后,右键单击并将边框动到E:G。放开鼠标按钮,如果选择“仅复制格式”,则Excel会更改E:G的列宽匹配A:C的列宽。...链接此处:为了更快速地设置公式指向单元格区域,可以选择A1:A10,右键单击并将边框动到C5,然后选择“链接此处”。现在,单元格C5包含公式=A1,而单元格C14包含公式=A10。...在此创建超链接:这是一个很酷的选项,但使用起来相当困难,并且在未保存的文件中不起作用。 小结:通过右键拖动所选区域边框,可以快速访问一些有用的复制功能选项。

1.3K40

界面设计中如何增强CTA按钮召唤力?

而且,设计师之所以为界面设计和创建各类行为召唤按钮,其所要达到的基本业务目标是开发潜在客户,增加产品销量。当一个CTA按钮足够吸引潜在用户注意力,它就能够刺激用户点击,从而引导用户进入下一个阶段。...事实一个优质且极具吸引力的行为召唤按钮,通常应该是大到能够快速吸引用户注意,同时又不会太大,从而影响甚至破坏整个界面的视觉效果和层级布局。...色彩和形状 通过尺寸差异来营造视觉吸引力,仅仅只是一款优质的CTA按钮设计能够实现地效果的一个方面。为了让按钮更加显著突出,其色彩和形状的选择也同样重要。...大量研究显示,在浏览网页之前,人们时常会预先快速扫视整个页面,判断页面内容是否有趣或实用。...由于这类登录页面或网页的所有重要内容都集中显示在其着陆页内,用户无需滚动即可阅读所需内容。所以,用户在浏览这类网页,首先会从页面左上角的内容开始阅读,查找重要信息。然后沿着对角线向下移动到另一角。

3.9K101
领券