-
带缓冲效果的导航菜单栏,鼠标指向放大显示
所属栏目:[政策] 日期:2018-08-22 热度:120
本文介绍给大家是带缓冲效果的导航菜单栏,这是一个样式很普通的纵向导航栏,懂得css的朋友可以自己修改显示的效果(不懂css的朋友可以到烈火提供的css中文手册学习一下),本教程中的特效是基于 jQuery 1.4.2编写的,主要特效是:当鼠标经过菜单栏时,相[详细]
-
判断当前导航并标记的导航菜单,基于jQuery设计
所属栏目:[政策] 日期:2018-08-22 热度:56
判断当前导航并标记的导航菜单,基于 jQuery 设计的菜单,可以智能判断是否是当前导航,如果是,则给当前的菜单项添加一个标记,而你的CSS文件并不需要重新定义,完全交给jQuery 来处理,现在有些朋友或许已经明白了,是jQuery让这种智能菜单变得更加有创意[详细]
-
JavaScript写的选项卡Tab[附样式修改说明]
所属栏目:[政策] 日期:2018-08-22 热度:178
烈火在网上看到一个选项卡Tab的雏形,由于作者只是封装了简单的雏形,UI基本没有,鼠标放上去就可以看到效果,没有修饰,显得有些粗糙。这里说明一下用法:修改部分 tabs(nav,bb) nav bb对应导航和内容的id,脚本首行 tag1,tag2是对应标签名 addclass是鼠[详细]
-
TAB选项卡定时自动切换,设计简洁的滑动门
所属栏目:[政策] 日期:2018-08-22 热度:105
烈火网(LieHuo.Net)网页特效:一个可以自动切换的选项卡,或者说是滑动门,本来这两个东西就相关不大,有兴趣的朋友研究一下,它除了自己播放每个选项卡内的内容外,也响应鼠标的动作,鼠标放上后即可响应变换内容,因主要想表现功能及代码,因此没有过多[详细]
-
仿京东商城左侧的联动导航菜单,纯CSS代码
所属栏目:[政策] 日期:2018-08-22 热度:176
烈火网(LieHuo.Net)CSS菜单特效:今天有朋友对小编说, 京东 商城左侧的菜单真是太漂亮了,尤其UI设计的非常不错,果然有大站的风范。烈火前去看了一下,感觉真是不错的,开始以为是利用了JS+CSS设计的,后来把代码扣下来才知道。原来是纯CSS,只是代码中[详细]
-
点击下拉菜单选项,添加选中值到输入框
所属栏目:[政策] 日期:2018-08-22 热度:174
烈火网(LieHuo.Net)网页特效资源 这是一个下拉选择框与输入框联动的网页特效,点击下拉菜单的选项,直接添加选中值到输入框中,这种效果相信不少朋友见到过吧,省去用户输入的麻烦,这里使用JS直接将值赋予输入框,了解原理之后,可灵活运用,扩展出更多的[详细]
-
JavaScript仿QQ折叠菜单效果,代码免费送上
所属栏目:[政策] 日期:2018-08-19 热度:176
Java Script仿QQ折叠菜单效果,不必解释太多,大家肯定想到是什么样子了,只不过网页的JS和CSS的结合及作者的水平是限的,只能实现一个早期版本的QQ折叠菜单,同时效果不是太好,大家凑合看吧。当然,这对于新手是一个不错的学习机会。 效果演示: !DOCTYP[详细]
-
CSS结合图片实现的纵向菜单效果代码
所属栏目:[政策] 日期:2018-08-19 热度:88
CSS结合图片实现的纵向菜单(竖直菜单),带三角导航按钮,是一款很普通的菜单,没有什么华丽的效果,适合企业网站使用,希望各位站长喜欢。 特效演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xh[详细]
-
多款Tab选项卡,点击、滑动、自动切换特效
所属栏目:[政策] 日期:2018-08-19 热度:144
多款Tab选项卡实例,包括点击、滑动、自动切换等。 myFocus-tab 各种功能的选项卡切换,有的是带有动画效果的,各款基于myFocus库制作的焦点图风格皮肤,可自行按需选择,myFocus焦点图库及皮肤可自由使用,保留作者相关信息即可,谢谢支持!^^ 特效演示:[详细]
-
CSS结合JS实现滑动门菜单,简洁风格
所属栏目:[政策] 日期:2018-08-19 热度:146
CSS结合JS实现滑动门菜单,简洁的风格,没有使用图片美化,需要的朋友可以添加一些图片作为背景和边框。 超简约设计的滑动门菜单,鼠标放到主菜单上,里面的内容会跟着变化,实际上本演示是一个范例,从代码中的注释你就能感觉到,每一步都有注释,对学习[详细]
-
纯css制作的菱形模块的导航菜单
所属栏目:[政策] 日期:2018-08-19 热度:189
纯css制作的菱形模块的导航菜单 纯css制作的的倾斜导航菜单,更个性一些,给人耳目一新的感觉,颜色不喜欢的朋友可自己换下颜色,试着修改一些属性,会有更多效果。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.or[详细]
-
Css利用实现背景图片自适应菜单宽度的效果
所属栏目:[政策] 日期:2018-08-19 热度:58
Css利用实现背景图片自适应菜单宽度的效果 单张背景图片实现的CSS圆角菜单,菜单项的背景可自适应宽度,当菜单项内的文字超出预定宽度时,并不会将文字隐藏掉,而背景自动加宽,以适应文字的需要,设计的很漂亮,也很实用,学习CSS的朋友也可参考学习一下[详细]
-
“Behavior”综合应用——菜单组件
所属栏目:[政策] 日期:2018-08-19 热度:154
Behavior综合应用菜单组件,不知道为何物,在一个牛人的博客看到的代码,烈火就转载给大家,如有意见请在下面的评论中提出,谢谢合作。 看一下演示代码: htmlheadmeta http-equiv=content-type content=text/html; charset=GB2312 /titleBehavior实现菜单[详细]
-
简洁黑白的下拉菜单效果,CSS+JS代码实现
所属栏目:[政策] 日期:2018-08-19 热度:81
一款简洁黑白的下拉菜单效果,CSS+JS代码实现,好像CSS要配合JS才能写出好效果来,本款菜单同样用到了Js哦,菜单目前支持两级,下拉导航是我们经常用的一种菜单形式,把这个修改一下你就能用了,结构挺简单,相信你会做好的。 演示: !DOCTYPE html PUBLIC[详细]
-
jQuery响应鼠标向上翻滚的动感菜单
所属栏目:[政策] 日期:2018-08-19 热度:167
jQuery 响应鼠标向上翻滚的一款动感菜单,横向竖向这个大家怎么改吧,使用了jquery插件,不要忘记载入哦。看效果的时候如果加载有错误,请刷新一下页面就行了。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版[详细]
-
js动画效果折叠纵向菜单 适用于后台使用
所属栏目:[政策] 日期:2018-08-19 热度:60
一款基于javascript编写的菜单,主要突出了动态的折叠效果,对于站长们来说,并不陌生,因为我们经常在各类网站后台见到,当然您也可以使用在网站前台。 展开与折叠效果平滑。本演示中有两组菜单,向大家展示如何在一个网页中布局两个菜单,整体效果以及兼[详细]
-
展开收缩的jQuery折叠菜单代码,手风琴面板
所属栏目:[政策] 日期:2018-08-16 热度:89
一款大家都常见的折叠菜单,手风琴折叠面板,会展开和合拢,带点Flash动画效果,修改时请注意: slideUp : 通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以滑[详细]
-
简洁标准的CSS导航菜单代码,红色高亮风格
所属栏目:[政策] 日期:2018-08-16 热度:134
简洁标准的CSS导航菜单代码,红色高亮风格。极简洁的标准型CSS菜单,代码少,采用常见的DIV/UL/LI列表的形式,修改二次开发都方便,个人感觉网站还是不要弄的太复杂,毕竟我们都不是太专业,代码复杂化容易给蜘蛛抓取带来麻烦,速度和流量是成正比的哦。[详细]
-
CSS图标菜单,带有小图片的LI列表菜单
所属栏目:[政策] 日期:2018-08-16 热度:103
带有小图片的Li列表菜单,竖向的图标菜单,鼠标放上会变色,对鼠标的响应很符合用户体验,且兼容性好,代码简洁,适宜学习和使用,CSS初学者的一个好范例。 代码演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR[详细]
-
CSS英文提示的中文菜单,中英文双语菜单代码
所属栏目:[政策] 日期:2018-08-16 热度:141
一款你一定喜欢的CSS中英文双语菜单,支持鼠标 Tips特效,当我们把鼠标放到中文菜单上,会弹出Title的提示,先运行一下看效果,绝对会另你满意。用到了一个背景图片,请自行下载。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ht[详细]
-
实用的下拉导航,可方便的自定义二级菜单
所属栏目:[政策] 日期:2018-08-16 热度:148
一个非常简洁的二级导航菜单,代码中没有使用图片,因此看上去不太美观,不过非常方便,有二级菜单的,给li加class=menu就行了,没有的不用加,先美化成这样,不满意的自己动手美化,没什么好难的,就当练习CSS水平了。 演示: !DOCTYPE html PUBLIC -//W3[详细]
-
jQuery简约的二级下拉菜单,有淡入淡出效果
所属栏目:[政策] 日期:2018-08-16 热度:134
jQuery 简约的二级下拉菜单,有淡入淡出效果。加入了jQuery,看似平凡的一个菜单突然有味道、有生机起来,这里将jQuery1.3.2引用进来,让弹出的二级菜单具备淡入淡出的效果,虽然就效果本身来说并不起眼,但比起无任何效果的菜单,从体验上来说,已经强了[详细]
-
代码简洁的纯CSS导航,二级下拉菜单效果
所属栏目:[政策] 日期:2018-08-16 热度:161
纯CSS菜单,代码简洁的纯CSS导航,二级下拉菜单效果,代码中使用了if语句来判断IE版本,兼容性很不错的,IE7/8、火狐等都支持,而且它还是学习CSS菜单编写的典型教程,让你学会很多CSS技巧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitio[详细]
-
基于jQuery框架、黑色风格的折叠菜单代码
所属栏目:[政策] 日期:2018-08-16 热度:137
基于 jQuery 框架的黑色风格菜单导航,slideDown和slideUp做手风琴菜单面板的代码,也就是大家常说的折叠/展开菜单,不少朋友都喜欢的风格,本代码兼容性好,简单易懂,便于修改,希望大家喜欢。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需[详细]
-
纯CSS制作菜单实例:一个红色黑边的纵向菜单
所属栏目:[政策] 日期:2018-08-14 热度:125
从一本书籍的实例中剥出来的CSS菜单制作教程,经过了改动,删除了过多冗余代码,更简洁干净了。这款菜单实际上是半CSS结构,因为使用了传统的表格标签,用表格固定了菜单元素,呵呵,有些落后,不过菜单看上去挺美。 演示: !DOCTYPE html PUBLIC -//W3C//[详细]
