网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
php教程
>
php常用代码
> >
[漂亮女局长]漂亮的javascript 树形导航条
[漂亮女局长]漂亮的javascript 树形导航条
发布时间:2018-05-28
【www.gdgbn.com--php常用代码】
提示:您可以先修改部分代码再运行
漂亮的树形导航条
<script language="javascript"> /*--------------------------------------------------| |
网页特效
网 | www.111cn.net | |---------------------------------------------------| | | | 本站所有特效均已美化并保证可用。 | | 尊重劳动成果,请务必保留此行! | | by qptime 2007.9.2 | |--------------------------------------------------*/ //版本权信息 //alert("arrived here"); function PhenItem(id,pid,label,url,type,img,over,img2,over2,title,target){ this.id=id; this.pid=pid; this.label=label; this.url=url; this.title=title; this.target=target; this.img=img; this.over=over; this.img2=img2; this.over2=over2; this.type=type; //this._ih = false; //is it the head item? this._hc = false; //has the child item? this._ls = false; //has sibling item? this._io = false; //whether the panelbar is open? }; //menu object function PhenMenu(objName) { this.config = { closeSameLevel : true }; //alert("asdsdf"); this.obj = objName; this.items = []; this.root = new PhenItem(-1); }; //add a new item to the item array PhenMenu.prototype.add = function(id,pid,label,url,type,img,over,img2,over2,title,target){ this.items[this.items.length] = new PhenItem(id,pid,label,url,type,img,over,img2,over2,title,target); }; // Outputs the menu to the page PhenMenu.prototype.toString = function() { //alert("arrived here"); var str = "n"; if (document.getElementById) { str += this.addItem(this.root); } else str += "Browser not supported."; str += "n"; //alert(str); //document.write(str); //alert(this.items[0]._hc); return str; }; // Creates the menu structure PhenMenu.prototype.addItem = function(pItem) { var str = ""; //var n=0; for (var n=0; n
"; } if (pItem.url) { str += ""; } str += " " + pItem.label; if (pItem.url) str += ""; str += ""; //alert(pItem.url); //alert(str); if (pItem._hc) { str += ""; str += this.addItem(pItem); str += ""; //alert(str); //document.write(str); } return str; }; // Checks whether a item has child and if it is the last sibling PhenMenu.prototype.setHS = function(pItem) { var lastId; for (var n=0; n
.header { height:25px; FONT-FAMILY: Arial,Verdana; background-image:url(images/sideNavCategoryBg.gif); font-size:11px; color: #666666; } .headerSelected { height:25px; FONT-FAMILY: Arial,Verdana; background-image:url(images/sideNavCategorySelectedBg.gif); font-size:11px; background-repeat:repeat-x; COLOR: #333333; CURSOR: pointer; } .navigation_item { PADDING-LEFT: 20px; FONT-SIZE: 11px; CURSOR: pointer; COLOR: #000000; FONT-FAMILY: Arial,Verdana; HEIGHT: 20px; TEXT-DECORATION: none } .item { PADDING-LEFT: 2px; FONT-SIZE: 11px; CURSOR: pointer; COLOR: #000000; FONT-FAMILY: Arial,Verdana; HEIGHT: 20px; } .itemOver { PADDING-LEFT: 2px; FONT-SIZE: 11px; CURSOR: pointer; COLOR: #333333; FONT-FAMILY: Arial,Verdana; HEIGHT: 20px; font-weight:bold; background-color:#EDEDED } .itemSelected { PADDING-LEFT: 20px; FONT-SIZE: 11px; CURSOR: pointer; COLOR: #000000; FONT-FAMILY: Arial,Verdana; HEIGHT: 20px; TEXT-DECORATION: underline; } A.headerSelected { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 10px }
<script type="text/javascript"> p = new PhenMenu("p"); //alert("asds"); p.add(0,-1,"
网页特效
","","header","http://www.111cn.net/icon/20070902e.gif"); p.add(1,0,"窗口特效","http://www.111cn.net"); p.add(2,0,"页面导航","http://www.111cn.net"); p.add(3,0,"按忸链接","http://www.111cn.net"); p.add(4,0,"
文本特效
","http://www.111cn.net"); p.add(5,-1,"JS教程","","header","http://www.111cn.net/icon/20070902c.gif"); p.add(6,5,"最新教程","http://www.111cn.net"); p.add(7,5,"教程排行","http://www.111cn.net"); p.add(8,5,"实际应用","http://www.111cn.net"); p.add(9,5,"基础教程","http://www.111cn.net"); p.add(10,-1,"特效论坛","","header","http://www.111cn.net/icon/20070902m.gif"); p.add(11,10,"最新贴子","http://www.111cn.net"); p.add(12,10,"最热帖子","http://www.111cn.net"); p.add(13,10,"最新会员","http://www.111cn.net"); p.add(14,10,"论坛公告","http://www.111cn.net"); p.add(15,-1,"联系方式","","header","http://www.111cn.net/icon/20070902r.gif"); p.add(16,15,"QQ号码","http://www.111cn.net"); p.add(17,15,"电话号码","http://www.111cn.net"); p.add(18,15,"传真号码","http://www.111cn.net"); p.add(19,15,"电子邮箱","http://www.111cn.net"); //alert(p.items.length) document.write(p); //p.toString(); //alert(p.items.length); //delete(p); </script> 本代码由网页特效网提供
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/jiaocheng/23238/
上一篇:
自动复制u盘文件_复制文件自动增加版权信息
下一篇:
【phpstudy】php 读写缓存文件实例 var_export
相关推荐
【json】js 文字连续滚动
css经典书籍_css经典导航菜单代码
自动复制u盘文件_复制文件自动增加版权信息
做网站赚钱么_站长做网站赚钱方法
站长工具seo综合查询|seo优化-站长千万不要忽略长尾关键词
[json]js 强制退出弹出窗口代码
电子贺卡制作|春节电子贺卡-春节招财进宝
[百度收录查询]解决百度收录不稳定方法
c简单程序实例_简单实例兼容多浏览器切换菜单代码
新年英语贺卡_新年flash贺卡-祝你春节快乐
网友关注
利用photoshop制作2015|利用Photoshop制作2010新年贺卡教程
javascript学习指南_javascript 图片漂浮广告代码
[长尾关键词如何选]如何长尾关键词给自己带来流量
【基督教歌曲新年祝福】新年祝福贺卡-新春快乐flash贺卡
asp.net|asp 汉字转换拼音程序
[json]js 网页导航菜单效果
谷歌的关键词竞价广告|稳定谷歌关键词优化排名方法
【春节祝福成语】虎年春节祝福贺卡
asp xmlhttp|asp+XMlhttp生成html
json_js 浮动的对联广告带关闭功能
热门标签
漂亮的她
干得漂亮
最新php常用代码
php常用代码
as3 api|as3 火燃烧效果实现代码
php常用代码
phpstudy|php continue和break流程控制语名用法
php常用代码
【sql语句查询】sql复合查询与null对查询结果影响分析
php常用代码
兼容firefox_兼容firefox和Opera,select中添加、修改、删除option元素
php常用代码
csrf-token_c 随机生成字符串或数组方法
php常用代码
css美化select_css美化select表单实现方法代码
php常用代码
【超简单的画】超简单php 大图生成缩略图实现代码
php常用代码
[asp.net core]asp.net ajax 检测用户名是否可用代码
php常用代码
phpstudy|php 获取目录下所有文件实现代码
php常用代码
asp.net core|asp.net ajax 检测用户名是否可用代码
php常用代码热门文章
php常
【phpstudy】php 读写缓存文件实例 var_export
php常
html script|html+javasrcipt来读取xml实例
php常
仿丝棉|仿sina,163 切换选项卡代码
php常
javascript学习指南|javascript 三级联动菜单通用版
php常
【javascript学习指南】javascript 网站后台折叠滚动
php常
【phpstudy】php 模拟用户抓取网页内容程序
php常
phpstudy_php 给GIF 缩略图实例代码
php常
[cad状态栏文字状态]状态栏文字闪烁代码
php常
[漂亮带缩略图的图标]漂亮带缩略图的图片轮换代码
php常
简单的美白皮肤方法|超简单换皮肤代码
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有