jquery.com的阴影效果

我无法弄清楚www.jquery.com如何在二级菜单上做悬停阴影效果（下载，文档...“。我认为这是一个简单的jQuery插件，但我无法找到它任何地方。jquery.com的阴影效果

我发现这个：http://www.hintzmann.dk/testcenter/js/jquery/textshadow/，这是非常直接的，但（ofcourse）theres与Internet Explorer的问题当距离设置为1px IE浏览器显示2px ...这使得它在我的无用情况

林在jquery.com剧本很感兴趣..

（我已经看到了在IE（HTTP的1px的关闭一个解决方案：// stackoverf low.com/questions/2678037/css3-text-shadow-effect-with-jquery），但我不是很喜欢使用上述脚本:(

来源

2011-03-28 zvinx

这只是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; 
}

来源

2011-03-28 19:45:54

我明白了......但在源代码中看不见的跨度？ – zvinx 2011-03-28 19:51:19

下和偏移他们正在使用$ .fn.textDropShadow，这是一个非常简单的函数，悬停增加了新的元素：

http://static.jquery.com/files/rocker/scripts/custom.js

来源

2011-03-28 19:47:39 velocityhead

这个脚本是否有任何文档？我无法弄清楚它是如何工作的 – zvinx 2011-03-28 19:55:01

他们的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

来源

2011-03-28 19:49:55

jquery.com的阴影效果

回答

相关问题