草庐IT

CSS动画2d、3d效果

全部标签

javascript - 拉斐尔投影效果

有谁知道Raphael是否支持使用阴影。我正在尝试为我创建的对象创建投影。这是我的代码,但我不知道如何添加阴影。如果可以,请帮助我,我的经理对我感到非常沮丧。//allyourjavascriptgoesherevarr=newRaphael("draw-here-raphael"),//Storewheretheboxisposition='left',//Makeourpinkrectanglerect=r.rect(20,20,50,50).attr({"fill":"#fbb"}); 最佳答案 .glow()-方法可以在一定

javascript - 获取应用于元素的 css 类的背景颜色

比如说,我有以下CSS类:.upComing{background:#ccc;font-weight:bold;}在我的HTML中,我有一个表,其中一些行应用了该类,如下所示:到目前为止一切顺利,但是通过JavaScript我有监听td点击的事件,我想获取行的颜色(我知道我可以获取行的类,但在这种情况下我需要能够从类中获取颜色)。我需要这样做,因为表格可以导出到excel文件,如果行颜色在CSS类上,则不会应用于excel文件,我想在之前将这种颜色应用于每个td将html发送到excel生成器。PS:该表是从我们创建的jQuery插件动态生成的,它仍在进行中,但当我们对它有足够的信心时

javascript - 不用jquery的动画,左右滑动

我想在显示时将div向左滑动,在隐藏时向右滑动,但我不想使用jQuery。有没有办法在不使用javascript库的情况下制作简单的动画并支持IE7和IE8?这是我的显示/隐藏js:functionshowHide(){varElliot=document.getElementById('Daniel').style.display;if(Elliot=="block"){document.getElementById('Daniel').style.display="none";}else{document.getElementById('Daniel').style.display

javascript - CSS3 圆形菜单

我找到了this漂亮的圆形菜单,我正在努力调整它以适应我自己的需要。我只需要该菜单中的四个元素,并且应该增加它们的“宽度”(水平空间)。我把原始代码放在这个fiddle里了.有四个元素的版本是here.如前所述,我试图通过增加它们的大小来填充它们之间的空白区域,因为我想在其中放置更多文本。我认为可能相关的部分CSS:.csstransforms.cn-wrapperli{position:absolute;top:50%;left:50%;overflow:hidden;margin-top:-1.3em;margin-left:-10em;width:10em;height:10em

javascript - 如何在 Rails 应用程序上有效地限定 javascript set css 的范围?

在我的Rails应用程序上确定我的javascript和css文件的范围时遇到了很多麻烦。通过范围界定,我的意思是:如何处理仅在一个页面或一个Controller中使用的java脚本和CSS?我尝试了一些解决方案,但它们都很复杂且不够优雅:我看到了一些这样的建议:像这样将我的.js文件直接包含在我的.erb文件中:然后在应用程序布局中生成它。但这意味着再向服务器发出一个请求以获取.js文件。我认为为应用程序保留一个.js文件和一个.css文件很重要,它们由Assets管道创建我看到了一些其他建议,例如测试我的HTML标记是否出现在带有.length的DOM上jquery的方法。这仍然意

javascript - Wow.js 不会加载延迟超过 1 秒的动画。为什么?

我在wow.js中使用animate.css。第三个,数据延迟超过一秒,不fadeInLeft。它正常淡入(不是从左侧淡入)。有人遇到过这个问题吗?我该如何解决?--这是我的看法。我在页面上有三个列表项。Text1Text2Text2 最佳答案 我知道这个帖子有点老,但我想我会发布我所知道的:尝试使用节类。Text1Text2Text3 关于javascript-Wow.js不会加载延迟超过1秒的动画。为什么?,我们在StackOverflow上找到一个类似的问题:

javascript - 仅将 CSS 类添加到那些没有 'title' 属性的链接

LinkLinkLinkLink我想添加一些CSS类Link我如何使用jQuery或JavaScript实现这一点 最佳答案 无需使用jQuery添加CSS类。您可以在CSS中使用属性值选择器。a[title=""]{color:red;}除了样式目的之外,使用jQuery添加类$('a[title=""]').addClass('someClass');选择没有title属性的元素a:not([title]){color:red;}可以在jQuery中使用相同的选择器。$('a:not([title])')

javascript - 纯 JavaScript 动画缓动

几个小时以来,我一直在努力寻找一个纯JavaScript的简易实现,但一无所获。那些接近的没有任何意义。我所能找到的只是一堆没有实现的缓动函数。例如,像这样的函数:functionlinear(time,begin,change,duration){returnchange*time/duration+begin;}functioneaseInQuad(t){returnt*t},functioneaseOutQuad(t){returnt*(2-t)},困扰我的一件事是fps在哪里发挥作用?它与持续时间直接相关。我没看到有人提到它。如何在下面的动画中实现上述缓动函数?JSFiddle

javascript - 设置动画速度 - ChartJS?

我正在尝试在chartJS中设置饼图的动画速度。我试过以下方法:numSteps:数字animationSteps:数字Chart.defaults.global.animationSteps=数字这些都没有改变速度。有什么建议吗?varmyNewChart;vardata=[{value:30,label:"hello",color:"#F7464A"},{value:50,color:"#E2EAE9"},{value:100,color:"#D4CCC5"},{value:40,color:"#949FB1"},{value:100,color:"#4D5360"},];varo

javascript - 如何使用 JQuery 添加淡入淡出或图像过渡效果?

我只有一个我页面上的元素。我更改了src每7秒检查一次此图像的属性。我每7秒看到一次新图像,但如果我可以在加载新图像时添加一些淡入淡出或过渡效果会更好。有一些简单的脚本吗?我不需要任何插件。只需要一些线索或几行示例即可。 最佳答案 尽管KaiQing提到过,您可以使用jQuery的回调功能在更改图像时淡入/淡出图像。这可以像这样完成:http://www.jsfiddle.net/bradchristie/HsKpq/1/$('img').fadeOut('slow',function(){$(this).attr('src','/