草庐IT

yui-pure-css

全部标签

javascript - 如何访问使用 YUI 选中的单选按钮的值?

我有以下单选按钮结构......我将如何检索任何选中的单选按钮的值?我已经检查了YUI文档,但确实没有任何好的示例。我也想知道在YUI中如何通过输入名称获取元素? 最佳答案 在YUI3中:varvalue=Y.one("#testinput[name=test1]:checked").get("value");在YUI2中://thenull,null,null,trueisoptional,butreturnsonlythefirstmatchvarinput=YAHOO.util.Dom.getElementsBy(functi

javascript - 很棒的 CSS 效果

404Page或500Page有人知道如何做这种事情吗?随鼠标移动的动画?感谢您的更正,@Alin。只要一个教程链接就好了。编辑:刚刚还了解到它是视差效果。这应该有所帮助。 最佳答案 效果是用javascript实现的,而不仅仅是CSS。源代码在您链接到的页面上。看看jParallax,它可以很容易地在您自己的站点上以可靠的方式实现效果:http://stephband.info/parallax.html 关于javascript-很棒的CSS效果,我们在StackOverflow上找

javascript - yui和yui3的比较

YUI3准备好了吗?与YUI相比,它的优缺点是什么? 最佳答案 @Corwin关于yui.yahooapis.com服务器上的文件更改是不正确的——如果您使用我们服务器上的YUI3PR2版本,即使后续版本发布,这些文件仍将保留在那里。随着我们向beta1(计划于6月发布)然后向GA迈进,API确实会发生一些变化。毫无疑问,我们会在您升级时做出需要您注意和时间的更改。这一点——以及YUI3不包含YUI2.7.0(2.x代码线中的当前版本)的所有功能这一事实——是现在推迟的主要原因。您可以在此处了解有关YUI3的更多信息以及它与2.7.

Javascript/将CSS样式字符串转换为JS对象

我们想将作为字符串输入的CSS样式转换为JS对象。例如,varinput="border:solid1px;color:red";预期的JS对象:{border:"solid1px",color:"red"}当然,样式条目的数量以及样式名称(边框、颜色、字体、z-index等...)都是无限的。谢谢。 最佳答案 一个非常简单的:varregex=/([\w-]*)\s*:\s*([^;]*)/g;varmatch,properties={};while(match=regex.exec(cssText))properties[mat

javascript - Angular Material 设计中的纸堆(css3)

我正在使用AngularMaterialDesign,我正在尝试创建下面代码笔链接中给出的纸堆效果:PaperStackusingCSS3它工作正常,但是当我添加AngularMaterialDesignCSS时,它中断了(没有更多的纸堆UI)你能帮我解决这个问题吗,下面是添加MaterialDesignCSS的链接。SamePaperStackcode+MaterialDesignCSSDearFriends,Loremipsumdolorsitamet,consecteturadipiscingelit.Praesenteuismodportatempor.Donecpulvina

javascript - 加载外部第三方 CSS 有什么危险吗?

我的目标是通过在URL参数中向我们传递指向其样式表的链接,让合作伙伴能够根据自己的外观设计其着陆页的样式。通过JavaScript加载第三方CSS是否存在安全或浏览器兼容性问题? 最佳答案 在CSS文件中。expressions(code)、behavior:url()、url(javascript:code)和-moz-binding:url()都有潜在的安全问题。行为不能跨域以消除一些威胁,但一般来说,您确实需要以某种方式对其进行清理。如果您允许用户链接到外部服务器上的CSS,则没有完全可靠的验证方法。服务器可以检查服务器上的C

Javascript:具有特定 CSS 类的数字的序数后缀

我正在尝试在带有序数后缀的特定表格中显示数字。该表始终显示来自XML文件的三个数字。数字显示排名,例如它们可能是第6、120、131。输出是一个如下所示的表格:6120131理想情况下,我想使用javascript,我在stackoverflow上找到了一些非常好的解决方案,例如thisone.但是,我正在努力将该函数应用于表中的所有数字,而不是单独输入每个数字。我尝试使用CSS类,以便我的函数如下所示:$(function(){$(".ordinal").each(function(){varj=i%10;if(j==1&&i!=11){returni+"st";}if(j==2&&

javascript - 使用 JQuery 设置 CSS 关键帧

我正在尝试确定div的高度,它根据文本的大小是动态的。我试图在CSS中动态设置它作为我的原始问题https://stackoverflow.com/questions/24150538/defining-a-height-in-css-for-animation-keyframe-within-itself?noredirect=1#comment37269329_24150538.我现在似乎有一个JQuery可以让您在https://github.com/jQueryKeyframes/jQuery.Keyframes上这样做.所以我按照他们的例子删除了我的CSS文件中的keyfra

javascript - CSS transition 不同的行为取决于浏览器类型

在我的代码中,我根据当前鼠标的X和Y位置更改了一些元素的位置。我添加了一个csstransition:all5000ms;让动画更流畅。在GoogleChrome(第63版)中它看起来很棒并且按预期工作,但在InternetExplorer和Firefox中动画看起来滞后/断断续续这是我的代码://$('.shape').css("transition","all7000ms");$(document).mousemove(function(e){letmX=e.clientX;letmY=e.clientY;$('.shape-1').css("transform","transla

javascript - 通过 javascript 动态设置 css 过滤器

我想应用这个过滤器:-webkit-filter:blur();通过JavaScript动态地进行。我在网上到处找,几乎找不到任何东西。我想通过DOM通过JavaScript动态设置属性。document.getElementById("element").style我该怎么做? 最佳答案 简单如:document.getElementById("element").style.webkitFilter="blur(1px)"; 关于javascript-通过javascript动态设置