-
网页二级下拉菜单,jQuery简单的下拉菜单导航
所属栏目:[政策] 日期:2018-08-31 热度:197
网页二级下拉菜单,一个比较简单的 jQuery 下拉菜单导航,小编看一下这个代码,可以扩展更可以美化,有时间的朋友不妨研究一下,对于提高前端水平还是不错的。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演[详细]
-
行为与结构相分离的选项卡,JS特效代码
所属栏目:[政策] 日期:2018-08-31 热度:97
JS行为与结构相分离的选项卡代码,来自经典论坛,包括注释,很不错的网页特效参考实例。有的同学不明白标题中的行为与结构分离是什么意思,小编的理解是:大概就是说事件函数不要写在HTML元素上。 这个裸奔后显示不出内容层来了。裸奔后应该显示的是标题内[详细]
-
JS三级横向菜单,左侧多级简洁导航代码
所属栏目:[政策] 日期:2018-08-31 热度:99
Java Script+CSS实现三级横向菜单,这是一个位于网页左侧的三(多)级简洁英文带箭头的导航代码,使用了一个箭头图片,摘自国外的网站,有需要的朋友自己套用吧,这当然需要您有一定的HTML+CSS知识。 示例: htmlheadmeta http-equiv=Content-Type content[详细]
-
简单几行代码,jQuery实现滑动门切换效果
所属栏目:[政策] 日期:2018-08-31 热度:63
一个基于 jQuery 的滑动门导航代码,有了jQuery的加入,我们只需要几行js代码就可以搞定这一效果了,不知还有没有比此更少的代码了,在滑动门的实现过程中,用背景图片修饰了每个门的背景,更美观漂亮,有着极好的用户操作体验。 为解决一些网页特效运行后[详细]
-
纯Css二级下拉菜单,鼠标滑过“弹”出菜单
所属栏目:[政策] 日期:2018-08-31 热度:112
好久没有提到纯CSS下拉菜单了,经常访问烈火网的朋友一定阅读过许多纯CSS的例子,开始本文之前我们先来回顾一下,先是10年6月底的一款简单灰色的下拉菜单,紧随它第二天就更新了纯CSS下拉菜单,来自老外网站汉化版的菜单,还有去年冬天更新的CSS二、三级下[详细]
-
jQuery+CSS简洁的Tab选项卡,内容渐显效果
所属栏目:[政策] 日期:2018-08-31 热度:186
一款基于 jQuery +CSS实现的简洁、蓝色的Tab选项卡,切换时内容带渐显效果,与之前介绍的选项卡不同的是,本例是可以自动切换的,这正是利用了jQuery的特性,如果您打算学习jQuery,可以参考烈火网提供的jQuery中文手册。 为解决一些网页特效运行后不能显[详细]
-
jQuery动态下滑式图标菜单,Slide Out Navigation
所属栏目:[政策] 日期:2018-08-31 热度:87
jQuery 动态下滑式图标菜单,Slide Out Navigation,一款跟随鼠标滑出的导航效果,鼠标移过后菜单快速从上到下移出,并且出现漂亮的PNG图标,该菜单来自国外网站tympanus,如果您打算用在自己的网站,将菜单修改一下就可以用了,比如修改一下背景色或文字[详细]
-
又一款JS层折叠和展开的纵向导航菜单代码
所属栏目:[政策] 日期:2018-08-31 热度:139
福无双至烈火网,代码成双不单行!打油诗两句半,玩笑过后一起来看今天成双的代码效果,有兴趣的朋友可以先看一下前边的JS动态折叠和展开的菜单层,还有一版jQuery动态折叠和展开的菜单层,下边再给一个折叠和展开时没有动态效果的纵向菜单层。 示例: !do[详细]
-
CSS+图片完成清爽绿色网站下拉菜单
所属栏目:[政策] 日期:2018-08-26 热度:178
说到下拉菜单大家就会想到js脚本,一般的下拉菜单都需要基于javascript脚本才能实现,而本次提供给大家的则一个纯css+几个简单图片完成的清爽、绿色、大气的下拉菜单,适于任意网站使用 PS:图片就用了三个,有的同学不会把代码弄到自己网站上,您只要把图[详细]
-
JavaScript+CSS多级树形展开菜单的代码
所属栏目:[政策] 日期:2018-08-26 热度:192
Java Script+CSS多级树形展开菜单的代码,本例是应用别人的例子,原来那位老兄是用一般方法写成的无限级折叠菜单,在此先感谢他!后来我就通过了一些简化修改,将原来的例子改成了面向对象的方式,实例中的展开与闭合的小图标可以自己重新添加,从而更好的[详细]
-
折叠展开全部树形菜单,jQuery三级目录树
所属栏目:[政策] 日期:2018-08-26 热度:56
一款可以折叠、展开全部的树形菜单,基于 jQuery 插件实现,这是一个三级的目录树导航,如果手动点击的话是不能完全展开的,有点类似于我们前边提到的手风琴菜单,总是展开其中一个模块,话多了,您自己看效果吧!烈火网您身边的建站好友! 为解决一些网页[详细]
-
网页左上角徐徐滑出的浮动菜单效果,可伸隐藏
所属栏目:[政策] 日期:2018-08-26 热度:185
网页左上角徐徐滑出的浮动菜单效果。浮动隐藏在左上角的滑开式菜单,鼠标移到绿色框上,菜单会滑出来,移走鼠标,菜单就自动隐藏。就像QQ登录后将主界面隐藏起来一样,鼠标放上去的时候才会显示。CSS代码和菜单内容,请根据你自己的需要修改,感谢您的关注[详细]
-
带动画效果、平滑展开的jQuery大幅下拉菜单代码
所属栏目:[政策] 日期:2018-08-26 热度:191
这是一款来自国外的网站 jQuery 菜单特效代码,鼠标经过菜单区域时动画式展开大幅的下拉菜单,有点类似于中国万网的下拉菜单,与之不同的是,这款菜单更具动态效果,更生动更活泼!尽管菜单是英文的,我想您一定会喜欢上它,至于菜单的内容选项,改成中文[详细]
-
将鼠标移上展开菜单,隐藏伸展的JS菜单代码
所属栏目:[政策] 日期:2018-08-26 热度:71
将鼠标移到文字链接上,向下展开菜单的效果,也可以叫作一个隐藏伸展的JS菜单代码,运用了JS技术,并结合了CSS共同实现的效果。本折叠菜单类似QQ可折叠的好友列表一样,不少人喜欢这种菜单。 演示: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transition[详细]
-
一款带渐入溶解效果的菜单,JS+CSS代码
所属栏目:[政策] 日期:2018-08-26 热度:110
一款基于javascrip+css完成的、带渐入溶解效果的菜单,使用鼠标点击后弹出,在菜单弹出的过程中,可以看到类似溶解的渐显效果。此代码中也带有特别详细的注释,对于学习JS脚本的朋友来说非常不错。 演示: htmlheadstyle!--#iewrap{position:relative;heig[详细]
-
键盘空格键打开侧边菜单:JS快捷键控制网页元素
所属栏目:[政策] 日期:2018-08-26 热度:60
这是一款使用网页脚本 Java Script代码,实现键盘控制网页元素的例子,使用空格键打开侧边菜单!这里的快捷键是可以自己定义的,请参考KeyCode键盘码值查询表。 另外,在本例子当中含有极具详细的JS代码注释,非常方便的学习代码和使用。 看一下演示: htm[详细]
-
黑色纯CSS下拉菜单代码,仅支持Chrome+Firefox
所属栏目:[政策] 日期:2018-08-26 热度:192
今天给大家分享一款黑色风格、纯CSS实现的下拉菜单代码,最大的缺点是不支持 IE浏览器 ,仅支持 Chrome 谷歌浏览器 和 Firefox 火狐浏览器 ,不知道作者是怎么想的,竟然放弃了IE,技术不错的朋友如果有时间修改一下吧,别忘记给烈火网投个稿哦! 顺便说一[详细]
-
网页左上角导航,鼠标点击和经过链接滑出菜单
所属栏目:[政策] 日期:2018-08-26 热度:72
一款位于网页左上角的导航,当鼠标点击和经过链接时,动态滑出菜单,和刚刚给大家介绍的仿QQ停靠窗口的菜单有些类似,由于时间关系,菜单没有美化,如果您打算使用,请自己使用CSS美化一下吧。 示例: !DOCTYPE htmlhtmlheadmeta charset=utf-8 /title左上[详细]
-
Tab标签式的菜单,点击切换,基于jQuery
所属栏目:[政策] 日期:2018-08-20 热度:110
这是基于 jQuery 写的菜单,由于作者审美观不太好,所以菜单很丑,大家不要介意,但是我们向他的作品表示感谢,尤其新手一定要好好学习一下哦。 TAB标签,类似IE7以上版本的标签效果,当鼠标点击后才会切换到该菜单,而不是滑动门。 演示效果: 网页版:点[详细]
-
jQuery 编写的滑动门效果,样式不太美观
所属栏目:[政策] 日期:2018-08-20 热度:125
烈火网(LieHuo.Net)网页特效教程:一款使用 jQuery 实现的滑动门,新手学写的,从样式上来说,有些古板,本人审美不好,已经很尽力了,主要是想表现jQuery功能方面,因此也就做成这样吧。 实现效果如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tran[详细]
-
淡出淡入的下拉菜单效果,使用jQuery+CSS实现
所属栏目:[政策] 日期:2018-08-20 热度:78
烈火网(LieHuo.Net)网页特效教程: jQuery +CSS编写的下拉菜单,有简单带淡出动画效果,这个实例没有编写太复杂的CSS样式,比较简单,喜欢大家喜欢哦。 如果你喜欢这款效果,可以把段代码加以二次开发。 推荐阅读:CSS中文手册 jQuery中文手册 以下是实例[详细]
-
带缓冲效果的导航菜单栏,鼠标指向放大显示
所属栏目:[政策] 日期:2018-08-20 热度:127
本文介绍给大家是带缓冲效果的导航菜单栏,这是一个样式很普通的纵向导航栏,懂得css的朋友可以自己修改显示的效果(不懂css的朋友可以到烈火提供的css中文手册学习一下),本教程中的特效是基于 jQuery 1.4.2编写的,主要特效是:当鼠标经过菜单栏时,相[详细]
-
判断当前导航并标记的导航菜单,基于jQuery设计
所属栏目:[政策] 日期:2018-08-20 热度:118
判断当前导航并标记的导航菜单,基于 jQuery 设计的菜单,可以智能判断是否是当前导航,如果是,则给当前的菜单项添加一个标记,而你的CSS文件并不需要重新定义,完全交给jQuery 来处理,现在有些朋友或许已经明白了,是jQuery让这种智能菜单变得更加有创意[详细]
-
JavaScript写的选项卡Tab[附样式修改说明]
所属栏目:[政策] 日期:2018-08-20 热度:116
烈火在网上看到一个选项卡Tab的雏形,由于作者只是封装了简单的雏形,UI基本没有,鼠标放上去就可以看到效果,没有修饰,显得有些粗糙。这里说明一下用法:修改部分 tabs(nav,bb) nav bb对应导航和内容的id,脚本首行 tag1,tag2是对应标签名 addclass是鼠[详细]
-
TAB选项卡定时自动切换,设计简洁的滑动门
所属栏目:[政策] 日期:2018-08-20 热度:116
烈火网(LieHuo.Net)网页特效:一个可以自动切换的选项卡,或者说是滑动门,本来这两个东西就相关不大,有兴趣的朋友研究一下,它除了自己播放每个选项卡内的内容外,也响应鼠标的动作,鼠标放上后即可响应变换内容,因主要想表现功能及代码,因此没有过多[详细]