如何使用jQuery进行文字阴影缩放？

我想重新创建这个网站的页脚中的作用：http://desandro.com/（将鼠标悬停在左下角“Desandro使这个”如何使用jQuery进行文字阴影缩放？

在这里，他们使用CSS3和文字阴影，但我想知道这是可行的与jQuery的允许它的工作工作在所有浏览器？

感谢。

来源

2011-05-04 Karlgoldstraw

这可能并不是'回答你的问题，但它确实是一个非常好的效果！（我建议你使用CSS3的方式，它更稳定，只有IE9不支持它，Opera，FF，Chrome和Safari只是做...） – elslooo 2011-05-04 08:48:37

对于跨浏览器CS3阴影，渐变和圆角的效果，你可以使用http://css3pie.com/其实CSS3的作品除了IE7所有最新的浏览器，并以某种方式IE8所以CSS3馅饼.com是IE的解决方案;）

来源

2011-05-04 08:48:22

如果可以轻松完成某些事情，那么不要做它很复杂，我的意思是添加jquery，你将不得不修复跨浏览器的渲染问题，并且在页面下载过程中它也会变慢。 – 2011-05-04 08:49:56

你可以做到这一点

解决方案：

你不知道，吨需要的jQuery这一点。只需创建类，并使用Class_name：hover。它会工作。您提供的参考网站名称并未使用jquery。

，如果你想的jQuery参考这一点，例：

HTML：

<a href="#"> 
    <span>David</span> 
    <span>DeSandro</span> 
    <span>DeSandro</span> 
    <span>DeSandro</span> 
</a>

的jQuery：

$(document).ready(
    $(a).hover(
     function(){ 
      $(this).children().eq(0).addclass('style1'); 
      $(this).children().eq(1).addclass('style2'); 
      $(this).children().eq(2).addclass('style3'); 
      $(this).children().eq(3).addclass('style4'); 
     }, 
     function(){ 
      $(this).children().eq(0).removeclass('style1'); 
      $(this).children().eq(1).removeclass('style2'); 
      $(this).children().eq(2).removeclass('style3'); 
      $(this).children().eq(3).removeclass('style4'); 
     }); 
);

我不知道是否IE浏览器支持这个CSS

来源

2011-05-04 08:58:31 Suhail

如何使用jQuery进行文字阴影缩放？

回答

相关问题