-
![仿阿里巴巴字母滑动门效果[javascrip+css]](/uploads/allimg/c180411/1523412SF5Y0-1Z02.gif)
仿阿里巴巴字母滑动门效果[javascrip+css]
所属栏目：[专访] 日期：2018-08-25 热度：176
在以前的教程中，烈火曾经多次介绍滑动门给大家，另外还有一些滑动的菜单，今天要给朋友介绍的也是其中一例，可能有很多朋友都见过，这就是仿阿里巴巴的字母菜单滑动特效。 这个字母轮换其实就是一个比较大的滑动门，至少来说原理是一样的，代码由 Java Sc[详细]
-
鼠标经过CSS小方块膨胀效果,基于jQuery编写
所属栏目：[专访] 日期：2018-08-25 热度：77
这是一个利用了 jQuery 脚本编写的功能非常差的一个特效，可能还利用不了jQuery的千分之一功能，但是通过这个特效实例，可以启发我们做一些其它的东西出来，在以后的WEB开发过程中，我想jQuery是必不可少的了，那么从每个方面利用和学习jQuery是我们学习的[详细]
-
基于jQuery+Css设计的评论盖楼效果代码
所属栏目：[专访] 日期：2018-08-25 热度：197
最近，很多朋友咨询关于烈火使用 DedeCMS 5.5版本的ajax评论系统改造的盖楼系统，由于修改较多，目前还无法拿出来给分享，不过烈火在网上某博客发现一款基于 jQuery 设计的评论回复引用（盖楼）效果，现在就把这款代码发布出来给大家。 最终效果： !DOCTYP[详细]
-
JS+CSS打造的3D圆形,可控制左右旋转
所属栏目：[专访] 日期：2018-08-25 热度：66
一段 Java Script+CSS写的代码，实现一个3D圆形样式的JavaScript图片旋转展示代码，这里为了演示方便，将图片替换成了数字，预留出了图片的位置，这样速度快些，会HTML的朋友都知道用时候该怎么做。本图片旋转需要手动控制，每点击一下，图片旋转一次，可[详细]
-
CSS省略号效果,超过长度显示省略号
所属栏目：[专访] 日期：2018-08-25 热度：196
烈火网(LieHuo.Net)教程 有时候，我们的网页内容长短不一，这时候为了页面的整洁，我们需要使用省略号来控制。在本文的教程中，烈火网就给大家介绍一个真正的CSS省略号效果，超出范围自动变成省略号。但是，使用鼠标可以完全选择文字，非常酷的 看一下效果[详细]
-
多款模拟滚动条效果 JS+CSS实现代码
所属栏目：[专访] 日期：2018-08-25 热度：199
这是烈火小编从网上转过来的。做了些修改，其实写的比较糟糕(我指的是构造) 我用的是以前的一个drag类 在这个基础上在的来完成的Slider ，其实这样代码产生些了冗余.......不如单独写个Slider类 做为第一个版本还是保存起来 有时间的话 试着单独的写个Slid[详细]
-
JavaScript+css打造的精美日历控件
所属栏目：[专访] 日期：2018-08-25 热度：196
烈火网(LieHuo.Net)教程 一款利用 Java Script+css打造的精美日历控件，非常不错，在 IE浏览器 下测试通过，其它浏览器没有测试，代码有点乱，喜欢的朋友自己整理一下，请见下面的代码与演示： titleJavascript+css打造的精美日历控件 - Liehuo.Net/titles[详细]
-
JavaScript+Css 实现跟随鼠标的悬停提示信息
所属栏目：[专访] 日期：2018-08-25 热度：141
烈火网(LieHuo.Net)教程 在以前的网页特效中，我们曾经提到过用纯CSS实现的TIPS提示信息，例如《Css实现鼠标悬停提示文字信息的效果》和《CSS打造的超级链接悬停效果代码》，在上两篇特效中实现的悬停效果都非常简单，并且不能跟随鼠标，今天我们就来看一[详细]
-
JavaScript+Css 制作的烟花效果代码
所属栏目：[专访] 日期：2018-08-25 热度：58
以前看csdn上有人写的烟花，非常漂亮，一直想写。结果这么长的学习，算是可以一试了，发个0.5版本。仅供一笑，现在的问题是： 计时器 有2个，非常影响效率，在想办法改进中。没有按照面对对象的写法。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit[详细]
-
CSS清除浮动代码：万能的float闭合
所属栏目：[专访] 日期：2018-08-21 热度：50
清除浮动，这在CSS3中有着重要的意义，在很多时候，如果不清除浮动，那么您的网页很可能在FF中会出错，在IE中也不会有好的表现，造成页面变形扭曲，绝非你想要的效果。今天向大家介绍一种简洁易用的方法，有浮动的时候，给需要闭合的DIV（class为clearfix[详细]
-
非常有趣! 纯 Css 完成一些小三角形代码
所属栏目：[专访] 日期：2018-08-21 热度：100
非常有趣! 纯 Css 完成一些小三角形代码，通过标题大家就可以看出来了，这是一个很简单但具有趣味性的代码，高手就不要看了，正在学习Css的朋友可以开拓一下视野。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org[详细]
-
Css 实现边框阴影及垂直居中效果代码
所属栏目：[专访] 日期：2018-08-21 热度：195
Css 实现边框阴影及垂直居中效果，让一个DIV框变成阴影的，没用任何的修饰图片哦，地地道道的CSS特效代码，另外那个居中代码也很实用，从事前端布局的朋友就会明白，居中我们经常会用到的。 演示代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
CSS背景图片居中代码，半透明显示文字
所属栏目：[专访] 日期：2018-08-21 热度：150
CSS控制图片实现始终居中显示，半透明显示文字，不管你如何拉大或缩小浏览器，它始终处于浏览器的中间位置，这是个十分实用的代码，很多时候我们都要用到此种情形的居中。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
CSS 嵌套的DIV层的代码，关于定位的例子
所属栏目：[专访] 日期：2018-08-21 热度：80
CSS 嵌套的DIV层的代码，关于定位的例子，一个嵌套的DIV,用CSS定位知识实现，你可以此为例好好理解一下 absolute定位的用法。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d[详细]
-
左浮动、右浮动的对齐方法，CSS 代码
所属栏目：[专访] 日期：2018-08-21 热度：133
左浮动、右浮动的CSS对齐方法，两个CSS固定浮动的方框，一个左上对齐，一个右下对齐，随浏览器的大小始终不会变化，这里面用到了两个重要的CSS属性：一个是position，另一个是Left和Right属性。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
Css 结合图片修饰的圆角边框代码
所属栏目：[专访] 日期：2018-08-21 热度：113
CSS使用图片实现边框圆角，用两张图片作为背景，两张作为修饰，形成大圆角的效果，圆角的大小请根据自己的需要修改，修改过程中要对应修改CSS的代码，仅供参考。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
CSS 圆角边框，无图、纯 CSS 实现的代码
所属栏目：[专访] 日期：2018-08-21 热度：181
CSS 圆角边框，无图、纯 CSS 实现的代码。方法简单，不过有点繁琐，建立了很多的Div，CSS圆角还有些更为简便的方法，本款只作为您的参考，希望为您学习CSS开拓一些思路。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.[详细]
-
CSS美化Calendar日历的雏形，并无日历功能
所属栏目：[专访] 日期：2018-08-21 热度：81
CSS美化Calendar日历的雏形，并无日历功能，因为这个例子重点是介绍CSS，用CSS修饰一个日历的外表，没有加入真正的 Java Script日历代码。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-tr[详细]
-
Css中inline的用法：按钮和文本框Input水平
所属栏目：[专访] 日期：2018-08-21 热度：176
本例是Css中inline的用法，我们在日常的网页制作中，可能遇到这样的问题，按钮和文本框不在同一水平线上，这个要怎么解决呢？本文就是解决案例，用到了，CSS的语法：display:inline，如果你对CSS了解还是不足，建议阅读烈火学院提供的CSS中文手册。 演示：[详细]
-
纯css实现三角形图标的特殊代码，值得参考
所属栏目：[专访] 日期：2018-08-18 热度：154
继续介绍关于纯Css打造三角形的代码，尤其本文与之前的文章还是有相同之处的，强烈建议大家好好学习一下。编写起来挺简单，CSS初学者也容易看懂。 示例： !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /title三[详细]
-
Css代码：em标签实现li列表中小三角形效果
所属栏目：[专访] 日期：2018-08-18 热度：185
本文向大家介绍的文章是一个纯Css代码，利用em标签实现li列表中小三角形效果，之前的文章中烈火网已经介绍了许多纯css三角形，但是关于这种效果的还是首例，希望对大家的网页布局有所帮助。 示例： !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type con[详细]
-
jQuery表单美化代码：ul模拟select的实现效果
所属栏目：[专访] 日期：2018-08-18 热度：123
一款 jQuery 实现的表单美化代码，主要是将ul模拟为select效果，关于jQuery美化或CSS美化表单的例子烈火网还有很多，大家可以通过本站的表单美化标签进行索引。 为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增网页版[详细]
-
鼠标经过图片时，其它区域变暗，图片“高亮”显示
所属栏目：[专访] 日期：2018-08-18 热度：184
jQuery 实现的一个小特效，当鼠标经过图片时，其它区域自动变暗，看上去图片高亮显示了，其实鼠标所在的图片并没有加亮，而其它区域变暗给它带来的高亮显示感觉，给其以突出的感觉，对于网站的用户体验还是非常不错的，推荐大家使用。 为解决一些网页特效[详细]
-
纯Css构建动感炫酷的Logo标志，Css3代码
所属栏目：[专访] 日期：2018-08-18 热度：71
纯Css3构建动感炫酷的Logo标志，在 IE8 及以下浏览器只能看到非常普通的效果，如果您想看到动态的效果，请使用 IE9 、火狐、 Chrome 等浏览器，烈火小编在Chrome下演示的效果 截图 如下： 再看运行效果： !doctype htmlhtmlheadmeta http-equiv=content-ty[详细]
-
CSS+JS等宽的DIV格子堆砌，瀑布流布局效果
所属栏目：[专访] 日期：2018-08-18 热度：86
CSS+JS等宽的DIV层格子堆砌，瀑布流布局效果。本例中，使用CSS设计布局等宽的Div格子，将这些层堆砌在一起的，自动适应，网人有人把它叫做瀑布流的布局，因为整体看上去第一个Div块就像流水的瀑布一样，紧挨着堆砌在一起，是学习CSS定位的好范例。 示例：[详细]
