-
一款带渐入溶解效果的菜单,JS+CSS代码
所属栏目:[政策] 日期:2018-08-24 热度:83
一款基于javascrip+css完成的、带渐入溶解效果的菜单,使用鼠标点击后弹出,在菜单弹出的过程中,可以看到类似溶解的渐显效果。此代码中也带有特别详细的注释,对于学习JS脚本的朋友来说非常不错。 演示: htmlheadstyle!--#iewrap{position:relative;heig[详细]
-
键盘空格键打开侧边菜单:JS快捷键控制网页元素
所属栏目:[政策] 日期:2018-08-24 热度:200
这是一款使用网页脚本 Java Script代码,实现键盘控制网页元素的例子,使用空格键打开侧边菜单!这里的快捷键是可以自己定义的,请参考KeyCode键盘码值查询表。 另外,在本例子当中含有极具详细的JS代码注释,非常方便的学习代码和使用。 看一下演示: htm[详细]
-
黑色纯CSS下拉菜单代码,仅支持Chrome+Firefox
所属栏目:[政策] 日期:2018-08-24 热度:61
今天给大家分享一款黑色风格、纯CSS实现的下拉菜单代码,最大的缺点是不支持 IE浏览器 ,仅支持 Chrome 谷歌浏览器 和 Firefox 火狐浏览器 ,不知道作者是怎么想的,竟然放弃了IE,技术不错的朋友如果有时间修改一下吧,别忘记给烈火网投个稿哦! 顺便说一[详细]
-
网页左上角导航,鼠标点击和经过链接滑出菜单
所属栏目:[政策] 日期:2018-08-24 热度:112
一款位于网页左上角的导航,当鼠标点击和经过链接时,动态滑出菜单,和刚刚给大家介绍的仿QQ停靠窗口的菜单有些类似,由于时间关系,菜单没有美化,如果您打算使用,请自己使用CSS美化一下吧。 示例: !DOCTYPE htmlhtmlheadmeta charset=utf-8 /title左上[详细]
-
网页左上角滑出的菜单导航,类似QQ的停靠效果
所属栏目:[政策] 日期:2018-08-24 热度:110
悬浮在网页左上角的一个导航,鼠标经过时动态滑出的菜单,当鼠标离开菜单区域时,菜单自动收缩至顶部,有点类似腾讯QQ的窗口停靠效果,尽管菜单比较久远了,但是兼容性和使用价值都还是不错的,推荐学习和研究。 演示: !DOCTYPE htmlhtmlheadmeta charset[详细]
-
基于JS+Table表格的静态竖直导航菜单代码
所属栏目:[政策] 日期:2018-08-24 热度:62
基于JS+Table表格的静态竖直导航菜单代码,一眼看上去给人的感觉肯定是用了div+css,但是您只要看一下源代码就明白了,里明明使用的是Table表格技术,怎么样,有兴趣的话自己试试去吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//[详细]
-
滑动式的选项卡演示代码:Easy Tabs示例
所属栏目:[政策] 日期:2018-08-24 热度:120
一款滑动式的选项卡演示代码,类似于之前我们据说的滑动门,作者给它取名为:Easy Tabs,看上去还是比较最简单的选项卡样式,来自国外网站,没有汉化,界面为英文,稍带点动画的感觉,实际运用的价值不是太大,仅供大家参考和学习。 演示: !DOCTYPE htmlh[详细]
-
一款自适应文字内容宽度的Tab标签导航
所属栏目:[政策] 日期:2018-08-24 热度:58
一款自适应文字内容宽度的Tab标签导航,也就是我们平时所说的选项卡效果,与之前烈火网发布的选项卡代码不同,这款选项卡的选项宽度是可以自适应文字的,并且作者加上了背景,这样就使得UI更加漂亮了。 示例: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01[详细]
-
Css利用实现背景图片自适应菜单宽度的效果
所属栏目:[政策] 日期:2018-08-20 热度:183
Css利用实现背景图片自适应菜单宽度的效果 单张背景图片实现的CSS圆角菜单,菜单项的背景可自适应宽度,当菜单项内的文字超出预定宽度时,并不会将文字隐藏掉,而背景自动加宽,以适应文字的需要,设计的很漂亮,也很实用,学习CSS的朋友也可参考学习一下[详细]
-
“Behavior”综合应用——菜单组件
所属栏目:[政策] 日期:2018-08-20 热度:110
Behavior综合应用菜单组件,不知道为何物,在一个牛人的博客看到的代码,烈火就转载给大家,如有意见请在下面的评论中提出,谢谢合作。 看一下演示代码: htmlheadmeta http-equiv=content-type content=text/html; charset=GB2312 /titleBehavior实现菜单[详细]
-
简洁黑白的下拉菜单效果,CSS+JS代码实现
所属栏目:[政策] 日期:2018-08-20 热度:69
一款简洁黑白的下拉菜单效果,CSS+JS代码实现,好像CSS要配合JS才能写出好效果来,本款菜单同样用到了Js哦,菜单目前支持两级,下拉导航是我们经常用的一种菜单形式,把这个修改一下你就能用了,结构挺简单,相信你会做好的。 演示: !DOCTYPE html PUBLIC[详细]
-
jQuery响应鼠标向上翻滚的动感菜单
所属栏目:[政策] 日期:2018-08-20 热度:133
jQuery 响应鼠标向上翻滚的一款动感菜单,横向竖向这个大家怎么改吧,使用了jquery插件,不要忘记载入哦。看效果的时候如果加载有错误,请刷新一下页面就行了。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版[详细]
-
js动画效果折叠纵向菜单 适用于后台使用
所属栏目:[政策] 日期:2018-08-20 热度:134
一款基于javascript编写的菜单,主要突出了动态的折叠效果,对于站长们来说,并不陌生,因为我们经常在各类网站后台见到,当然您也可以使用在网站前台。 展开与折叠效果平滑。本演示中有两组菜单,向大家展示如何在一个网页中布局两个菜单,整体效果以及兼[详细]
-
jQuery选项卡代码 切换时淡入淡出效果
所属栏目:[政策] 日期:2018-08-20 热度:97
jQuery 选项卡代码 切换时淡入淡出效果 当用鼠标点击某个选项卡的时候,对应的内容渐渐出现,有种缓冲的感觉,这样人的眼睛更容易接受,可有效提升网站用户体验,也为网站增加一点动感元素。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷[详细]
-
JS两级横向布局的网站导航菜单代码
所属栏目:[政策] 日期:2018-08-20 热度:140
javascript打造的两级横向布局的网站导航菜单,现在将效果代码免费放出来,其实这款代码很早就见于某知名网页设计网站,后来这个网站关闭了,烈火已经记不清它的名字了,但是有很多网站依然在仿制并沿用这款效果,不多说费话,看效果。 注意哦,由于时间关[详细]
-
鼠标经过展开的纵向二级菜单代码
所属栏目:[政策] 日期:2018-08-20 热度:77
鼠标经过展开的纵向二级菜单代码 本菜单不用点击鼠标即可展开二级或更多级菜单,响应了鼠标的OnMouseOver功能。为了展示功能,因此没有过多美化,请大家自己美化吧,扩展一下功能就更不错了。 DEMO演示: htmlheadtitle竖直感应鼠标的多级展开菜单 - Liehu[详细]
-
气泡式弹出菜单 jQuery纵向导航栏代码
所属栏目:[政策] 日期:2018-08-20 热度:155
气泡式弹出菜单 jQuery 纵向导航栏代码,这是烈火在国外网站发现的,没有来的及汉化,其实就几个菜单,也没几个英文,大家自己修改吧。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示 网页演示:猛击此处[详细]
-
仿腾讯QQ纵向的滑动导航菜单代码
所属栏目:[政策] 日期:2018-08-20 热度:139
仿腾讯QQ竖直滑动导航菜单,叫法比较多,折叠菜单是最常用的叫法,有人称它为手风琴,因为它一会展开一会折叠很像手风琴的琴键,大家支持一下。 演示如下: htmlheadtitle仿腾讯QQ竖直滑动导航菜单/titlemeta http-equiv=content-type content=text/html;c[详细]
-
CSS英文提示的中文菜单,中英文双语菜单代码
所属栏目:[政策] 日期:2018-08-17 热度:174
一款你一定喜欢的CSS中英文双语菜单,支持鼠标 Tips特效,当我们把鼠标放到中文菜单上,会弹出Title的提示,先运行一下看效果,绝对会另你满意。用到了一个背景图片,请自行下载。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ht[详细]
-
实用的下拉导航,可方便的自定义二级菜单
所属栏目:[政策] 日期:2018-08-17 热度:80
一个非常简洁的二级导航菜单,代码中没有使用图片,因此看上去不太美观,不过非常方便,有二级菜单的,给li加class=menu就行了,没有的不用加,先美化成这样,不满意的自己动手美化,没什么好难的,就当练习CSS水平了。 演示: !DOCTYPE html PUBLIC -//W3[详细]
-
jQuery简约的二级下拉菜单,有淡入淡出效果
所属栏目:[政策] 日期:2018-08-17 热度:126
jQuery 简约的二级下拉菜单,有淡入淡出效果。加入了jQuery,看似平凡的一个菜单突然有味道、有生机起来,这里将jQuery1.3.2引用进来,让弹出的二级菜单具备淡入淡出的效果,虽然就效果本身来说并不起眼,但比起无任何效果的菜单,从体验上来说,已经强了[详细]
-
代码简洁的纯CSS导航,二级下拉菜单效果
所属栏目:[政策] 日期:2018-08-17 热度:107
纯CSS菜单,代码简洁的纯CSS导航,二级下拉菜单效果,代码中使用了if语句来判断IE版本,兼容性很不错的,IE7/8、火狐等都支持,而且它还是学习CSS菜单编写的典型教程,让你学会很多CSS技巧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitio[详细]
-
蓝色的导航菜单,带小图标new,CSS+图片实现
所属栏目:[政策] 日期:2018-08-17 热度:161
一个超级漂亮的网站导航菜单,与猪八戒网的主导航十分相似,而且菜单的某一项还可以有new的小图标,非常流行的小标记,鼠标滑过菜单的某个选项内,具有响应鼠标的功能,整体风格惹人喜欢,赶紧用在自己的网站上吧,给网页增添不少色彩! 演示: !DOCTYPE h[详细]
-
基于jQuery框架、黑色风格的折叠菜单代码
所属栏目:[政策] 日期:2018-08-17 热度:52
基于 jQuery 框架的黑色风格菜单导航,slideDown和slideUp做手风琴菜单面板的代码,也就是大家常说的折叠/展开菜单,不少朋友都喜欢的风格,本代码兼容性好,简单易懂,便于修改,希望大家喜欢。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需[详细]
-
Css 结合图片实现的不规则TAB选项卡效果
所属栏目:[政策] 日期:2018-08-17 热度:118
Css 结合图片实现的不规则TAB选项卡效果,本例中CSS结合两张小图片实现的效果,将中规中矩的方角换成了不规则的圆角,也就是这一换,倒让浏览者新鲜了不少,也使选项卡增多了几份灵感,不是吗? 演示: htmlheadmeta http-equiv=Content-Type content=text[详细]