陰影菜單，Div+Js版，微軟以前網(wǎng)站曾用過_菜單導(dǎo)航特效

Div+Js實(shí)現(xiàn)的陰影菜單，微軟以前老版網(wǎng)站首頁曾用過，用以索引出Windows產(chǎn)品家族的所有產(chǎn)品，本菜單僅實(shí)現(xiàn)了一個(gè)雛形，想實(shí)現(xiàn)像微軟一樣的效果，估計(jì)還需要做不少工作。放出來的目的是供學(xué)習(xí)CSS的朋友做參考。

<title>陰影菜單，Div+Js版，微軟以前網(wǎng)站曾用過</title>
<script>
var global = window.document
global.fo_shadows = new Array
function makeRectangularDropShadow(el, color, size)
{
	var i;
	for (i=size; i>0; i--)
	{

var rect = document.createElement('div');
		var rs = rect.style
		rs.position = 'absolute';
		rs.left = (el.style.posLeft + i) + 'px';
		rs.top = (el.style.posTop + i) + 'px';
		rs.width = el.offsetWidth + 'px';
		rs.height = el.offsetHeight + 'px';
		rs.zIndex = el.style.zIndex - i;
		rs.backgroundColor = color;
		var opacity = 1 - i / (i + 1);
		rs.filter = 'alpha(opacity=' + (100 * opacity) + ')';
		el.insertAdjacentElement('afterEnd', rect);
		global.fo_shadows[global.fo_shadows.length] = rect;
	}

}
</script>
<style>body,td,div,a,input{font:menu;line-height:180%}</style>
<div id=menu style="position:absolute; left: 10px; top: 10px; background: #EEEEEE; width: 120px; height: 100px; padding: 3px; border: 1 #999999 solid; cursor: default">
<div style="border: 1 solid #EEE"
onmouseover="this.style.background='#CCC'; this.style.borderColor='#999'"
onmouseout ="this.style.background='#EEE'; this.style.borderColor='#EEE'"
>mb5u.com</div>
<div style="border: 1 solid #EEE"
onmouseover="this.style.background='#CCC'; this.style.borderColor='#999'"
onmouseout ="this.style.background='#EEE'; this.style.borderColor='#EEE'"
>模板無憂</div>
<div style="border: 1 solid #EEE"
onmouseover="this.style.background='#CCC'; this.style.borderColor='#999'"
onmouseout ="this.style.background='#EEE'; this.style.borderColor='#EEE'"
>網(wǎng)頁特效</div>
<script>
makeRectangularDropShadow(document.all["menu"], "#666666", 4);
</script>

所屬頻道：菜單導(dǎo)航特效/更新時(shí)間：2012-11-13

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)菜單導(dǎo)航特效：

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索陰影菜單，Div+Js版，微軟以前網(wǎng)站曾用過
特效說明：
菜單導(dǎo)航模板-陰影菜單，Div+Js版，微軟以前網(wǎng)站曾用過。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

陰影菜單，Div+Js版，微軟以前網(wǎng)站曾用過_菜單導(dǎo)航特效

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些

陰影菜單，Div+Js版，微軟以前網(wǎng)站曾用過_菜單導(dǎo)航特效