网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
flash教程
>
flex
> >
【css超出部分省略号】css +js制作下拉菜单教程
【css超出部分省略号】css +js制作下拉菜单教程
发布时间:2017-10-05
【www.gdgbn.com--flex】
提示:您可以先修改部分代码再运行
<script type="text/javascript" defer> var Spry; if(!Spry) { Spry = {}; } if(!Spry.Widget) { Spry.Widget = {}; } // Constructor for Menu Bar // element should be an ID of an unordered list ( tag) // preloadImage1 and preloadImage2 are images for the rollover state of a menu Spry.Widget.MenuBar = function(element, opts) { this.init(element, opts); }; Spry.Widget.MenuBar.prototype.init = function(element, opts) { this.element = this.getElement(element); // represents the current (sub)menu we are operating on this.currMenu = null; var isie = (typeof document.all != "undefined" && typeof window.opera == "undefined" && navigator.vendor != "KDE"); if(typeof document.getElementById == "undefined" || (navigator.vendor == "Apple Computer, Inc." && typeof window.XMLHttpRequest == "undefined") || (isie && typeof document.uniqueID == "undefined")) { // bail on older unsupported browsers return; } // load hover images now if(opts) { for(var k in opts) { var rollover = new Image; rollover.src = opts[k]; } } if(this.element) { this.currMenu = this.element; var items = this.element.getElementsByTagName("li"); for(var i=0; i
0) { layers[0].parentNode.removeChild(layers[0]); } }; // clearMenus for Menu Bar // root is the top level unordered list ( tag) Spry.Widget.MenuBar.prototype.clearMenus = function(root) { var menus = root.getElementsByTagName("ul"); for(var i=0; i
0 ? submenus[0] : null); var hasSubMenu = false; if(menu) { this.addClassName(link, "MenuBarItemSubmenu"); hasSubMenu = true; } if(!isie) { // define a simple function that comes standard in IE to determine // if a node is within another node listitem.contains = function(testNode) { // this refers to the list item if(testNode == null) { return false; } if(testNode == this) { return true; } else { return this.contains(testNode.parentNode); } }; } // need to save this for scope further down var self = this; this.addEventListener(listitem, "mouseover", function(e) { if(self.bubbledTextEvent()) { // ignore bubbled text events return; } clearTimeout(closetime); if(self.currMenu == listitem) { self.currMenu = null; } // show menu highlighting self.addClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover"); if(menu && !self.hasClassName(menu, "MenuBarSubmenuVisible")) { opentime = window.setTimeout(function(){self.showSubmenu(menu);}, 250); } }, false); this.addEventListener(listitem, "mouseout", function(e) { if(self.bubbledTextEvent()) { // ignore bubbled text events return; } var related = (typeof e.relatedTarget != "undefined" ? e.relatedTarget : e.toElement); if(!listitem.contains(related)) { clearTimeout(opentime); self.currMenu = listitem; // remove menu highlighting self.removeClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover"); if(menu) { closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, 600); } } }, false); }; </script>
项目 1 项目 1.1 项目 1.2 项目 1.3 项目 2 项目 3 项目 3.1 项目 3.1.1 项目 3.1.2 项目 3.2 项目 3.3 项目 4 <script type="text/javascript"> </script>
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/flash/19472/
上一篇:
css超出部分省略号|css +javascript 模仿select效果代码
下一篇:
css超出部分省略号_css js 制作折叠菜单代码
相关推荐
【ascii码对照表】as 3 flash图片切换代码
boss怎么屏蔽公司_各公司屏蔽网站榜开心网排国内首位
css超出部分省略号|css +javascript 模仿select效果代码
ascii码对照表|as 3.0调用多图片loading 代码
球形爆米花制作视频|视频网站爆米花网获杭州市政府600万元投资
[非主流情侣接吻闪动图片大全]非主流情侣接吻闪动图片
[flash player]flash as 3.0 控制声音程序代码
【jquery ajax】jquery 九九乘法表代码
[09结婚]09 年最新非主流颓废个性签名
flash player_flash as 实用的地图放大及信息显示做法
网友关注
非主流爱情图片 浪漫_非主流悲伤爱情图片
[qq签名档图片]qq签名档 非主流个性签名档
[网页美工设计教程]网页美工 杭州市
[百度翻译]baidu 新算法调整
平面设计师岗位职责_平面设计师
html5_html 转换成php代码
非主流头像黑白_黑白非主流颓废闪动大图模块
非主流个性签名火星文_非主流个性签名制作教程
【phpstudy】php 程序员 4500-6000
视觉设计师是什么_视觉设计师 3000以上 广州市
热门标签
cssci
css3
cssci2019-2020
最新flex
flex
flash player|flash as通过php实现数据库连接方法
flex
css超出部分省略号_css visibility和display区别
flex
【css超出部分省略号】css after hover not 伪类选择
flex
css超出部分省略号_css vertical-align在ie6,ie8不同用法分析
flex
css超出部分省略号|css Input file 文件选择框美化 支持Firefox
flex
css超出部分省略号|css ie滤镜png图片不兼容ie6/ie7/ie8解决办法
flex
[css超出部分省略号]css 文章内容排版实例
flex
【css超出部分省略号】css li span日期靠右排列实例
flex
【css超出部分省略号】css IE6/7 padding-bottom Bug分析
flex
[css超出部分省略号]css ie ff 中hack 写法详解
flex热门文章
flex
css超出部分省略号_css js 制作折叠菜单代码
flex
[css超出部分省略号]css 图片滚动下拉效果
flex
[css超出部分省略号]css 使超链接的焦点变大
flex
css超出部分省略号_css div 布局hack写法
flex
[css超出部分省略号]css 控制 h1 h2 h3 标签字体大小
flex
[css超出部分省略号]css hack 使用方法
flex
flex布局|Flex Chart 选择区域缩放代码
flex
flash player|flash Flex给图片加上水印代码
flex
[flex布局]flex 去除selectioncolor的方法
flex
css超出部分省略号_css pt,px区别是什么
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有