网页特效

js蓝色三级下拉菜单(有三角箭头提示)的特效代码

位置:首页 > 网页特效 > 菜单特效,2013-03-25
这是用js+css蓝色三级下拉菜单(有三角箭头提示)的特效代码,比较漂亮的网页下拉菜单特效,值得学习和使用整个js特效代码也不多,如下<!DOCTYPEhtmlPUBLIC"-//W3C//DT...

这是用js+css蓝色三级下拉菜单(有三角箭头提示)的特效代码,比较漂亮的网页下拉菜单特效,值得学习和使用

蓝色三级下拉菜单

整个js特效代码也不多,如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META content=all name=Robots>
<link href="style/index.css" rel="stylesheet" type="text/css" />

<META content="MSHTML 6.00.5730.11" name=GENERATOR>
<title>蓝色三级下拉菜单(有三角箭头提示)的特效</title>
<SCRIPT src="js/mootools.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/index.js" type=text/javascript></SCRIPT>
</HEAD>
<BODY>
您的位置:<a href="http://www.ablanxue.com">ab蓝学网</a>
<DIV id=header>
    <DIV class=header_navigation id=header_navigation>
        <UL>
            <LI><EM><A title=ablanxue.com href="http://www.ablanxue.com">首页</A></EM></LI>
            <LI><EM><A title=ablanxue.com href="http://www.ablanxue.com">裸钻定制</A></EM></LI>
            <LI><EM><A class=a title=ablanxue.com href="http://www.ablanxue.com">钻戒/对戒</A></EM>
                <DIV class=header_drawer>
                    <DL>
                        <DD class=f><A title=ablanxue.com href="http://www.ablanxue.com">女款钻戒</A>
                            <DIV class=dd_header_drawer>
                                <DL>
                                    <DD class=f>
                                    <A title="ablanxue.com" href="http://www.ablanxue.com">时尚款</A>
                                    <DD><A title="ablanxue.com" href="http://www.ablanxue.com">经典款</A>
                                    <DD><A title="ablanxue.com" href="http://www.ablanxue.com">豪华款</A></DD>
                                </DL>
                            </DIV>
                        <DD><A title=ablanxue.com href="http://www.ablanxue.com">男款钻戒</A>
                            <DIV class=dd_header_drawer>
                                <DL>
                                    <DD class=f><A title="ablanxue.com"  href="http://www.ablanxue.com">时尚款</A>
                                    <DD><A title="ablanxue.com" href="http://www.ablanxue.com">经典款</A></DD>
                                </DL>
                            </DIV>
                        <DD><A title=ablanxue.com href="http://www.ablanxue.com">情侣对戒</A>
                            <DIV class=dd_header_drawer>
                                <DL>
                                    <DD class=f><A title="ablanxue.com" href="http://www.ablanxue.com">时尚款</A>
                                    <DD><A title="ablanxue.com" href="http://www.ablanxue.com">经典款</A></DD>
                                </DL>
                            </DIV>
                        </DD>
                    </DL>
                </DIV>
            </LI>
            <LI><EM><A class=a title=ablanxue.com href="http://www.ablanxue.com">钻石饰品</A></EM>
                <DIV class=header_drawer>
                    <DL>
                        <DD class=f><A title=ablanxue.com href="http://www.ablanxue.com">钻石吊坠</A>
                            <DIV class=dd_header_drawer>
                                <DL>
                                    <DD class=f><A title="ablanxue.com" href="http://www.ablanxue.com">时尚款</A>
                                    <DD><A title="ablanxue.com" href="http://www.ablanxue.com">经典款</A>
                                    <DD><A title="ablanxue.com" href="http://www.ablanxue.com">豪华款</A></DD>
                                </DL>
                            </DIV>
                        <DD><A title=ablanxue.com href="http://www.ablanxue.com">钻石耳钉</A>
                            <DIV class=dd_header_drawer>
                                <DL>
                                    <DD class=f><A title="ablanxue.com" href="http://www.ablanxue.com">时尚款</A>
                                    <DD><A title="ablanxue.com" href="http://www.ablanxue.com">经典款</A></DD>
                                </DL>
                            </DIV>
                        </DD>
                    </DL>
                </DIV>
            </LI>
            <LI class=l><EM><A title=ablanxue.com href="http://www.ablanxue.com">钻石礼品</A></EM></LI>
        </UL>
    </DIV>
    <div class="tip">
        <span><a href="http://www.ablanxue.com">ab蓝学网</a></span>
    </div>
</DIV>

</BODY>
</HTML>

TAGS:三级下拉菜单js特效

猜你喜欢

NewHot