转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网站运营 >> 正文
3dapple网站导航菜单制作方法         ★★★

3dapple网站导航菜单制作方法

作者:闵涛 文章来源:闵涛的学习笔记 点击数:933 更新时间:2005/4/3
现在网上有着各种各样的导航菜单,可还是有好多朋友问有关本网站菜单的制作方法,我发现好几个网站已经用上了本站的菜单 ,我想好东东应该大家一起分享,所以写了这个菜单制作的教程,供大家学习参考,今天只介绍这个菜单(静态)的制作方法,动态添加我会在下一期写给大家!费话不说,开入正题

第一步;其实这个菜单的制作主要是用javascript+css制作而成的,javascript其实不难,难在css的定制上!javascript由:
mt_dropdownC.js  (控制图片的路径)
mt_dropdown_initialize.js (存放按钮事件和图片的调用)
mt_dropdown_content.js (存放菜单项)
这三个js组成的,下面我一步步地介绍这个菜单的做法。

第二步;我们分析一下mt_dropdown_content.js这个文件里的代码:    
var menu1 = ms.addMenu(document.getElementById("menu1"));
menu1.addItem("- 网络开发","http://www.3dapple.com/net.asp";);
menu1   //相当于第一菜单
网络开发 //菜单名
http://www.3dapple.com/net.asp  //链接地址
var subMenu0 = menu1.addMenu(menu1.items[0]);
subMenu0.addItem("- Asp代码", "http://www.3dapple.com/net1.asp?name=net&;type=asp");
subMenu0 //定义二级菜单
Asp代码  //二级菜单名
http://www.3dapple.com/net1.asp?name=net&type=asp //链接地址
其它不做详细分析,类同!

第三步;分析一下mt_dropdown_initialize.js这个文件里的代码
menu1.onactivate = function() { swapImage("button1", preloaded[1][1].src) };
menu1.ondeactivate = function() { swapImage("button1", preloaded[1][1].src) };
button1 //指页面内定义的第一菜单的按钮名

第四步;我们分析一下mt_dropdownC.js这个文件里的代码,这个文件里定义菜单里所用的相关路径及打开文式

第五步;分析页面按钮,这里只对“精品代码”做一下分析

<a href="script.asp" id=menu1 ><img border=0 height=24 id=button1 name=button1 src="media/dm.jpg" width=94></a> 
id=menu1  //指定打开第一菜单
id=button1 //调用的图片名
我用“id”这个图片加以控制。其它类同

第六步;css 就不用我告诉大家了 特别附上源文件 希望大家能够喜欢 

不过要告诉大家一个缺点就是这个菜单极其耗机器资源!打开速度也没有一般的菜单快,但他好在是三级的,可以动态生成。


没有相关教程
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台