jquery.com';s阴影效应

jquery.com';s阴影效应,jquery,text,shadow,Jquery,Text,Shadow,我不知道www.jquery.com是如何在二级菜单(下载、文档…)上产生悬停阴影效果的。我以为这是一个简单的jquery插件,但我在任何地方都找不到 我发现:,这是非常直接的,但是(当然)internet explorer有一个问题。当距离设置为1px时,IE显示2px…这对我来说是无用的 我对jquery.com脚本非常感兴趣 (我在IE中看到了一个1px off的解决方案(http://stackoverflow.com/questions/2678037/css3-text-shadow

我不知道www.jquery.com是如何在二级菜单(下载、文档…)上产生悬停阴影效果的。我以为这是一个简单的jquery插件,但我在任何地方都找不到

我发现:,这是非常直接的,但是(当然)internet explorer有一个问题。当距离设置为1px时,IE显示2px…这对我来说是无用的

我对jquery.com脚本非常感兴趣


(我在IE中看到了一个1px off的解决方案(http://stackoverflow.com/questions/2678037/css3-text-shadow-effect-with-jquery),但我对使用上面提到的脚本不太感兴趣:(

这只是CSS。文本是重复的,一次是白色,一次是黑色。黑色在下面,偏移了.1em

<a href="http://docs.jquery.com">
   <span class="jq-shadow">Documentation</span>
   <span>Documentation</span>
</a>

CSS:
#jq-secondaryNavigation li a span.jq-shadow {
   top: .1em;
   left: 1em;
   color: #131C25;
   position: absolute;
   display: none;
}

CSS:
#jq Secondary导航李a span.jq-shadow{
顶部:1米;
左:1米;
颜色:#131C25;
位置:绝对位置;
显示:无;
}

他们正在使用$.fn.textDropShadow,这是一个非常简单的函数,可以在悬停时添加一个新元素:


他们的CSS定义如下:

#jq-secondaryNavigation li a span.jq-shadow, #jq-footerNavigation li a span.jq-shadow {
top: .1em;
left: 1em;
color: #131c25;
position: absolute;
display: none;
}
它们在这里为文本赋予了悬停属性:

#jq-secondaryNavigation li a:hover span.jq-shadow

这个脚本有什么文档吗?我不知道它到底是如何工作的