无限级折叠菜单 1.01 JS版 无限级折叠菜单 1.0.1 JS版 菜单_1_1 菜单_2_1 菜单_3_1 菜单_4_1 菜单_5_1 菜单_5_2 菜单_4_2 菜单_5_1 菜单_5_2 菜单_3_2 菜单_4_1 菜单_5_1 菜单_5_2 菜单_4_2 菜单_5_1 菜单_5_2 菜单_2_2 菜单_3_1 菜单_4_1 菜单_5_1 菜单_5_2 菜单_4_2 菜单_5_1 菜单_5_2 菜单_3_2 菜单_4_1 菜单_5_1 菜单_5_2 菜单_4_2 菜单_5_1 菜单_5_2 菜单_1_2 菜单_2_1 菜单_3_1 菜单_4_1 菜单_5_1 菜单_5_2 菜单_...
导航按钮是网站的非常重要的一部分,因其将网站的所有部分而集中一处,jQuery导航菜单插件在其中扮演重要的角色。 本文介绍了14个很酷的jQuery导航菜单插件,它们够漂亮、简单,并且完全兼容各种类型的web浏览器。1.Facets Navigation Demo | Download2.Rocking & Rolling Demo | Download 3.Garage Door Menu Demo | Download 4.Little Boxes Menu Demo | Download 5.Cool Animated Menu Demo | Download 6.Apple Navigation...
三级下拉菜单的实现: 代码如下: function list(idstr){ var name1="subtree"+idstr; var name2="img"+idstr; var objectobj=document.all(name1); var imgobj=document.all(name2); //alert(imgobj); if(objectobj.style.display=="none"){ for(i=1;i<22;i++){ var name3="img"+i; var name="subtree"+i; var o=document.all(name); if(o!=undefined){ o.style.display="none"; var image=document.all(name3); //alert(image); ...
1. Apple Menu Style 2. Color Fading Menu3. Animated Drop Down Menu 4. Random Link Color5. Scrollable 6. Moo Tool Homepage like 7. Animated Menu 8. jqDock Menu 9. Sliding jQuery Menu 10. CSS Mac Book Menu 11. Kwicks 12. Fading Menu with Content Replacing 13. Garage door effect 14. jQuery idTabs 15. Lavalamp
相信本菜单会让你学习到一些新鲜的JS技巧。 JS仿苹果任务栏菜单 body{margin:0;padding:0} #menu{position:absolute;width:100%;bottom:0;text-align:center;} window.onload = function () { var oMenu = document.getElementById("menu"); var aImg = oMenu.getElementsByTagName("img"); var aWidth = []; var i = 0; for (i = 0; i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
导航菜单应当足够简单以让用户快速了解它,但还要包含一些必要的元素来引导用户浏览整个网站——融入一些有创意且漂亮的设计。向大家推荐的70款优秀的导航菜单,有些是基于CSS设计的,有些是基于CSS+JavaScript的菜单,还有些是基于Flash的导航菜单设计,它们都有一个共同点:那就是它们都极具创意、界面对用户有好的,且完美的与网站的整体风格融合在一起。1.基于CSS的导航菜单设计 Loodo让网站更有感觉的华丽的菜单 Acko.netSteve...
准备工作: 请从脚本之家http://www.gxlcms.com/jiaoben/31974.html下载dtree.zip文件 dtree.zip压缩包介绍: dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源。 目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件, 不需要复杂的操作即可生产,同时支持动态从数据库引入数据 解压后有以下几部分: img文件夹: 包含树形菜单显示需要的图标 api.html : 作者写的dtree帮助文档 dtree.cs...
最近写了一个tab菜单,这个也算是web2.0的产物了,没什么技术含量,练练手而已. 以下是tab菜单的html结构: vhcdsdfd.......................... tab1,tab2就是内容,blank是填充剩下的.body是tab标签对应的内容. 以下是javascript代码: 代码如下: sx.activex.tabmenu={ create:function(t){ var a=document.createElement("div"); var head=document.createElement("div"); var body=document.createElement("div"); var blank=docume...
最近一直在研究网页特效,看到qq界面的折叠菜单,于是冒出个想法,自己写一个类似的,上网查了一下,发现已经有不少类似的菜单效果,不管那么多,先写着再说吧. 以下是html结构: sdfdsdsfdsfsdfsddsfdsfdsfsdf....................... id为a里的便是你要添加的菜单的标题和内容. 下面是javascript代码: 代码如下: sx.activex.packmenu={ create:function(t){ var a=document.createElement("div"); var _t=t; a.style.height="300px"; a....
会移动的菜单,层菜单,鼠标放在菜单上,菜单就会移动,上浮的菜单,像是TAB风格的菜单,使用了一张图片,顺着代码可下载到这张修饰的小图片。 移动菜单,层菜单moveMenu .alpha { FILTER: Alpha(Opacity=80) } .td1 { FONT-SIZE: 12px } .td2 { BACKGROUND-COLOR: #ccffff; CURSOR: hand; FONT-SIZE: 12px } .maskl { OVERFLOW: hidden } .cardtitle { BORDER-BOTTOM: black 0px solid; BORDER-LEFT: black 0px sol...
可折叠展开的简单目录 div{font-size:12px;color:red; background-color: #EAEAE8; border: 1 solid #1892B5; padding: 1} + 主目录1 - 子目录1 - 子目录2 - 子目录3 - 子目录4 + 主目录2 - 子目录1 - 子目录2 - 子目录3 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
导航菜单比较实用,当然还是选择经典的,代码最少的,效果最好的喽,各位童鞋请围观哦,废话不说, 效果图如下,欢迎评价: 看代码: 代码如下: 一款带动画效果的经典二级导航菜单Jquery特效 html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0;} body {font:12px/normal Verdana, Arial, Helvetica, sans-serif;} ul,li {list-style-type:none; text-transform:capitalize;} clear{clear...
下面和大家分享一下具体的实现过程。 HTML标签结构:代码如下: 菜单一菜单一 菜单二菜单二 菜单三菜单三 菜单四菜单四 CSS样式:li的样式:代码如下:.animation_menu li{ /*块状模式显示,并使其水平平铺显示*/ display:block; float: left;/*宽高是背景图片的*/ width: 111px; height: 50px;/*设置文字垂直水平居中*/ line-height: 5...
最近由于项目需要一个简单的多级下拉菜单菜单但是由于业务和样式上的要求,为了简洁,在网上找了很多导航菜单控件都不大适合,所以突发奇想自己写个吧~该动手就动手啊~ HTML部分 代码如下: SuperFish 一级li 1 二级 li 1 二级 li 2 三级 li 1 三级 li 2 三级 li 3 三级 li 4 三级 li 5 三级 li 6 四级 li 1 四级 li 2 二级 li 3 三级 li 6 三级 li 7 三级 li 8 三级 li 9 三级 li 10 二级 li 4 三级 li 11 三级 li 1...
代码如下: CSS:用一个绝对定位的div作为动画滑块,改变它的left属性来呈现动画效果 javascript:hover()触发移动鼠标到导航nav的动作,和移出导航nav的动作(即返回到current导航) jQuery弹性滑动导航菜单 body{ font-family:"Microsoft YaHei";} #nav_wrapper{ position:relative; width:835px; margin:80px auto; border-bottom:2px #ddd solid;} #nav_wrapper #nav_menu{ height:50px;} #nav_wrapper #nav_menu a{ dis...