-
JS滑动伸缩展开的菜单,仿百度首页添加服务
所属栏目:[政策] 日期:2018-09-04 热度:147
JS滑动伸缩展开的菜单,大家都知道前段时间百度推出了新首页,这个效果就是仿百度首页添加服务,其实是一款伸缩菜单,只不过这个菜单有点特别,只从一头向另一头伸展出去,菜单的伸缩效果平滑,设计精美。 为解决一些网页特效运行后不能显示效果(例如: j[详细]
-
简单几行代码,jQuery实现滑动门切换效果
所属栏目:[政策] 日期:2018-08-29 热度:91
一个基于 jQuery 的滑动门导航代码,有了jQuery的加入,我们只需要几行js代码就可以搞定这一效果了,不知还有没有比此更少的代码了,在滑动门的实现过程中,用背景图片修饰了每个门的背景,更美观漂亮,有着极好的用户操作体验。 为解决一些网页特效运行后[详细]
-
纯Css二级下拉菜单,鼠标滑过“弹”出菜单
所属栏目:[政策] 日期:2018-08-29 热度:140
好久没有提到纯CSS下拉菜单了,经常访问烈火网的朋友一定阅读过许多纯CSS的例子,开始本文之前我们先来回顾一下,先是10年6月底的一款简单灰色的下拉菜单,紧随它第二天就更新了纯CSS下拉菜单,来自老外网站汉化版的菜单,还有去年冬天更新的CSS二、三级下[详细]
-
jQuery+CSS简洁的Tab选项卡,内容渐显效果
所属栏目:[政策] 日期:2018-08-29 热度:98
一款基于 jQuery +CSS实现的简洁、蓝色的Tab选项卡,切换时内容带渐显效果,与之前介绍的选项卡不同的是,本例是可以自动切换的,这正是利用了jQuery的特性,如果您打算学习jQuery,可以参考烈火网提供的jQuery中文手册。 为解决一些网页特效运行后不能显[详细]
-
jQuery动态下滑式图标菜单,Slide Out Navigation
所属栏目:[政策] 日期:2018-08-29 热度:185
jQuery 动态下滑式图标菜单,Slide Out Navigation,一款跟随鼠标滑出的导航效果,鼠标移过后菜单快速从上到下移出,并且出现漂亮的PNG图标,该菜单来自国外网站tympanus,如果您打算用在自己的网站,将菜单修改一下就可以用了,比如修改一下背景色或文字[详细]
-
又一款JS层折叠和展开的纵向导航菜单代码
所属栏目:[政策] 日期:2018-08-29 热度:103
福无双至烈火网,代码成双不单行!打油诗两句半,玩笑过后一起来看今天成双的代码效果,有兴趣的朋友可以先看一下前边的JS动态折叠和展开的菜单层,还有一版jQuery动态折叠和展开的菜单层,下边再给一个折叠和展开时没有动态效果的纵向菜单层。 示例: !do[详细]
-
JS层折叠和展开代码,可扩展纵向导航菜单
所属栏目:[政策] 日期:2018-08-29 热度:133
烈火网刚刚给大家介绍了基于的jQuery层折叠和展开,手风琴式纵向菜单代码,再发一款与之几乎功能一样的菜单,这款菜单不需要引入 jQuery ,并且在功能上有一处不相同,前者只能展开一个层,而本例可以将所有层全部展开。 示例: !doctype htmlhtmlheadmeta[详细]
-
jQuery层折叠和展开,手风琴式纵向菜单代码
所属栏目:[政策] 日期:2018-08-29 热度:169
jQuery 实现层的折叠和展开,类似于手风琴风格,这是一个纵向的左侧菜单,大家可以非常明白的看到,代码比较简单,如果您想增加菜单内容,只要复制已有选项并修改ID就可以了。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火[详细]
-
蓝色、简洁的下拉菜单代码,兼容各种浏览器
所属栏目:[政策] 日期:2018-08-29 热度:121
蓝色、简洁的下拉菜单代码,没有用到任何的修改图片!看一下效果吧,怎么样,复制代码即可使用。兼容:IE6+, Firefox 1.5+, Opera 8+, Safari 3+, Chrome 0.2+等多个浏览器,简单修改一下菜单的内容就可以放在自己的网站或项目中使用了。 示例: !DOCTYPE[详细]
-
简洁的下拉菜单代码 引入jQuery插件
所属栏目:[政策] 日期:2018-08-29 热度:129
简洁的下拉菜单代码,引入 jQuery 插件,来自国外网站,烈火小编没有汉化菜单,觉得也没有必要吧,只要您有HTML基础就可以自己修改了。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特[详细]
-
网页TAB选项卡效果,点击切换,jQuery代码
所属栏目:[政策] 日期:2018-08-29 热度:83
一款界面简单的网页TAB选项卡效果,引入了 jQuery 代码,鼠标点击切换,要知道这不是滑动门,也不是自动切换的,但是您可以在这个基础改良,推荐您阅读烈火网提供的jQuery中文手册。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题[详细]
-
将鼠标移上展开菜单,隐藏伸展的JS菜单代码
所属栏目:[政策] 日期:2018-08-25 热度:174
将鼠标移到文字链接上,向下展开菜单的效果,也可以叫作一个隐藏伸展的JS菜单代码,运用了JS技术,并结合了CSS共同实现的效果。本折叠菜单类似QQ可折叠的好友列表一样,不少人喜欢这种菜单。 演示: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transition[详细]
-
一款带渐入溶解效果的菜单,JS+CSS代码
所属栏目:[政策] 日期:2018-08-25 热度:176
一款基于javascrip+css完成的、带渐入溶解效果的菜单,使用鼠标点击后弹出,在菜单弹出的过程中,可以看到类似溶解的渐显效果。此代码中也带有特别详细的注释,对于学习JS脚本的朋友来说非常不错。 演示: htmlheadstyle!--#iewrap{position:relative;heig[详细]
-
键盘空格键打开侧边菜单:JS快捷键控制网页元素
所属栏目:[政策] 日期:2018-08-25 热度:161
这是一款使用网页脚本 Java Script代码,实现键盘控制网页元素的例子,使用空格键打开侧边菜单!这里的快捷键是可以自己定义的,请参考KeyCode键盘码值查询表。 另外,在本例子当中含有极具详细的JS代码注释,非常方便的学习代码和使用。 看一下演示: htm[详细]
-
黑色纯CSS下拉菜单代码,仅支持Chrome+Firefox
所属栏目:[政策] 日期:2018-08-25 热度:123
今天给大家分享一款黑色风格、纯CSS实现的下拉菜单代码,最大的缺点是不支持 IE浏览器 ,仅支持 Chrome 谷歌浏览器 和 Firefox 火狐浏览器 ,不知道作者是怎么想的,竟然放弃了IE,技术不错的朋友如果有时间修改一下吧,别忘记给烈火网投个稿哦! 顺便说一[详细]
-
网页左上角导航,鼠标点击和经过链接滑出菜单
所属栏目:[政策] 日期:2018-08-25 热度:197
一款位于网页左上角的导航,当鼠标点击和经过链接时,动态滑出菜单,和刚刚给大家介绍的仿QQ停靠窗口的菜单有些类似,由于时间关系,菜单没有美化,如果您打算使用,请自己使用CSS美化一下吧。 示例: !DOCTYPE htmlhtmlheadmeta charset=utf-8 /title左上[详细]
-
网页左上角滑出的菜单导航,类似QQ的停靠效果
所属栏目:[政策] 日期:2018-08-25 热度:142
悬浮在网页左上角的一个导航,鼠标经过时动态滑出的菜单,当鼠标离开菜单区域时,菜单自动收缩至顶部,有点类似腾讯QQ的窗口停靠效果,尽管菜单比较久远了,但是兼容性和使用价值都还是不错的,推荐学习和研究。 演示: !DOCTYPE htmlhtmlheadmeta charset[详细]
-
基于JS+Table表格的静态竖直导航菜单代码
所属栏目:[政策] 日期:2018-08-25 热度:112
基于JS+Table表格的静态竖直导航菜单代码,一眼看上去给人的感觉肯定是用了div+css,但是您只要看一下源代码就明白了,里明明使用的是Table表格技术,怎么样,有兴趣的话自己试试去吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//[详细]
-
滑动式的选项卡演示代码:Easy Tabs示例
所属栏目:[政策] 日期:2018-08-25 热度:154
一款滑动式的选项卡演示代码,类似于之前我们据说的滑动门,作者给它取名为:Easy Tabs,看上去还是比较最简单的选项卡样式,来自国外网站,没有汉化,界面为英文,稍带点动画的感觉,实际运用的价值不是太大,仅供大家参考和学习。 演示: !DOCTYPE htmlh[详细]
-
一款自适应文字内容宽度的Tab标签导航
所属栏目:[政策] 日期:2018-08-25 热度:57
一款自适应文字内容宽度的Tab标签导航,也就是我们平时所说的选项卡效果,与之前烈火网发布的选项卡代码不同,这款选项卡的选项宽度是可以自适应文字的,并且作者加上了背景,这样就使得UI更加漂亮了。 示例: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01[详细]
-
JavaScript+Css桔红色风格网页选项卡代码
所属栏目:[政策] 日期:2018-08-25 热度:181
一款基于 Java Script+Css实现的网页选项卡代码,设计的样式为桔红色风格,看上去非常整洁,鼠标点击后选项卡切换,并非鼠标滑过即切换(滑动门菜单),兼容性相当不错,分享给大家,希望大家喜欢。 示例代码: htmlheadmeta http-equiv=Content-Type cont[详细]
-
CSS结合JS实现简洁的下拉菜单代码
所属栏目:[政策] 日期:2018-08-21 热度:138
CSS结合JS实现简洁的下拉菜单代码,代码精简的二级菜单,代码确实够精简的,CSS也没几行,JS代码也很少,值得借鉴,呵呵,喜欢朋友们好好研究研究 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-t[详细]
-
jQuery带渐变效果可自动播放的选项卡代码
所属栏目:[政策] 日期:2018-08-21 热度:80
这个可是比较经典的选项卡啊,不但会自动播放,而且样式也很经典,基于jquery1.3.2的选项卡,结合了淡入淡出特效,感觉挺棒噢,不过代码稍嫌多,希望老手把代码优化一下哦。 网页演示:点击查看 运行演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tr[详细]
-
jQuery动画弹出层 jQuery弹出菜单代码
所属栏目:[政策] 日期:2018-08-21 热度:71
jQuery 渐变弹出层,点击后逐渐扩大,双击空白处缩回原处,jQuery版本1.3.2,CSS代码可继续简化。另外附上一个弹出菜单也很不错,小巧美观,通用性比较强,希望大家喜欢。 网页演示:点击这里 运行演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tran[详细]
-
一款绿色、简洁、漂亮的网站导航菜单
所属栏目:[政策] 日期:2018-08-21 热度:156
一款绿色、简洁、漂亮的网页顶部导航菜单代码,支持菜单文字宽度自适应,绿色风格,相信不少人会喜欢,这里用JS控制当前菜单项的标记,与其它的菜单背景有所不同,使其菜单结构更加清淅,而且代码量少,新手也可修改完善。 网页演示:点击此处 运行演示:[详细]
