草庐IT

css-modules

全部标签

javascript - 循环 CSS 动画

所以我这里有这个漂亮的CSS动画,我希望它循环播放。遗憾的是,我几乎没有使用CSS动画的经验,也不知道该怎么做。如果这里有人可以帮助我,我将不胜感激。谢谢!HTMLWeeeeeeeJavascript$("#msg").click(function(){varduration=1400;$msg=$(this);$msg.css("-webkit-transform","scale(2)").css("-webkit-transition-timing-function","ease-out").css("-webkit-transition-duration",duration+"m

javascript - 在原型(prototype)中使用 css 选择器触发点击事件

我是Prototypejs的新手。我有一个这样的元素,Save&Close我有一个anchor标记选择器,$$('#toolbar-savea')。通过使用此选择器,我如何触发click事件?或者你可以建议的任何其他方式?提前致谢。 最佳答案 $$('#toolbar-savea')[0].click();FIDDLE 关于javascript-在原型(prototype)中使用css选择器触发点击事件,我们在StackOverflow上找到一个类似的问题:

javascript - CSS Transform Math - 计算倾斜引起的div的高度

我很难弄清楚如何计算由倾斜引起的div容器的额外高度。我正在屏蔽容器内的图像并使用plugin调整它的大小.容器不会始终具有相同的高度和宽度,因此使用固定尺寸是行不通的。请看我的demo.http://jsfiddle.net/RyU9W/6/HTMLCSS#profiles{margin-top:300px;transform:skewY(-30deg);-ms-transform:skewY(-30deg);/*IE9*/-webkit-transform:skewY(-30deg);/*SafariandChrome*/}.profile{cursor:pointer;float

javascript - CKEditor 4 : How to add CSS stylesheet from plugin?

暂时试过了,但是没有成功editor.addCss(this.path+'tabber.css');editor.document.appendStyleSheet(this.path+'tabber.css');完整代码(function(){CKEDITOR.plugins.add('tabber',{init:function(editor){editor.ui.addButton('addTab',{command:'addTab',icon:this.path+'icons/tabber.png',label:Drupal.t('Inserttabs')});editor.a

javascript - meteor js 铁路由器 : apply CSS change whenever route changes

我的应用程序中有主页、联系页面和其他几个与产品相关的页面。目标是仅将背景图像应用于特定路线:/homepage和/contact。如果用户离开任一路线,应用一些CSS更改。我现在正在和我主页上的一个助手一起破解这个,就像这样:Template.homepage.rendered=function(){varroute=Router.current();if(route.path=='/'){document.body.className="showBackgroundImage";}};这里部分获胜,因为这将激活css,但我需要在路线更改时停用。我还在我的router.js中尝试了以下

javascript - Webpack 未捕获引用错误 : require is not defined after removing node_modules from bundle. js

bundle.js2.83kB0[emitted]mainbundle.js.map3.36kB0[emitted]main当我将下面的代码添加到自定义外部时,我可以删除node_modules,使其不直接包含在bundle.js输出中。bundle.js743kB0[emitted]mainbundle.js.map864kB0[emitted]main这显着减小了包的大小。但我在浏览器中收到一条错误消息:UncaughtReferenceError:requireisnotdefined在浏览器中。有谁知道如何解决这个问题?varpath=require("path"),fs=re

javascript - 如何在 Node js 中导出带有 module.exports 的数组?

我有一个使用node.js的项目。这是我第一次使用nodejs,我想将一个数组导出到我的应用程序。这是一些代码:module.exports={vararrays=[];arrays[0]='array0';arrays[1]='array1';arrays[2]='array2';arrays[3]='array3';arrays[4]='array4';varr_array=arrays[Math.floor(Math.random()*arrays.length)].toString();}最后我想在我的app.js中使用varr_array但我不知道如何使用。

javascript - 将 bootstrap.css 包含到 nuxt 项目的最佳方法是什么?

这是我的nuxt.config.js文件的一部分:head:{link:[{rel:'icon',type:'image/x-icon',href:'/favicon.ico'},//loadbootsttrap.cssfromCDN//{type:'text/css',rel:'stylesheet',href:'//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'},]},css:[//thislineincludebootstrap.cssineachhtmlfileongenerate'bootstra

javascript - 如何通过 JavaScript 或 CSS 检查用户是否处于高对比度模式

当按下Shift+Left+Alt+Print时,Windows切换到高对比度模式-是否有有机会在网页上检测到它(使用JavaScript或CSS)吗?是否有机会在HTTP-Request(也就是服务器端,例如通过PHP或Ruby)中检测到它? 最佳答案 根据thisarticleaboutusingCSSspritesinhighcontrast,在Windows上的高对比度模式下,背景图像应设置为“无”,并且它还会更改背景颜色。这应该覆盖任何CSS样式表。因此,您可以在初始渲染后执行一些javascript来检测它。查看他的de

javascript - 一次更改或交换多个 HTML 元素的 CSS

我有大约100个,100和100我文档中的标签。我需要在JavaScript中实现以下操作:将背景所有foos更改为红色,所有条形更改为绿色,所有bazes更改为蓝色。将背景所有foos更改为绿色,所有条形更改为蓝色,所有bazes更改为红色。将背景所有foos更改为蓝色,所有条形更改为红色,所有bazes更改为绿色。我将总共调用这些操作大约1000次,因此我想避免使用附加的解决方案标记到每次做手术。有什么比遍历所有更简单、更快或更好的方法吗?带有document.getElementsByTagName('span')的元素,并更改或附加到.className每个元素的DOM属性?