-
js+css实现鼠标滑过触发行、列同时变色
所属栏目：[专访] 日期：2018-09-07 热度：90
以前，烈火介绍过表格隔行换色及鼠标经过变色的效果，本文的特效代码有所不同，在下面的例子中，并没有实现隔行换色，仅实现了鼠标响应表格行、列同时变色的效果，也就是说鼠标在表格上的变色区域是【十】字，至少是【Г】字，不多说了，大家自己看效果吧[详细]
-
XML+Css实现简单的网页走势图效果
所属栏目：[专访] 日期：2018-09-07 热度：121
关于网页中的动态走势图，我们一般看到的都是使用flash实现的，与本文中介绍的例子不太相同，本文中的效果是基于XML+Html技术实现的，在网页上显示简易的走势图（静态）。另外，边线对齐还有点小问题，本例仅供参考。 效果演示： !DOCTYPE HTML PUBLIC -//[详细]
-
兼容火狐浏览器的offsetX效果 js+css实现
所属栏目：[专访] 日期：2018-09-07 热度：84
兼容firefox的offsetX,计算鼠标位置（触发元素与窗口的距离,计算从触发到root间所有元素的offsetLeft值之和。 此类特效，我们用的不多，不过可以学习一下js与css的完美结合，在以后的网页制作过程中有很大帮助。 效果如下： htmlheadtitle兼容firefox的off[详细]
-
js+css实现点小图动态遮罩弹出大图特效
所属栏目：[专访] 日期：2018-09-07 热度：149
js+css实现点小图动态遮罩弹出大图特效 这是使用 Java Script与CSS共同实现的点小图弹大图效果代码，采用了比较流行的遮罩层效果，当点击小图后，动态弹出大图，同时实现了点击关闭功能，兼容IE6/7/8，火狐下表现也不错，代码中有注释，使用前请注意注释部[详细]
-
CSS+JS实现的滑动TAB，滑动门的特效代码
所属栏目：[专访] 日期：2018-09-07 热度：51
滑动TAB，滑动门，CSS+Js代码，貌似很不错的样子，风格经典，鼠标感应很不错，代码量少，用到网页上挺不错的。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://[详细]
-
CSS文章列表代码 DIV LI UL 的基本运用
所属栏目：[专访] 日期：2018-09-07 热度：167
本文介绍的不算是网页特效，而一款标准新闻文章列表的代码，代码使用了div ul li等标记，总体来说比较简洁，没有过多的修饰，如果你想使用的话，可以进行相关的修改。 重点学习如何使用UL/LI来布局列表，这也是CSS前端编程最常见常用的基本技巧，本列表符[详细]
-
js 滑动门,CSS 实现小箭头指向区域内容
所属栏目：[专访] 日期：2018-09-07 热度：137
CSS滑动门代码推荐：带小三角指引的滑动门，有朋友说在IE6下看不到效果，其实能看到，因为那个小三角颜色比较淡，有时候因显示器的原因看不太清，其实这个颜色是自己可以控制的，改一下就行了，带三角指引后，使整个滑动门的结构更清淅，导向性更合理。 点[详细]
-
js+css实现星号评分投票的实例代码
所属栏目：[专访] 日期：2018-09-07 热度：158
本文介绍的是使用CSS+JS制作的用于文章评论投票的星形示例，不要以为是用到了图片哦，其实这些星形完全是由CSS修饰出来的，无图片版，这样不影响网页加载的速度，而且修改也方便，只需调整颜色和大小就行了。 下面是实例演示： htmlheadtitle星形投票示例([详细]
-
CSS清除浮动代码：万能的float闭合
所属栏目：[专访] 日期：2018-08-27 热度：197
清除浮动，这在CSS3中有着重要的意义，在很多时候，如果不清除浮动，那么您的网页很可能在FF中会出错，在IE中也不会有好的表现，造成页面变形扭曲，绝非你想要的效果。今天向大家介绍一种简洁易用的方法，有浮动的时候，给需要闭合的DIV（class为clearfix[详细]
-
非常有趣! 纯 Css 完成一些小三角形代码
所属栏目：[专访] 日期：2018-08-27 热度：178
非常有趣! 纯 Css 完成一些小三角形代码，通过标题大家就可以看出来了，这是一个很简单但具有趣味性的代码，高手就不要看了，正在学习Css的朋友可以开拓一下视野。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org[详细]
-
Css 实现边框阴影及垂直居中效果代码
所属栏目：[专访] 日期：2018-08-27 热度：109
Css 实现边框阴影及垂直居中效果，让一个DIV框变成阴影的，没用任何的修饰图片哦，地地道道的CSS特效代码，另外那个居中代码也很实用，从事前端布局的朋友就会明白，居中我们经常会用到的。 演示代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
CSS背景图片居中代码，半透明显示文字
所属栏目：[专访] 日期：2018-08-27 热度：143
CSS控制图片实现始终居中显示，半透明显示文字，不管你如何拉大或缩小浏览器，它始终处于浏览器的中间位置，这是个十分实用的代码，很多时候我们都要用到此种情形的居中。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
CSS 嵌套的DIV层的代码，关于定位的例子
所属栏目：[专访] 日期：2018-08-27 热度：112
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-27 热度：112
左浮动、右浮动的CSS对齐方法，两个CSS固定浮动的方框，一个左上对齐，一个右下对齐，随浏览器的大小始终不会变化，这里面用到了两个重要的CSS属性：一个是position，另一个是Left和Right属性。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
Css 结合图片修饰的圆角边框代码
所属栏目：[专访] 日期：2018-08-27 热度：63
CSS使用图片实现边框圆角，用两张图片作为背景，两张作为修饰，形成大圆角的效果，圆角的大小请根据自己的需要修改，修改过程中要对应修改CSS的代码，仅供参考。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
CSS 圆角边框，无图、纯 CSS 实现的代码
所属栏目：[专访] 日期：2018-08-27 热度：199
CSS 圆角边框，无图、纯 CSS 实现的代码。方法简单，不过有点繁琐，建立了很多的Div，CSS圆角还有些更为简便的方法，本款只作为您的参考，希望为您学习CSS开拓一些思路。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.[详细]
-
CSS美化Calendar日历的雏形，并无日历功能
所属栏目：[专访] 日期：2018-08-27 热度：161
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-27 热度：101
本例是Css中inline的用法，我们在日常的网页制作中，可能遇到这样的问题，按钮和文本框不在同一水平线上，这个要怎么解决呢？本文就是解决案例，用到了，CSS的语法：display:inline，如果你对CSS了解还是不足，建议阅读烈火学院提供的CSS中文手册。 演示：[详细]
-
纯css实现三角形图标的特殊代码，值得参考
所属栏目：[专访] 日期：2018-08-18 热度：182
继续介绍关于纯Css打造三角形的代码，尤其本文与之前的文章还是有相同之处的，强烈建议大家好好学习一下。编写起来挺简单，CSS初学者也容易看懂。 示例： !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /title三[详细]
-
Css代码：em标签实现li列表中小三角形效果
所属栏目：[专访] 日期：2018-08-18 热度：120
本文向大家介绍的文章是一个纯Css代码，利用em标签实现li列表中小三角形效果，之前的文章中烈火网已经介绍了许多纯css三角形，但是关于这种效果的还是首例，希望对大家的网页布局有所帮助。 示例： !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type con[详细]
-
jQuery表单美化代码：ul模拟select的实现效果
所属栏目：[专访] 日期：2018-08-18 热度：98
一款 jQuery 实现的表单美化代码，主要是将ul模拟为select效果，关于jQuery美化或CSS美化表单的例子烈火网还有很多，大家可以通过本站的表单美化标签进行索引。 为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增网页版[详细]
-
鼠标经过图片时，其它区域变暗，图片“高亮”显示
所属栏目：[专访] 日期：2018-08-18 热度：154
jQuery 实现的一个小特效，当鼠标经过图片时，其它区域自动变暗，看上去图片高亮显示了，其实鼠标所在的图片并没有加亮，而其它区域变暗给它带来的高亮显示感觉，给其以突出的感觉，对于网站的用户体验还是非常不错的，推荐大家使用。 为解决一些网页特效[详细]
-
纯Css构建动感炫酷的Logo标志，Css3代码
所属栏目：[专访] 日期：2018-08-18 热度：50
纯Css3构建动感炫酷的Logo标志，在 IE8 及以下浏览器只能看到非常普通的效果，如果您想看到动态的效果，请使用 IE9 、火狐、 Chrome 等浏览器，烈火小编在Chrome下演示的效果 截图 如下： 再看运行效果： !doctype htmlhtmlheadmeta http-equiv=content-ty[详细]
-
CSS+JS等宽的DIV格子堆砌，瀑布流布局效果
所属栏目：[专访] 日期：2018-08-18 热度：75
CSS+JS等宽的DIV层格子堆砌，瀑布流布局效果。本例中，使用CSS设计布局等宽的Div格子，将这些层堆砌在一起的，自动适应，网人有人把它叫做瀑布流的布局，因为整体看上去第一个Div块就像流水的瀑布一样，紧挨着堆砌在一起，是学习CSS定位的好范例。 示例：[详细]
-
Css美化的一个分页样式，响应鼠标放大页码
所属栏目：[专访] 日期：2018-08-18 热度：124
Css美化的一个分页样式，响应鼠标放大页码。这是一个非常有趣的放大分页效果，主要是练习CSS布局，本效果带有鼠标效果，在鼠标放上的时候，按钮会放大，移开的时候就还原了，我觉得相当不错的功能。 示例： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tr[详细]
