-
JS三级横向菜单,左侧多级简洁导航代码
所属栏目:[政策] 日期:2018-09-01 热度:196
Java Script+CSS实现三级横向菜单,这是一个位于网页左侧的三(多)级简洁英文带箭头的导航代码,使用了一个箭头图片,摘自国外的网站,有需要的朋友自己套用吧,这当然需要您有一定的HTML+CSS知识。 示例: htmlheadmeta http-equiv=Content-Type content[详细]
-
简单几行代码,jQuery实现滑动门切换效果
所属栏目:[政策] 日期:2018-09-01 热度:101
一个基于 jQuery 的滑动门导航代码,有了jQuery的加入,我们只需要几行js代码就可以搞定这一效果了,不知还有没有比此更少的代码了,在滑动门的实现过程中,用背景图片修饰了每个门的背景,更美观漂亮,有着极好的用户操作体验。 为解决一些网页特效运行后[详细]
-
纯Css二级下拉菜单,鼠标滑过“弹”出菜单
所属栏目:[政策] 日期:2018-09-01 热度:112
好久没有提到纯CSS下拉菜单了,经常访问烈火网的朋友一定阅读过许多纯CSS的例子,开始本文之前我们先来回顾一下,先是10年6月底的一款简单灰色的下拉菜单,紧随它第二天就更新了纯CSS下拉菜单,来自老外网站汉化版的菜单,还有去年冬天更新的CSS二、三级下[详细]
-
jQuery+CSS简洁的Tab选项卡,内容渐显效果
所属栏目:[政策] 日期:2018-09-01 热度:63
一款基于 jQuery +CSS实现的简洁、蓝色的Tab选项卡,切换时内容带渐显效果,与之前介绍的选项卡不同的是,本例是可以自动切换的,这正是利用了jQuery的特性,如果您打算学习jQuery,可以参考烈火网提供的jQuery中文手册。 为解决一些网页特效运行后不能显[详细]
-
jQuery动态下滑式图标菜单,Slide Out Navigation
所属栏目:[政策] 日期:2018-09-01 热度:113
jQuery 动态下滑式图标菜单,Slide Out Navigation,一款跟随鼠标滑出的导航效果,鼠标移过后菜单快速从上到下移出,并且出现漂亮的PNG图标,该菜单来自国外网站tympanus,如果您打算用在自己的网站,将菜单修改一下就可以用了,比如修改一下背景色或文字[详细]
-
又一款JS层折叠和展开的纵向导航菜单代码
所属栏目:[政策] 日期:2018-09-01 热度:168
福无双至烈火网,代码成双不单行!打油诗两句半,玩笑过后一起来看今天成双的代码效果,有兴趣的朋友可以先看一下前边的JS动态折叠和展开的菜单层,还有一版jQuery动态折叠和展开的菜单层,下边再给一个折叠和展开时没有动态效果的纵向菜单层。 示例: !do[详细]
-
JS层折叠和展开代码,可扩展纵向导航菜单
所属栏目:[政策] 日期:2018-09-01 热度:63
烈火网刚刚给大家介绍了基于的jQuery层折叠和展开,手风琴式纵向菜单代码,再发一款与之几乎功能一样的菜单,这款菜单不需要引入 jQuery ,并且在功能上有一处不相同,前者只能展开一个层,而本例可以将所有层全部展开。 示例: !doctype htmlhtmlheadmeta[详细]
-
jQuery层折叠和展开,手风琴式纵向菜单代码
所属栏目:[政策] 日期:2018-09-01 热度:80
jQuery 实现层的折叠和展开,类似于手风琴风格,这是一个纵向的左侧菜单,大家可以非常明白的看到,代码比较简单,如果您想增加菜单内容,只要复制已有选项并修改ID就可以了。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火[详细]
-
蓝色、简洁的下拉菜单代码,兼容各种浏览器
所属栏目:[政策] 日期:2018-09-01 热度:135
蓝色、简洁的下拉菜单代码,没有用到任何的修改图片!看一下效果吧,怎么样,复制代码即可使用。兼容:IE6+, Firefox 1.5+, Opera 8+, Safari 3+, Chrome 0.2+等多个浏览器,简单修改一下菜单的内容就可以放在自己的网站或项目中使用了。 示例: !DOCTYPE[详细]
-
jQuery实现的FAQ菜单,默认收缩,点击展开
所属栏目:[政策] 日期:2018-08-26 热度:77
一个默认是闭合的FAQ展形菜单,主要介绍 jQuery 的用法。 Boolean布尔值is( String expr )用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。answer.is(':visible')是指可见的answer元素。如果可见就调用answ[详细]
-
CSS+Js碰撞缓冲效果的竖向导航菜单效果
所属栏目:[政策] 日期:2018-08-26 热度:67
碰撞缓冲效果的纵向导航菜单, Java Script妙味课堂奉献给大家的作品,很不错的竖向菜单,希望大家喜欢。所用技术是Js和CSS。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio[详细]
-
FAQ菜单:点击展开,点击折叠的jQuery代码
所属栏目:[政策] 日期:2018-08-26 热度:165
一款应用了 jQuery 的FAQ菜单,点击可展开,再次点击可折叠,答案默认是展开的,此类菜单应用还是挺广泛的,网站浏览者也比较喜欢对这种菜单进行操作,本代码简洁实用,你可拿去修改,想必会很不错。 为解决一些网页特效运行后不能显示效果(例如:jQuery[详细]
-
语义化的JS网页菜单两款,选项卡和滑动门
所属栏目:[政策] 日期:2018-08-26 热度:195
语义化的JS网页菜单两款,选项卡和滑动门,包括了两种用法,一种是点击式,另一种是滑动门式,具体用哪一种要根据你自己的需要了,滑动门是在鼠标经过时触发,选项卡则是需要鼠标点击的。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional[详细]
-
自适应选项卡宽度的圆角滑动门菜单
所属栏目:[政策] 日期:2018-08-26 热度:130
CSS+Js打造一款自适应宽度的圆角滑动门,这里的圆角主要是靠一张背景图片去实现,所指的宽度是滑动门上的导航的宽度,不管文字有多少,它都会一直顺着下去,不会被内容所撑破,兼容性方面,兼容IE6/7/8,火狐未试,应该也兼容。 演示: !DOCTYPE html PUBLI[详细]
-
Js国家城市下拉菜单,左右选择框,功能强大
所属栏目:[政策] 日期:2018-08-26 热度:61
Js国家城市下拉菜单,左右选择框,像人才 招聘 网站上的,可以多选或单选职位,现在好像都这么用了,初次写没怎么美化,样子看下去有点粗糙,里面的城市可以自己添,只写出了框架,时间关系,供Fanser参考。 演示: htmlheadmeta http-equiv=Content-Type[详细]
-
仿Flash效果、滑动的导航菜单,CSS+JS实现
所属栏目:[政策] 日期:2018-08-26 热度:93
仿Flash效果、滑动的导航菜单,点击下边的运行看一下效果吧,不要以为是Flash菜单,更不要以为使用了 jQuery ,这是纯CSS+JS实现的!竖向排列,兼容性好,由 Java Script妙味课堂的朋友编写,欢迎下载测试使用! 演示: !DOCTYPE html PUBLIC -//W3C//DTD[详细]
-
JavaScript模拟Windows系统右键菜单代码
所属栏目:[政策] 日期:2018-08-26 热度:127
Java Script模拟Windows系统右键菜单代码,对于JS初学者来说实现起来比较困难,如果是高手的话,技术上就没什么难的了,就是定义一个隐藏的box。当触发上下文事件时显示它,当单击body任意处时又隐藏它。此类菜单平时,大家应该见到过。 演示: !DOCTYPE h[详细]
-
一个简约的二级下拉菜单,jQuery、可扩展
所属栏目:[政策] 日期:2018-08-26 热度:170
一个简约的二级下拉菜单,代码中引入了 jQuery 框架,这里说到的可扩展是因为菜单只是一个雏形,没有经过美化、同时也没有做太多分类,你可以照葫芦画瓢的形式复制增加更多菜单分类出来,如果遇到问题,请在烈火网尾部的评论栏留言,我们会尽快回复的! 为[详细]
-
平滑效果的下拉菜单代码,基于jQuery插件
所属栏目:[政策] 日期:2018-08-26 热度:114
一款具有平滑效果的下拉菜单代码,时间关系没有进行太多美化,只是实现了一个雏形,代码中引入了 jQuery 插件,原来普通的下拉菜单,加入jQuery后有了动感的效果,非常不错,如果你的网站还没有引入jQuery框架的话,那么你OUT了! 为解决一些网页特效运行[详细]
-
界面简洁、黑色风格的 Tabs 选项卡代码
所属栏目:[政策] 日期:2018-08-18 热度:186
这是一个Tabs选项卡效果,来自一个小有名气的源码网站,据该站长说此乃滑动门,但是经过烈火测试后发现,下面的代码只是一个选项卡,滑动门与选项卡最大的区别就是屏与屏之间的自动与手动切换。 不说费话了,介绍下面的选项卡,界面比较简洁,黑色风格,鼠[详细]
-
选项卡式Tab导航菜单,鼠标滑动一级显示二级
所属栏目:[政策] 日期:2018-08-18 热度:163
一个选项卡式Tab导航菜单,鼠标滑动一级显示二级,总共是二级导航菜单,黑色风格,是根据仿淘宝 支付宝 菜单而做的,感觉不错,请大家学习,免费使用,转载时请注明烈火学院及网址(www.veryhuo.com)。 演示效果: !DOCTYPE HTML PUBLIC -//W3C//DTD XHTM[详细]
-
CSS TreeMenu 二级树形菜单,有前缀图标显示
所属栏目:[政策] 日期:2018-08-18 热度:91
CSS TreeMenu 二级树形菜单,在菜单的前边配合了漂亮的小图标显示,非常不错的树形菜单,用在网站左、右两侧比较合适。 当然,有兴趣的朋友还可以将本菜单修改为三级、四级或更高乃至无限级菜单,有不懂的问题,请在网站发问给发表评论,烈火学院及访客会[详细]
-
纯css下拉菜单导航,二级、三级箭头显示
所属栏目:[政策] 日期:2018-08-18 热度:144
有关纯CSS实现的下拉菜单,烈火曾经发表过很多,您可以使用烈火站内搜索查找一下,例如:纯CSS下拉菜单1、纯CSS下拉菜单2、纯CSS下拉菜单3等实例,今天再介绍一款纯CSS通过图片小箭头实现的三级菜单。 大家一起看演示特效吧。 !doctype html public -//w3c[详细]
-
JavaScript 多级树形展开菜单代码
所属栏目:[政策] 日期:2018-08-18 热度:140
Java Script 多级树形展开菜单代码,相信它支持的级别会让您满意,我们可以用于 杂志 、书籍类网站的左侧目录,当然也可以用在其它方面。演示效果大家自己看一下,烈火小编认为,聪明的你一定会在此基础上有所修改,例如增加一个级别,或减少一个级别。 实[详细]
-
JavaScript仿QQ折叠菜单效果,代码免费送上
所属栏目:[政策] 日期:2018-08-18 热度:53
Java Script仿QQ折叠菜单效果,不必解释太多,大家肯定想到是什么样子了,只不过网页的JS和CSS的结合及作者的水平是限的,只能实现一个早期版本的QQ折叠菜单,同时效果不是太好,大家凑合看吧。当然,这对于新手是一个不错的学习机会。 效果演示: !DOCTYP[详细]
