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

BuildAdmin11:弹出框的弹出和隐藏以及标签禁用的小skill

前言 在上篇文章中写了如何实现弹出框,最后也留下了一个问题:在tab栏中点击哪里,弹出框就出现在哪里,这个是怎么实现的? 在此之前我们先思考:在浏览器中右键,通常会出现什么?...其中clientX和clientY是鼠标事件触发时的鼠标相对于浏览器窗口的位置,通过这两个属性就可以解决开头提到的在tab栏中点击哪里,弹出框就出现在哪里这个问题。...而代表坐标位置的Axis变量,被弹出框的style属性(即css)绑定。...,就能实现在tab栏中点击哪里,弹出框就出现在哪里。...那么,想一下弹出框在什么时候会隐藏呢?是不是鼠标左键点击弹出框以外的位置就会隐藏。

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

    Fireworks操作技巧

    Ctrl + D 撤销操作的快捷键 Ctrl + Z 删除PSD的背景层 使用指针工具(黑色小箭头)选中需要删除的背景层,并且使用快捷键Ctrl + X,或者Delete键可以删除背景层 调节矩形选框工具的大小等属性的快捷键...Ctrl + T 使用引导线测量距离 选择菜单栏上的视图菜单——在视图菜单项中选择标尺,此时工作区的上边和左边都会显示一个标尺——将鼠标移动到标尺上,按住鼠标左键并往下拉,此时可以拉出一条引导线——重复一次上一个步骤...——按下键盘上的Enter键,此时会裁掉裁剪工具覆盖之外的图片区域 使用选取框工具删除图片的局部区域 选择工具栏上的选取框工具——将选取框工具移动到需要处理的图片上——调整选取框工具在图片上的位置和大小...——按下键盘上的Delete键,此时会删除选取框工具覆盖之内的图片区域 移动切片 在图层上添加了一个切片后,按住Ctrl键,将鼠标移到切片上,按住鼠标左键,拖动鼠标可以移动切片 显示优化面板 当界面上没有优化面板时候...,可以点击点击菜单栏上的窗口菜单,在弹出的下拉列表中勾选优化,就会弹出优化面板 设置图片的格式 在优化面板中设置图片的导出格式 PSD图片的切图步骤 选中需要切下来的图片——单击鼠标右键——选择插入矩形切片

    78130

    2019最佳弹窗弹出框设计20例【附教程】

    小编从优质网站精心挑选了20例弹窗/弹出框例子,供大家寻找设计灵感。 1. 邮件订阅弹窗/弹出框 在平时我们浏览网站时,通常会遇到附于页面底部的网页弹框设计。...界面左侧是简单的手机预览样式,右侧是下载引导及CTA按钮。字段较少的表单更容易完成,需要提高注册和下载转化率的设计师请记住这一点! 5. 购买倒计时弹窗/弹出框 ?...顺便说一下,外部矩形和有限的时间是为了增加新菜单的独特性。 9. 作品重设计内容弹窗/弹出框 ? 偏列表风的下载网页弹窗设计,提供用户最新APP下载版本。选择部分设为浅灰色,用户也能轻松看清选项。...前面分享的弹窗/弹出框大多出现在屏幕正中间,这个弹窗位于网站右下角。这也是我们常见的弹窗样式,设计特色是与网站整体色调保持一致。 14. 中文在线商城App弹窗/弹出框 ?...小编挑选的这个弹窗/弹出框就是橘红色的,CTA按钮也是橘红色,更能起到提醒作用! 19. 信息编辑弹窗/弹出框 ?

    3.7K10

    CorelDRAW 2019,软件应用项目(二)

    目录 认识个人名片和企业名片 制作名片大小 简要制作名片要点 制作名片 圆角矩形的应用 为什么小空间内不能填充 文字工具 导出作品 复制代码 一.认识个人名片和企业名片...鼠标左键点击色块填充颜色 为什么小空间内不能填充 (接下来是错误示范)我们点击矩形图层进行转曲,这样举行就会变成曲线,我们利用钢笔工具,不断的建立锚点曾晓明那一波了在矩形中建立一根根单独成立的直线,我们将所有的曲线图层合并...,把不用的线段删除,当然这是破坏了矩形,出现里面单独的一个不规则图形但是依旧无法填充,在此我特地问了一下老师 (以下是正确做法)我们回到圆角矩形步骤,这个步骤不变在这里,我们可以鼠标左键单击一个色块...,我们可以选择一个黄色,我们用鼠标右键单击最顶端带有斜杠的色块,这样填充了黄色,删除了描边。...三.文字工具 长按文字工具弹出两个选项,一个是文本,一个是表格,点击文本,鼠标会变成一个十字,旁边一个大写的 a,上面我们一眼就能看到粗体斜体和下划线,字体种类,字体大小,如果文字多的话,以段落形式呈现

    1.6K20

    怎么进bios设置硬盘启动顺序 电脑bios硬盘启动设置方法

    电脑在启动时会从硬盘寻找引导文件,从而启动系统,如果硬盘不是第一启动项,或者有两个硬盘,就会导致系统无法启动,这时候就需要进BIOS设置硬盘启动顺序。...,会弹出一个Options小对话框,里面是所有的启动项,以下图为例,WDC WD5000AAKX就是表示硬盘,选择它回车,最后按F10,在弹出的对话框选择yes回车保存即可。...,比如这边,选择带有SSD的固态硬盘项,然后通过+号移动到第1; 3、最后按F10回车,弹出这个对话框,继续按回车保存重启即可。...BIOS类型四:BIOS Setup Utility 1、以联想机型为例,启动时按Del或F1进入BIOS,切换到Boot界面,选择1st Boot Device回车,弹出Options对话框,选择Hard...Features,然后选择Boot Option #1回车,弹出小对话框,选择硬盘项,比如P4:WDC WD5000,回车,最后按F10回车保存。

    15.9K00

    Macromedia flash制作落叶飘下动画

    flash制作落叶动画 打开Macromedia Flash软件,新建一个flash文档 将所需所有素材导入到库中 设置背景并将拖入到舞台的图片转换为图片元件 设置落叶图层 为图层2添加引导层,自定义枫叶下落路线轨迹...导入结果如下图 设置背景并将拖入到舞台的图片转换为图片元件 将库中的图片拖入到舞台中间,自动创建图层1,选中左侧工具栏中的“任意变形工具”,拖动过来的图片四周出现8个矩形框,可用鼠标拖动,改变大小或位置到合适状态...右键单击该图片从下拉菜单中选择转换为元件选项,在弹出的对话框中输入名称为“单个枫叶”,类型为影片剪辑,点击确定按钮。...为图层2添加引导层,自定义枫叶下落路线轨迹。 1.右击图层2,在打开的快捷菜单中选择“添加引导层”。 2.选中引导层,在左侧工具栏中设置笔触颜色为黄色,填充颜色为无,在舞台上绘制一条路径。...并锁定引导层。 3.选中图层2,解锁。选中第1帧将叶子的中心圆点拖拽到曲线的开始端,接着选择60帧,将叶子移动到曲线的结束点,保证起止点均重合。

    1.5K20

    一定要试一试的实用PPT技巧

    不管是什么软件和工具,平时多掌握一些技巧方法,在关键时刻能起很大作用,熟练运用后也能够帮助我们提高工作的效率。PPT也是如此,想要快速制作完成一个精美的PPT幻灯片,一定是需要用到很多的小技巧的。...首先我们在菜单栏中找到“幻灯片放映”,选择其中的“演讲者备注”选项卡。   然后在弹出的文本框中,输入想要备注的内容,输入好后点击“确定”。   ...完成备注后,刚才所输入内容会出现在幻灯片下方。   如果想要隐藏备注,那么就点击“幻灯片放映”下的“设置放映方式”选项卡。   在弹出的文本框中,选择“放映类型”为“演讲者放映”就行了。...然后点击右边菜单栏上的自定义动画,选择【添加效果】,选择设定一个自己需要的动画效果。   接着我们再插入一个圆角矩形,并添加上文字“动画开关”。   ...设置好圆角矩形后,我们双击前面设定的动画效果,在弹出的窗口中定位到“计时”选项卡,选择下面的【触发器】。   最后在单击下列对象时启动效果中选择【圆角矩形】,点击【确定】后就完成了触发器的设定。

    3.2K30

    前端-小程序登录流程设计建议

    为帮助开发者优化小程序内用户登录体验,平台将逐步回收线上版本使用 wx.getUserInfo 接口直接弹出授权框的能力,调整详见《小程序与小游戏获取用户信息接口调整》。...以下为设计小程序内微信登录流程的几点建议: 01 在必须用到登录信息的环节引导用户登录 在用户必须登录时才引导用户登录(如:购买前需要获取会员信息,用于同步积分数据),而不是用户一进入小程序就弹窗要求用户授权...在用户对当前小程序服务还未了解时,弹框获取用户信息,会使得一部分用户点击“拒绝”按钮,影响登录转化率。 ?...02 清晰、准确地引导用户登录 在登录页面中,清晰、准确地告知用户当前操作是登录,说明获取登录信息的目的(如:用于同步会员积分数据等) ?...04 设计上兼容登录弹窗 如需获取用户头像、昵称等信息,会弹出登录弹窗引导用户授权,请开发者在交互设计上兼容弹窗,避免出现多个弹窗叠加、重复提示等不好的体验。

    1.4K30

    数据分析系列剧第五集:用户满意度研究(二)

    图1 多重响应设置 2、统计新变量集的频率 再次选择“分析”—“多重响应”菜单,可以看到,“多重响应”模块中的“频率”菜单被激活,点击该“频率”菜单,在弹出的“多响应频率”对话框中将“各指标重要性...图6 四分图制作示例2 3、调整坐标轴取值范围 右键单击纵坐标轴,选择“设置坐标轴格式”,在弹出对话框的“数字”中,将“小数位数”改为“0”; 右键单击横坐标轴,选择“设置坐标轴格式”,在弹出对话框的“...图7 四分图制作示例3 4、增加绘图区边框 选中绘图区,选择“设置绘图区格式”,在弹出的“设置绘图区格式”的“边框颜色”中选“实线”,点击“关闭”,于是绘图区有了边框,成为封闭的矩形(见图8)。...分别选中横轴和纵轴,点击右键选择“设置坐标轴格式”,在弹出的对话框做如下设置: (1)横坐标交叉:坐标轴值等于“39.58%” (2)纵坐标交叉:坐标轴值等于“3” (3)坐标轴标签:“低” 经过以上设置...双击打开名为Datalabel的宏文件,选中散点图中的所有数据点,点击“开发工具”—“宏”—“执行”,于是弹出名为“标签的引用区域”对话框,将鼠标放入该对话框的空白区域内,选择13项满意度指标所在区域A1

    2.8K70

    IJCAI 2021|美团提出车道线检测新框架SGNet,精准且快速

    针对目前车道线检测领域存在的三个难题,SGNet 首先构建了一种基于外接框 - 中心线 - 偏移量的车道线表示方法;接着,研究者提出消失点引导的自上而下的锚生成机制;然后,利用预测的车道线掩码添加像素级的结构约束...首先,根据车道线的掩码计算每个车道线实例L_Lane的最小外接矩形R,定义该矩形的长与宽为h与w。...为了保证生成的 anchor 足够稠密,本方法在以消失点为中心的 ? 的矩形区域,每隔 ? 个像素进行基于点的 anchor 生成。...从表 2 中可以看出,消失点引导的锚生成机制可以有效提升车道线检测的性能,同时基于外接框 - 中心线 - 偏移量的表示方法更有利于表征车道线并且获得更好的性能。...进一步地,为了验证多层次结构信息约束的有效性,增加了相应的模型:带有像素级约束(Pixel-L)、带有车道线级约束(Lane-L)、带有图像级约束(Image-L)。

    99340

    origin绘图过程的一些经验

    5.做出散点图之后,在“快捷分析”里边可以对散点图进行快速拟合也可以计算积分面积,选择需要的分布方式(线性、高斯分布)对其拟合,会出现黄色矩形框,同时出现对散点的拟合曲线。...,在弹出的对话框中,选择右侧的 Spacing选项卡,在 Gap Between Bars (in%) 选项中,将数值增大。...,在新弹出的对话框中,选择 Print/Dimsensions选项卡,在Dimensions选项中,减小 Width选择中的数值。...20 origin 文本框对齐 在菜单栏中选择View:Toolbar,勾选Object Edit,它将出现在Origin的右方工具栏,按住CTRL同时选择多个文本框,然后可在Object Edit中选择左对齐...在对话框的左侧可以看到图层中的详细信息,我们可以在红框中发现一个带数字的小图层标记,这就是我们刚才选中的点,可以对他在右边的【符号】选项设置不同的形状和颜色,透明度等。

    4.7K10

    小程序拒绝获取位置信息后,引导用户再授权

    基本概念:用户第一次使用wx.getLocation,会自动弹出授权卡,拒绝一次后,下次再调用wx.getLocation就不会自动弹出授权框了。...可以在fail里获得这个反馈情况,但是,你获得了反馈情况,还是不能弹出授权框,有些要求必须是通过点击按钮才行,比如getUserinfo,有些必须是用openSetting设置小程序权限才行,而openSetting...——意思就是说调用这个接口,第一次会自动弹出授权框,但它没说第二次不自动弹出,看下面: 知识点二: 授权 部分接口需要经过用户授权同意才能调用。...返回值中只会出现小程序已经向用户请求过的权限。 wx.openSetting(Object object) 基础库 1.1.0 开始支持,低版本需做兼容处理。...调起客户端小程序设置界面,返回用户设置的操作结果。设置界面只会出现小程序已经向用户请求过的权限。 注意:2.3.0 版本开始,用户发生点击行为后,才可以跳转打开设置页,管理授权信息。

    3.4K20

    平面设计师必备的AI快捷键

    三、绘制圆角矩形的圆角大小 1.选择圆角矩形工具 2.按住上下方向键便可增大和缩小圆角 3.按左可以画矩形,换右可以画左右各是半圆的(像操场跑道)图形 四、绘制多边形 按住多边形工具,且不释放鼠标。...六、查找/替换字体时查看字体预览的小技巧 当使用AI文件使用字体显示框和可替换字体列表框中,使用右键点击字体名称,可出现文件中使用该字体的头几个文字,这样就比较容易查找和确认。...,然后存储该文件为AI_Splash,保存,然后弹出了PNG格式的存储选项对话框。...九、字距 缩字距 alt+方向键 缩行距 alt+方向键 十、如何画页面大小的框 1.对像>裁剪区域>建立 2.对像>裁剪区域>释放 得到一个和页面一样大小的框 十一、工具箱 多种工具共用一个快捷键的可同时按...工具栏上的文本工具是一个工具组,左键单击文本工具不放可以弹出他的组工具,里面有路径文本工具。

    2.5K20

    css的cursor属性 鼠标指针样式

    IE中使用 cursor url() 出现鼠标闪动问题:当设置 cursor:url() 的容器元素添加了 title 或 alt 时,就会出现这种现象。可以把 title 标签去掉。...help 此光标指示可用的帮助(通常是一个问号或一个气球)。 e-resize 此光标指示矩形框的边缘可被向右(东)移动。 ne-resize 此光标指示矩形框的边缘可被向上及向右移动(北/东)。...nw-resize 此光标指示矩形框的边缘可被向上及向左移动(北/西)。 n-resize 此光标指示矩形框的边缘可被向上(北)移动。...se-resize 此光标指示矩形框的边缘可被向下及向右移动(南/东)。 sw-resize 此光标指示矩形框的边缘可被向下及向左移动(南/西)。...s-resize 此光标指示矩形框的边缘可被向下移动(南)。 w-resize 此光标指示矩形框的边缘可被向左移动(西)。

    3.3K00

    黑苹果基础(二)

    一般来说,如果你写入的是黑果小兵打包的系统镜像则一般带有WEPE,用DiskGenius分区软件则可以看到。有PE的可以跳过这看下面了。...安装mac系统的硬盘上的ESP分区(也叫EFI分区)需要大于等于300兆最佳,如果你进入mac的安装发现抹盘失败,则是此步骤出现问题。...之后点击左上角保存按钮,在弹出的对话框中选择是。 硬盘的分区表类型就改为GPT了。 压缩出空闲,新建ESP分区。...点击确认,点击左上角保存按钮并在弹出的对话框中选择是即可。300m大小的EFI分区就建好了。...先选中要修复的系统,再选则工具箱,选择里面的引导修复,在弹出的对话框中默认选择是即可。 最后打开DiskGenius软件,点击EFI分区,查看文件,里面有win的引导文件即可。

    2.6K20

    那些蒙版引导的小细节

    用户拍摄完以后可以根据自己的喜好为其添加多种滤镜效果、气泡文字框、以及小贴纸。在蒙版引导中,Grid lens除了简单地阐述拍摄方法以外同时也指出了个性化定制的入口位置。...作为一款功能点相对分散的app,它的蒙版引导配合着用户使用不同界面而出现,同时也鼓励用户即时跟随引导进行操作。 ?...在初次使用之前会弹出蒙版引导告诉你选择预定日期的入口和可以连续预定多天的功能。而它的蒙版引导使用与整体界面色调相同的遮罩作为间隔,从整体视觉观感上来讲,很难与实际界面做出区分。...可见对蒙版引导和实际界面做出足够的层级区分是产品设计中必须注意的一个环节。 ? 对你的蒙版引导添加动画效果,不仅能够使得用户更加乐于阅读你的引导,同时也可以减少突兀弹出给用户带来的使用不畅感。...例如在手势操作的引导界面中,带有方向性移动的动画效果可以让用户知道操作的方向,相比于文字说明,更加直观和快捷。

    1.6K120

    TIMESAT提取物候信息操作流程

    所以解决方案就是使用包含研究区域的矩形影像。(如果是矩形区域还失败的话,可能是因为研究区沿海。扩大数据范围,降低水体在影像中的占比,可以解决。)...TIMESAT用数据列表的txt读取时间序列影像,所以需要建立数据列表txt,可以用excel实现。路径要完全正确,必须带有后缀,首行是影像景数。...单击TSF_process选择刚刚保存的*.set文件,软件开始按行拟合。出现文件路径后,拟合完成 ④TSF_seas2img生成物候二进制文件。...打开ENVI,打开一景同区域影像(需要它的头文件),以图示方式打开生成的二进制文件“*_s1”文件。 弹出Header Info对话框,输入头文件,设置参数。...设置完成后,小OK鼠标一点,影像就显示了。此时生成的影像是过程文件,需要另存为TIFF文件。(就不用多suo了吧) ②定义投影。

    40510
    领券