-
JS封装代码:折叠菜单、TAB,图片切换,滑动门
所属栏目:[政策] 日期:2018-08-23 热度:50
折叠菜单,TAB切换,焦点图,滑动门JS代码封装,一个页面将这些常用的网页元素集中在了一起,想用那个的时候,设置一下就行了,比如应用于折叠层,想要展开当前的同时,其它状态不变,修改other值为show。想要初始化时确定哪一项展开,修改initCon值为有效[详细]
-
鼠标悬停背景翻转的黑色jQuery菜单导航代码
所属栏目:[政策] 日期:2018-08-23 热度:169
鼠标悬停背景翻转的黑色 jQuery 菜单导航代码,预览效果时左下角会提示错误,而且看不到效果,刷新一下就可以看到效果了;当然,在实际使用中,不会出现这样的问题。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网[详细]
-
jQuery浅灰色导航菜单代码,来自Meizu魅族网站
所属栏目:[政策] 日期:2018-08-23 热度:90
经常访问魅族官方网站,发现网站的导航菜单的效果很不错就扣下来,俩字:给力。鼠标放到菜单上,菜单的下边会有一条横线在滑动。一直想找类似的效果学一下。结果,不是忘记有类似效果的网站的网址,就是压根儿找不到。。又不知道怎么描述,今天总算碰到了[详细]
-
QQ在线客服代码,个性、美观的侧边QQ客服代码
所属栏目:[政策] 日期:2018-08-23 热度:144
超级漂亮的一款QQ在线客服代码,个性、美观的侧边QQ客服代码,从别的网站上扒下来的,并非本人原创,后来又发到网上让CSS高手们做了兼容性修改,可以说接近完美了,QQ在线客服中用到了两张背景图片,自己可以下载。 演示代码: !DOCTYPE html PUBLIC -//W3[详细]
-
JS滑动展开导航,一个常用的网站管理菜单
所属栏目:[政策] 日期:2018-08-23 热度:124
常用的网站管理菜单,分享一款给大家,鼠标移过显示分支菜单,这里主要使用 Java Script与CSS配合共同完成。因侧重功能的表现,所以没有美化,相信这对于懂CSS的朋友来说,不是难事,自己辛苦一下,美化美化还是挺实用的。 演示: HTMLHEADTITLE管理菜单/T[详细]
-
CSS+Js的纵向导航菜单,滑动展开的列表效果
所属栏目:[政策] 日期:2018-08-23 热度:183
CSS+Js的纵向导航菜单,滑动展开的列表效果,模仿的是一个淘宝网右侧的列表菜单,简单的做法就是每项里有有两个div 移上去聊天第一个,显示第二个就好了。 演示: HTMLHEADTITLE管理导航菜单/TITLEMETA http-equiv=Content-Type content=text/html; charse[详细]
-
Tab标签式的菜单,点击切换,基于jQuery
所属栏目:[政策] 日期:2018-08-20 热度:173
这是基于 jQuery 写的菜单,由于作者审美观不太好,所以菜单很丑,大家不要介意,但是我们向他的作品表示感谢,尤其新手一定要好好学习一下哦。 TAB标签,类似IE7以上版本的标签效果,当鼠标点击后才会切换到该菜单,而不是滑动门。 演示效果: 网页版:点[详细]
-
jQuery 编写的滑动门效果,样式不太美观
所属栏目:[政策] 日期:2018-08-20 热度:75
烈火网(LieHuo.Net)网页特效教程:一款使用 jQuery 实现的滑动门,新手学写的,从样式上来说,有些古板,本人审美不好,已经很尽力了,主要是想表现jQuery功能方面,因此也就做成这样吧。 实现效果如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tran[详细]
-
淡出淡入的下拉菜单效果,使用jQuery+CSS实现
所属栏目:[政策] 日期:2018-08-20 热度:188
烈火网(LieHuo.Net)网页特效教程: jQuery +CSS编写的下拉菜单,有简单带淡出动画效果,这个实例没有编写太复杂的CSS样式,比较简单,喜欢大家喜欢哦。 如果你喜欢这款效果,可以把段代码加以二次开发。 推荐阅读:CSS中文手册 jQuery中文手册 以下是实例[详细]
-
带缓冲效果的导航菜单栏,鼠标指向放大显示
所属栏目:[政策] 日期:2018-08-20 热度:91
本文介绍给大家是带缓冲效果的导航菜单栏,这是一个样式很普通的纵向导航栏,懂得css的朋友可以自己修改显示的效果(不懂css的朋友可以到烈火提供的css中文手册学习一下),本教程中的特效是基于 jQuery 1.4.2编写的,主要特效是:当鼠标经过菜单栏时,相[详细]
-
判断当前导航并标记的导航菜单,基于jQuery设计
所属栏目:[政策] 日期:2018-08-20 热度:133
判断当前导航并标记的导航菜单,基于 jQuery 设计的菜单,可以智能判断是否是当前导航,如果是,则给当前的菜单项添加一个标记,而你的CSS文件并不需要重新定义,完全交给jQuery 来处理,现在有些朋友或许已经明白了,是jQuery让这种智能菜单变得更加有创意[详细]
-
JavaScript写的选项卡Tab[附样式修改说明]
所属栏目:[政策] 日期:2018-08-20 热度:60
烈火在网上看到一个选项卡Tab的雏形,由于作者只是封装了简单的雏形,UI基本没有,鼠标放上去就可以看到效果,没有修饰,显得有些粗糙。这里说明一下用法:修改部分 tabs(nav,bb) nav bb对应导航和内容的id,脚本首行 tag1,tag2是对应标签名 addclass是鼠[详细]
-
TAB选项卡定时自动切换,设计简洁的滑动门
所属栏目:[政策] 日期:2018-08-20 热度:76
烈火网(LieHuo.Net)网页特效:一个可以自动切换的选项卡,或者说是滑动门,本来这两个东西就相关不大,有兴趣的朋友研究一下,它除了自己播放每个选项卡内的内容外,也响应鼠标的动作,鼠标放上后即可响应变换内容,因主要想表现功能及代码,因此没有过多[详细]
-
仿京东商城左侧的联动导航菜单,纯CSS代码
所属栏目:[政策] 日期:2018-08-20 热度:98
烈火网(LieHuo.Net)CSS菜单特效:今天有朋友对小编说, 京东 商城左侧的菜单真是太漂亮了,尤其UI设计的非常不错,果然有大站的风范。烈火前去看了一下,感觉真是不错的,开始以为是利用了JS+CSS设计的,后来把代码扣下来才知道。原来是纯CSS,只是代码中[详细]
-
点击下拉菜单选项,添加选中值到输入框
所属栏目:[政策] 日期:2018-08-20 热度:93
烈火网(LieHuo.Net)网页特效资源 这是一个下拉选择框与输入框联动的网页特效,点击下拉菜单的选项,直接添加选中值到输入框中,这种效果相信不少朋友见到过吧,省去用户输入的麻烦,这里使用JS直接将值赋予输入框,了解原理之后,可灵活运用,扩展出更多的[详细]
-
实用的CSS导航菜单,设计漂亮、代码简洁
所属栏目:[政策] 日期:2018-08-20 热度:97
烈火网(LieHuo.Net)CSS菜单特效:这是一个最简单但非常实用的CSS菜单,只需定义a标签的三种状态就可实现神奇效果,初学CSS的朋友,这个菜单是个很不错的范例教程,好好研究一下对入门CSS很有帮助。 来看一下实例代码的演示: titleCSS菜单 - Liehuo.Net/ti[详细]
-
JavaScript仿QQ折叠菜单效果,代码免费送上
所属栏目:[政策] 日期:2018-08-17 热度:115
Java Script仿QQ折叠菜单效果,不必解释太多,大家肯定想到是什么样子了,只不过网页的JS和CSS的结合及作者的水平是限的,只能实现一个早期版本的QQ折叠菜单,同时效果不是太好,大家凑合看吧。当然,这对于新手是一个不错的学习机会。 效果演示: !DOCTYP[详细]
-
CSS结合图片实现的纵向菜单效果代码
所属栏目:[政策] 日期:2018-08-17 热度:69
CSS结合图片实现的纵向菜单(竖直菜单),带三角导航按钮,是一款很普通的菜单,没有什么华丽的效果,适合企业网站使用,希望各位站长喜欢。 特效演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xh[详细]
-
多款Tab选项卡,点击、滑动、自动切换特效
所属栏目:[政策] 日期:2018-08-17 热度:190
多款Tab选项卡实例,包括点击、滑动、自动切换等。 myFocus-tab 各种功能的选项卡切换,有的是带有动画效果的,各款基于myFocus库制作的焦点图风格皮肤,可自行按需选择,myFocus焦点图库及皮肤可自由使用,保留作者相关信息即可,谢谢支持!^^ 特效演示:[详细]
-
CSS结合JS实现滑动门菜单,简洁风格
所属栏目:[政策] 日期:2018-08-17 热度:126
CSS结合JS实现滑动门菜单,简洁的风格,没有使用图片美化,需要的朋友可以添加一些图片作为背景和边框。 超简约设计的滑动门菜单,鼠标放到主菜单上,里面的内容会跟着变化,实际上本演示是一个范例,从代码中的注释你就能感觉到,每一步都有注释,对学习[详细]
-
纯css制作的菱形模块的导航菜单
所属栏目:[政策] 日期:2018-08-17 热度:76
纯css制作的菱形模块的导航菜单 纯css制作的的倾斜导航菜单,更个性一些,给人耳目一新的感觉,颜色不喜欢的朋友可自己换下颜色,试着修改一些属性,会有更多效果。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.or[详细]
-
Css利用实现背景图片自适应菜单宽度的效果
所属栏目:[政策] 日期:2018-08-17 热度:63
Css利用实现背景图片自适应菜单宽度的效果 单张背景图片实现的CSS圆角菜单,菜单项的背景可自适应宽度,当菜单项内的文字超出预定宽度时,并不会将文字隐藏掉,而背景自动加宽,以适应文字的需要,设计的很漂亮,也很实用,学习CSS的朋友也可参考学习一下[详细]
-
“Behavior”综合应用——菜单组件
所属栏目:[政策] 日期:2018-08-17 热度:58
Behavior综合应用菜单组件,不知道为何物,在一个牛人的博客看到的代码,烈火就转载给大家,如有意见请在下面的评论中提出,谢谢合作。 看一下演示代码: htmlheadmeta http-equiv=content-type content=text/html; charset=GB2312 /titleBehavior实现菜单[详细]
-
简洁黑白的下拉菜单效果,CSS+JS代码实现
所属栏目:[政策] 日期:2018-08-17 热度:102
一款简洁黑白的下拉菜单效果,CSS+JS代码实现,好像CSS要配合JS才能写出好效果来,本款菜单同样用到了Js哦,菜单目前支持两级,下拉导航是我们经常用的一种菜单形式,把这个修改一下你就能用了,结构挺简单,相信你会做好的。 演示: !DOCTYPE html PUBLIC[详细]
-
jQuery响应鼠标向上翻滚的动感菜单
所属栏目:[政策] 日期:2018-08-17 热度:145
jQuery 响应鼠标向上翻滚的一款动感菜单,横向竖向这个大家怎么改吧,使用了jquery插件,不要忘记载入哦。看效果的时候如果加载有错误,请刷新一下页面就行了。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版[详细]