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的陰影效果

回答

相關問題