JavaScript和css

以下是为您整理出来关于【JavaScript和css】合集内容,如果觉得还不错,请帮忙转发推荐。

【JavaScript和css】技术教程文章

javascript – CSS样式信息库【代码】

是否有人知道一个好的javascript库来获取DOM中给定元素的原始(即未计算)样式?换句话说,可以使用某些东西在Firebug的样式选项卡中生成结果.像Firebug一样,它应该考虑继承,快捷方式属性以及CSS的所有其他细微差别.解决方法:根据评论,您可能对一个不错的firebug lite bookmarkmarklet链接感兴趣: http://www.latentmotion.com/how-to-use-firebug-in-ie6-and-all-other-browsers/ 在我找到firebug lite之前,我开始使用自己的自定义版...

javascript – 在CSS中标识父类时,BigText插件无法正常工作【代码】

我一直在使用以下jquery插件根据容器div的宽度设置我的字体大小:http://www.zachleat.com/web/bigtext-makes-text-big/当我在css中定义字体时,我已经能够使用不同的字体.bigtext{font-family:Arial }见http://jsfiddle.net/pF5bQ/3/ 但是,如果我用父类定义css.theme .bigtext{font-family:Arial }它将字体设置得太大了. 见http://jsfiddle.net/pF5bQ/4/ 我正在开发的应用程序具有使用不同字体的各种主题,因此我需要能够根据父类为...

javascript – CSS:覆盖元素高度0后悬停重新渲染【代码】

我有一个元素,我称之为另一个元素,我称之为前面. 返回在CSS中设置以在悬停时更改颜色.当悬停时,前面被设置为在1秒延迟后消失,并且前面元素上的鼠标指针现在位于后面元素上. 通过在JavaScript中设置高度:0,前面消失.在Front消失并且鼠标ointer悬停在Back上之后,浏览器不会在Back上重新渲染悬停效果,这会导致其颜色未按预期更改. 当我通过自然地从DOM中删除Front来尝试相同的示例时,它可以正常工作.但是,我的应用程序要求我通过设置...

javascript – 将CSS应用于活动路由器链接[Angular 2]【代码】

我想将特殊的CSS样式属性应用于活动路由器链接:<a [routerLink]='link'>{{name}}</a> 这是我到目前为止尝试的(使用默认的router-link-active类):.router-link-active {color: #000;font-weight: bold; } 它不起作用,我真的不明白为什么.解决方法:目前Angular 2有一个built in attribute,你可以在任何与[routerLink]一起使用的链接上使用它是routerLinkActive所以你需要做的就是:<a [routerLink]='link' routerLinkActive="route...

javascript – 将css边框淡化为隐形?【代码】

是否有可能淡化元素的边界?为了澄清,这需要从javascript触发,并且使用像jquery这样的动画不是一种选择.我们正在使用sencha,但看起来你不能使用extjs为元素大小和位置设置任何动画.我知道css3有一些方便的动画,但我找不到类似于我需要的东西.解决方法:像这样的东西?div.transition {border: 5px solid rgba(0,0,0,1);height: 100px;width: 100px;background-color: #ffffff;-webkit-transition: border-color 1s linear; /* Saf3....

使用Javascript和CSS在鼠标悬停上突出显示表格的行【代码】

下面是我正在使用的功能,以突出显示悬停在上面的行. 当我的目标是从stripe_table类中选择tbodies时,我无法理解如何实现这一点.一旦将其设置为事件侦听器,我需要让a和td nodeNames响应mouseover事件,从而突出显示其父行. 有人可以解释一下可以实现这一目标的步骤吗?我如何从悬停的a或td元素遍历DOM以找到其父行? 谢谢! 在mouseover和mouseout上将tbody设置为eventlistener对a和td元素做出反应 – >修改tr – 找到目标元素的祖先表...

javascript – CSS或JQuery中的特定图像扩展选择器【代码】

我的项目中有几个图像,有几个扩展名(jpg,png,gif). 有没有办法根据css或JQuery中的扩展选择这些图像.<img src="img/img.jpg"/> <img src="img/img1.png"/> <img src="img/img2.gif"/>例如,我希望扩展名为.png的图像具有高度:200px;属性.解决方法:您可以使用属性以选择器结尾$=:$('img[src$=".png"]').height(200);选择器的结尾将错误地错过< img src =“test.png?id = 1”>. 您还可以使用属性contains selector,* =:$('img[src...

javascript – CSS:在鼠标悬停时更改背景颜色不透明度【代码】

我有一个DIV,我想改变背景颜色的不透明度,这取决于鼠标是否在它上面. 我知道你可以使用背景:rgba(54,25,25,.5)等,但我想分别设置颜色.有什么方法我只能修改OPACITY,而不是颜色. 我可能不透明:0.3等,但这会影响整个DIV,我只是想影响背景颜色. 谢谢你的帮助.解决方法:没有html / css没有内置的选项,但是因为你在javascript中访问/设置颜色,你可以添加你自己的功能,它可以为你处理. 这是给你的一个例子:<script type="text/javascr...

本周新闻返回&&javascript css等学习笔记

原文链接:http://www.cnblogs.com/longhorn008/archive/2005/08/26/223765.htmlselect?*?from?db_Article?where?dateandtime?>=?dateadd("d",-7,getdate())?select?*?from?db_Article?where?dateandtime?>=?dateadd("m",-1,getdate())function?mhEnter(){window.event.srcElement.className="lt1";}function?mhLeave(){window.event.srcElement.className="lt0";}=================<%#((DateTime)DataBinder.Eval(Container.DataI...

javascript – Css属性支持检测【代码】

在javascript中是否有通用的方法来检查当前浏览器是否支持css属性? 我目前正在使用“document.compatMode”来检查它是否是怪癖.但必须有一种方法来检查特定的财产.解决方法:你可以这样做,例如:typeof document.body.style.borderRadius在支持的浏览器中,它应该返回’string’.在不受支持的情况下,它将是“未定义的”