-
左侧竖直导航,鼠标滑过横向显示二级菜单
所属栏目:[政策] 日期:2018-09-01 热度:77
一款适合放在网页左侧的竖直导航,鼠标滑过时横向显示二级菜单,应该是可以扩展三级菜单的,但是作者并没有这么做,有技术的朋友不妨试一下,另外这款菜单的诞生时间估计比较早, Java Scrtipt代码比较冗长,不过渐显效果还是挺不错的哦,需不需要用,您自[详细]
-
JS另类的图文内容切换代码,手风琴效果
所属栏目:[政策] 日期:2018-08-29 热度:193
一款另类的图文内容切换,来自海贼王,代码基于JS和CSS完成,点击图片时,以手风琴效果切换,这种效果不是常见的,因此您有必要学习和研究一下,另外,作者使用了CSS图片的分割技术,不错。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
JS文件树目录、树形菜单、折叠目录树代码
所属栏目:[政策] 日期:2018-08-29 热度:137
一个比较粗糙的树形菜单,又叫目录树,基于javascript+CSS+图片完成,直接点击文字或文字前边的+号都可以展开菜单,再次点击又会收拢菜单,一般用于开发手册之类的左侧目录导航使用。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadtit[详细]
-
jQuery菜单选中代码,响应鼠标背景变色效果
所属栏目:[政策] 日期:2018-08-29 热度:137
基于 jQuery 实现的纵向菜单导航,当我们用鼠标滑过时,菜单的背景会变色,这里是利用了超链接的Hover属性,与普通菜单有所不同的是,当我们用鼠标点击其中一个菜单项,则会被出现类似windows系统当中的选中效果。 为解决一些网页特效运行后不能显示效果([详细]
-
JS简陋的下拉菜单代码,使用DW8制作的效果
所属栏目:[政策] 日期:2018-08-29 热度:156
使用Dreamweaver制作的一款下拉菜单,看上比较丑,只是为了实现这种效果,并没有美化,用DW制作网页的朋友或许这个菜单制作技巧你可以借鉴一下,鼠标放上会显示二级子菜单,不过菜单的结构不是CSS,呵,比较老的表格嵌套,不过花一些时间还是可以改为Div的[详细]
-
JS+CSS简洁的二级下拉菜单代码,兼容性不错
所属栏目:[政策] 日期:2018-08-29 热度:184
JS+CSS简洁的二级下拉菜单代码,经测试,兼容性不错,推荐大家参考学习。如果您想实际运用到自己的网站中,可能要进行一些修改,比如CSS字体大小和颜色等,当然这需要您有一定的HTML知识。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type cont[详细]
-
jQuery多级折叠(树形)菜单,动态展开和收缩
所属栏目:[政策] 日期:2018-08-29 热度:100
jQuery 多级折叠(树形)菜单,动态展开和收缩。所有的元素以ul li ul li ul li的循环格式嵌套 如果没有下级分类 就用li a结束嵌套,代码内不用toggle()的原因是为了在收缩菜单的时候同时也将该菜单的下级菜单以后的所有元素都隐藏。 为解决一些网页特效运行[详细]
-
纯CSS三级菜单,兼容IE6横向、下拉级联代码
所属栏目:[政策] 日期:2018-08-29 热度:175
纯CSS三级菜单,兼容IE6横向、下拉级联代码,鼠标放在主菜单对应菜单项上,会向下展开二级菜单,二级菜单会继续展开第三级的子菜单,菜单没有过多的美化,如果你要使用的话,可以自己继续美化吧。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tran[详细]
-
一款普通的Tab网页选项卡切换,js+css代码
所属栏目:[政策] 日期:2018-08-29 热度:124
一款普通的Tab网页选项卡切换,js+css代码。也可以叫做标签式导航栏,点击后更换对应的内容,而并非是鼠标滑过就改变内容,网页上经常见到的一种导航形式。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xht[详细]
-
JS多级横向联动选择菜单,模拟淘宝级联效果
所属栏目:[政策] 日期:2018-08-29 热度:163
JS多级横向联动选择菜单,模拟淘宝级联效果,这款菜单是模拟淘宝网的,是很早时候的淘宝网,现在已经没有了,本款菜单可以像级联菜单那样一级一级的选择数据,最后确定出数据。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:[详细]
-
黑色大气的网站顶部导航菜单,来自IBM官网
所属栏目:[政策] 日期:2018-08-29 热度:95
黑色大气的网站顶部导航菜单,这款代码是从IBM中文官方网站扣下来的,怎么说呢?!大公司设计出来的东西就是大气,但是老外的设计手法跟国人有些许不同,根据大家的需要自己参考吧,直接使用的可能性不是太大,需要你有一定的HTML知识哦! 示例: !DOCTYPE[详细]
-
DIV+CSS仿DreamWeaver的工具条小图标菜单导航
所属栏目:[政策] 日期:2018-08-27 热度:185
一款类似DreamWeaver软件界面上的工具条小图标菜单导航,这个效果让作者花了一些时间,基于DIV+CSS,尤其对于新手来说,这个例子一定要学习哦。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD[详细]
-
jQuery实现Tab,滑动门,选项卡,图片切换
所属栏目:[政策] 日期:2018-08-27 热度:73
几个Tab,滑动门,选项卡,图片切换,在一个网页中实现了超多的常用效果,大家喜欢的滑动门,焦点图切换,标签选项卡以及文字轮番等都集中在了一起,无聊的功劳,忙的时候还顾不上写埃另外还加入了圆角,都是参考以前学习的知识写的。期间使用了jquery-1.4[详细]
-
鼠标滑过更换文字内容,中英文切换的菜单代码
所属栏目:[政策] 日期:2018-08-27 热度:156
鼠标滑过更换文字内容,中英文切换的菜单代码。一个会切换菜单文字的 Java Script特效,当鼠标移到菜单上时,菜单的文字会变化,由中文变成了英文,还记得那些中英文菜单是怎么做的吗?或许你找到灵感了。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XH[详细]
-
仿QQ多级折叠、展开菜单,三级下拉导航代码
所属栏目:[政策] 日期:2018-08-27 热度:104
仿QQ面板风格的多级折叠、展开菜单,三级下拉导航代码, Java Script+CSS共同结晶的结果,推荐给大家,点击运行可查看效果。 推荐大家学习一下,其实使用面不是特别广泛,我们可以用在后台菜单导航。 演示代码: htmlheadmeta http-equiv=Content-Type con[详细]
-
二级的CSS下拉菜单代码,鼠标移过显示子菜单
所属栏目:[政策] 日期:2018-08-27 热度:53
基于CSS的二级下拉菜单代码,当鼠标划过的时候,子菜单会出现,没有过多修饰,简约不失美观,稍加修善就是一款好菜单。在兼容性方面,本菜单也做的不错。 在线演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/x[详细]
-
简洁的、蓝色风格菜单代码,CSS实现鼠标响应变色
所属栏目:[政策] 日期:2018-08-25 热度:103
简洁的、蓝色风格菜单代码,CSS实现鼠标响应变色,主要是利用对Padding和margin-top值的定义,产生错位的菜单,简洁明了,结构明淅,同时也是学习的好范例。 示例代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
jQuery展开、收缩的树状目录菜单或导航代码
所属栏目:[政策] 日期:2018-08-25 热度:52
jQuery 展开,合拢的Js树状目录菜单或导航,从一个购物网发现的菜单,觉得挺不错的形式,当然在仿写后,与原菜单有些出入,原菜单中是地市导航,要能更适合这种形式,而本菜单是一个网站的栏目导航,从外观上来说,有些差异,不过代码是一样的,只是换换内[详细]
-
jQuery黑色背景会翻滚的红色菜单导航条代码
所属栏目:[政策] 日期:2018-08-25 热度:130
jQuery 黑色背景会翻滚的红色菜单导航条代码,鼠标放到某个菜单项上后,菜单会翻滚一下,增加一些动感的效果,看上去更可爱了,而且颜色搭配也挺不错的jQuery导航菜单。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新[详细]
-
JS无限级下拉横向菜单代码,与CSS结合实现
所属栏目:[政策] 日期:2018-08-25 热度:193
css+ Java Script无限级菜单代码,作者对兼容性的考虑也是正确的,因此菜单在兼容性该页也表现不错,在IE、火狐、 傲游 等众多浏览器上都表现不错。多级菜单也是朋友们能用得上的,希望大家喜欢。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN[详细]
-
DIV+CSS布局实例:CSS标签切换、滑动门代码
所属栏目:[政策] 日期:2018-08-25 热度:122
DIV+CSS布局实例:CSS标签切换、滑动门代码,通俗说就是滑动门的制作教程,很不错的实例,希望对你学习CSS布局有帮助。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt[详细]
-
导航条的下拉菜单效果 兼容性较好
所属栏目:[政策] 日期:2018-08-23 热度:138
烈火网(LieHuo.Net)教程 JS+CSS共同结合完成的下拉菜单,符合WEB标准,可作为一个标准的实例来掌握,兼容性比较好,在各大浏览器均测试通过,欢迎朋友使用,多支持烈火网! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/x[详细]
-
同时带有滑动门菜单和Tab选项卡的代码
所属栏目:[政策] 日期:2018-08-23 热度:81
支持自动切换功能的网页滑动门菜单,JS与CSS结合的技术成果,有人说它是自己会切换的网页选项卡标签面板,QQ登录后弹出的每日要闻迷你窗口中有类似效果,但是代码写法却是截然不同的,每一位作者的思路是不同的,因此您多了一份参考。 示例: htmlheadtitl[详细]
-
带链接跳转的下拉菜单代码,Js+Css模拟完成
所属栏目:[政策] 日期:2018-08-23 热度:163
带链接跳转的下拉菜单代码,Js+Css模拟完成,Selcet下拉框是用CSS调用图片实现的,具体效果大家自己看下边的演示吧,文字无法表达那么清楚,您说呢? 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DT[详细]
-
经典的双层网页选项卡,CSS标签面板
所属栏目:[政策] 日期:2018-08-23 热度:117
一个经典的CSS标签面板,当然也不单纯是CSS,Js在本代码内也发挥了重要作用,本CSS标签的每个面板id属性是唯一的,用于区别同一页面中的多个面板,同时它还可以指定标签段数、标签面板中的行数、指定每行标签数、标识每个标签的宽度、高度以及指定相邻行中[详细]