JavaScript,伸展收缩,菜单,JavaScript菜单
web前端-js教程
本文实例讲述了JavaScript实现的伸展收缩型菜单代码。分享给大家供大家参考。具体如下：php威盾源码加密,ubuntu时间怎么调,tomcat启动速度慢,爬虫手机端,腾讯视频php解析算法,seo wechatlzw
这是一款真正的JavaScript伸展收缩型菜单，鼠标放上看一看，是不是很酷？鼠标划出菜单项的时候，背景会伸长。菜单没有加链接，想用的自己加，再美化一下，绝对够个性吧。收费源码系统,vscode 引用分析,12代酷睿ubuntu,tomcat 项目 缓慢,易语言 sqlite查找,phpcms qq登陆插件,后台前端框架网址,非小号网络爬虫,php实现上传,谷歌大叔 外贸seo,django电影网站源码,网页中显示pdf文档的html代码,简易商城 jsp网页模板,页面音乐播放器,新云网站内容管理系统 4.0.0 sp2,自媒体分享程序源码lzw
运行效果截图如下：2017诱导直播视频源码,vscode怎么在dw打开,ubuntu svn账户,tomcat 8小时,全球爬虫服务,怎么注释php代码,成都抖音seo优化价格,国微网站模板下载,织梦会员登录注册模板lzw
在线演示地址如下：http://demo.jb51.net/js/2015/js-zkss-menu-codes/
具体代码如下：
真正的JavaScript伸展收缩型菜单 #con div{width:100px;margin:5px 0 5px 0;font-size:9pt;height:23px;color:white;}function $(e){return document.getElementById(e);}function roulMenu(e,maxW,minW){ var divs = $(e).getElementsByTagName('div'); for(var i=0;i<divs.length;i++){ (function(){ var tims,timss; divs[i].onmouseover=function(){ var self = this; clearInterval(timss); tims=setInterval(function(){ if(self.offsetWidthminW){ self.style.width = self.offsetWidth - 5 + 'px'; }else{ clearInterval(timss); } },10); } })(); }}//使用方法roulMenu('con',200,100);红色菜单绿色菜单蓝色黄色这是什么色桔色黑色超酷