jquery.com';s阴影效应
我不知道www.jquery.com是如何在二级菜单(下载、文档…)上产生悬停阴影效果的。我以为这是一个简单的jquery插件,但我在任何地方都找不到 我发现:,这是非常直接的,但是(当然)internet explorer有一个问题。当距离设置为1px时,IE显示2px…这对我来说是无用的 我对jquery.com脚本非常感兴趣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
(我在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
这个脚本有什么文档吗?我不知道它到底是如何工作的