草庐IT

append_css

全部标签

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 - 如何将 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");

javascript - 如何使用 jQuery 或 CSS 自动调整(拉伸(stretch))div 高度和宽度

我有4个id为A、B、C和D的div,如下所示;DivA和D具有固定的宽度和高度。DivB具有固定宽度。我想要自动计算DivB的高度和DivC的高度+宽度。我想在divA和D之间拉伸(stretch)DivB和C。我还想在divB和右边距之间拉伸(stretch)Divc。页面因此不会有任何滚动条和空白区域。我预期的布局如下我怎样才能使用jquery/css使这成为可能?任何人都有解决方案,请给我一个fiddle/演示??提前致谢...:)布拉斯特拉尔弗雷德 最佳答案 好吧,尽管问了,我仍然不完全确定你想要什么。我认为您也不必为此使

javascript - CSS:如何将彩色图像转换为灰色或黑白图像

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:ConvertanimagetograyscaleinHTML/CSS我怎样才能像这样将彩色图像变成灰色或黑白图像website用CSS?它可以单独在CSS上完成还是我需要JavaScript(jQuery)?谢谢。编辑:谢谢大家的回答。我注意到诀窍是制作两张不同的彩色图像——一张是全彩色的,另一张是黑白的。我希望这可以在一张图片中完成。所以除了“绝招”之外没有办法做到这一点??

javascript - 在 jQuery 中删除或更改 CSS 伪类

一个足够简单的问题,如此简短——是否可以使用jQuery以任何方式删除或更改CSS伪类?或与此相关的任何其他Javascript方法具体来说,我想摆脱:focusoninputs。我无法以任何方式直接更改CSS文件。谢谢你的帮助克星 最佳答案 Ican'taltertheCSSfiledirectlyinanyway.假设您只能使用JavaScript来执行此操作,我想不出比以下更好的方法了:$('head').append('input:focus{background:#fff}');您必须单独重置每个属性。font-weigh

javascript - 从 Javascript 更改(全局)CSS 样式

相关问题答案不尽如人意:ChangingCSSValueswithJavascript这是我想做的。我希望能够将页面元素的类设置为某个值,并让浏览器对其进行动画处理,例如将背景设置为rgb(255*(cos(time)*.5)的表格td+.5),0,0)。我可以通过设置计时器轻松地为单个元素执行此操作。但我可能希望多个元素具有此属性,并且必须为每个元素跟踪一个计时器并不是一个好主意。所以我想做的是能够从javascript更改CSS值。我正在查看代码here我觉得它对我来说太笨重了,无法从计时器使用。从外观上看,每次调用changecss之类的函数时,我都会将整个css规则附加到每个样

javascript - 使用 Jquery append 链接

我正在尝试根据您已经在哪个页面添加指向我的页面的链接。我正在使用Squarespace来构建这个网站,所以对我来说最简单的方法是使用Javascript或Jquery。我认为我遗漏的这种语法有问题。我已经尝试用\打破引号,但那没有用。如果我只是输出文本,它工作正常,但当我尝试让它与链接一起工作时它似乎中断了。if(loc==pageOne){$("#pages").append("NextPage")}else{if(loc==pageOneB){$("#pages").append("NextPage")}else{if(loc==pageTwo){$("#pages").appen

javascript - 是否可以使用 XHTML、CSS 和 JavaScript 编写跨平台桌面应用程序?

是否可以使用XHTML(或HTML)、CSS和JavaScript编写跨平台桌面应用程序?如果答案是肯定的,如何运行这个应用程序?我应该使用Firefox等浏览器运行它吗?注意:目前Windows支持HTMLApplication. 最佳答案 看来你要找的是OpenWebApps 关于javascript-是否可以使用XHTML、CSS和JavaScript编写跨平台桌面应用程序?,我们在StackOverflow上找到一个类似的问题: https://sta

javascript - 跟踪 Jquery 和 CSS 标识符的最佳方法是什么?

这更多是关于Jquery的组织问题。使用下面的简单示例:clickme$(document).ready(function(){$('.click').on('click',function(){alert('Clicked!');});});现在在您的网站上将其乘以1000,很快就会变得困惑。您也可以忘记为Jquery或CSS指定了哪些类。我通常尽量避免混合使用两者,所以我为CSS添加我的类,为Jquery添加其他类,以防我更改布局或在其他地方使用该部分,...我可以更改CSS。但是你怎么记得哪一个是用于CSS或Jquery的呢?您将您的类(class)命名为“JSclassName

javascript - 使用 append 方法删除附加的 div

这是我的代码...追加有效但删除无效。如何删除附加的div?functionview(){$('body').append('something');};functionclose(){$('.added').remove();};somethingclose 最佳答案 在您的html处理程序中指定window.close:closehttp://jsfiddle.net/ZTwd7/1/否则close()引用nativeclose方法,它不执行任何操作。下面是如何使用“javascript”(与内联html属性相反)处理程序模拟它