草庐IT

metro-ui-css

全部标签

javascript - 有没有可行的方法使用JS触发CSS关键帧动画?

当然,我们可以使用关键帧创建CSS动画,并从那里控制它。但是,理想情况下,我想通过单击按钮来触发此动画-因此单击按钮将是一个事件...@keyframesfade-in{0%{opacity:0;}100%{opacity:1;}}现在,点击时,我想触发这个动画;而不是在CSS动画属性中。 最佳答案 看这里jsfiddle如果您希望每次按下按钮时动画都起作用,请使用此代码:$('button').click(function(){$(".fademe").addClass('animated');setTimeout(functio

javascript:使用单位获取css prop值

这个问题在这里已经有了答案:GetelementCSSproperty(width/height)valueasitwasset(inpercent/em/px/etc)(5个答案)关闭6年前。我的代码是这样的:#image_1{position:absolute;top:3vw;}我的尝试:http://jsfiddle.net/z8k6t3fb/1/我想要'3vw'这可能吗?

javascript - CSS 的笛卡尔失真效果

我正在尝试重新创建NewYorkTimesFashionWeek中使用的笛卡尔失真效果页。但是,他们使用D3版本3和D3js的鱼眼插件,但不适用于D3版本4。由于我们做的整个元素都在D3V4中,我无法降级到D3Version3。有没有其他方法可以使用CSS和jquery实现这种效果?我已经尝试过这是我到目前为止的位置:previewwindow.onload=run;functionrun(){if($('.overlayDiv').css('display')!='none'){varcontainer=d3.select('.overlayDiv');container.empty

javascript - 类型 'ReactType' 不是通用的 (material-ui@next)

我安装了Materialui@next,但我在Node模块中遇到了这个错误。[at-loader]中的错误./node_modules/material-ui/Avatar/Avatar.d.ts:8:1511:31:52web.1|TS2315:类型“ReactType”不是通用的。11:31:52web.1|[at-loader]中的错误./node_modules/material-ui/Button/Button.d.ts:7:1511:31:52web.1|TS2315:类型“ReactType”不是通用的。11:31:52web.1|[at-loader]中的错误./nod

javascript - 在 Shiny 中使用 JavaScript 获取呈现的 UI 中元素的属性

我正在尝试获取或更改Shiny中Javascript元素的属性。所以在下面的例子中,我想在使用Javascript渲染时直接获取iframe的宽度。我知道我可以设置iframe的宽度,但这不是目标。我还希望能够获得宽度以外的其他属性,例如iframe的frameBorder属性。Here它说“为x触发的最后一个事件是shiny:value”,所以我假设绑定(bind)到它会起作用:library(shiny)jsCode但是,我们可以看到alert已经在iframe实际呈现之前触发(?)所以我的问题是;如何在渲染时直接用Javascript获取iframe的宽度(或任何其他属性,例如f

javascript - 如何将 material-ui Grid 组织成行?

我正在使用ma​​terial-ui做一个表单,使用Grid系统我想做以下事情:并且能够将前两项放在第一行,将第三项放在第二行,我发现这样做的唯一方法是:将ma​​terial-uiGrid堆叠成行的更好方法是什么(就像Bootstrapgrid中的行类概念)?我也考虑过这些选项:用空的Grid项目填充第一行?放立式容器? 最佳答案 您已接近第二个代码块。我发现您可以简单地创建2个不同的网格部分,例如:Gridcell1,1Gridcell2,1Gridcell1,2Gridcell2,2您可以在我的sandbox中使用它检查off

javascript - 更改 Material UI 不确定复选框的颜色

我很难为我的复选框的不确定状态应用颜色。完全选中时,复选框会正确显示为辅助颜色。关于我在针对不确定状态并更改其颜色方面做错了什么有什么建议吗?conststyles={root:{'&$indeterminate':{color:'red',},},indeterminate:{},};...{hasChildren?:null}我是根据这里的文档这样做的:https://material-ui.com/customization/overrides/#overriding-with-classes感谢您的帮助! 最佳答案 我找到了

javascript - 如何使表格行可点击并展开行 - vue.js - element-ui

我正在使用具有可扩展行功能的表格。单击展开图标时该行会展开,您可以查看示例HERE.但是,我想要做的是,entirerow可点击和切换展开和折叠行就像点击展开图标时一样。请帮忙。这是我的标记:el-table(:data="tableData")el-table-column(label="EmployeeName",prop="userName")el-table-column(label="CompanyName",prop="companyName")el-table-column(type="expand",align="right")template(slot-scope="

javascript - 构建 jQuery UI 插件

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion除了官方文档之外,是否有任何推荐的学习构建jQuery插件的资源。我对为UI库构建插件特别感兴趣。我一直在寻找一些官方的来源,但我发现它们看起来彼此完全不同。许多没有得到很好的评论,很难说出哪些代码块是基本结构的一部分,哪些是特定插件所

javascript - 如何将 CSS 应用于 Google Closure 库中的组件?

我正在接触Google的闭包库。我创建了一个带有SelectWidget的简单页面,但它显然需要一些样式(元素看起来像纯文本,在下面的示例中,菜单项在按钮下方弹出)。我假设库支持样式——我怎样才能连接到它们?SVN中的每个示例页面似乎都使用了自己的CSS。缩写示例如下:goog.require('goog.dom');goog.require('goog.ui.Button');goog.require('goog.ui.MenuItem');goog.require('goog.ui.Select');varinputDiv=goog.dom.$("inputContainer");