-
jQuery 鼠标点击后，层滑动并消失的切换效果
所属栏目：[活动] 日期：2018-09-13 热度：65
jQuery 鼠标点击后，Div层开始滑动并消失的切换效果，大家想想用它可以做成什么呢？我觉得现在流行的图片切换是不是就这样做的呢？只不过本演示为了加载速度快一点，用一些带填充背景色的Div层代替了图片，其实换作图片，它就是一款jQuery幻灯片切换了。[详细]
-
代码简洁的模态窗口,可拖动、拽的层代码
所属栏目：[活动] 日期：2018-09-07 热度：127
烈98火59网(LieHuo32.Net)教63程 本文给大家介绍的是：代码简洁的模态窗口,可拖动、拽的层代码。 支持多浏览器，代码很少。不过操作体验还是不错的，经测试，IE6/7,FF, Opera 9, Safari 等众多浏览器都兼容，运行无错，奉献给大家。 演示： !DOCTYPE html[详细]
-
点击后弹出遮罩层，居中显示，兼容火狐浏览器
所属栏目：[活动] 日期：2018-09-07 热度：95
点击后弹出遮罩层，居中显示，兼容 火狐浏览器 。网页上已经有很多类似的代码了，使用挺广泛的，代码先判断浏览器的版本，ie6创建的div样式和非ie6创建的div样式在解析时有点区别，为了兼容性考虑，才加了判断。 经过烈火小编测试，可以完美兼容IE系列及火[详细]
-
CSS完成未知宽高的图片水平、垂直居中代码
所属栏目：[活动] 日期：2018-09-07 热度：121
使用纯CSS完成未知宽高的图片水平、垂直居中效果，兼容性非常不错的代码，烈火小编测试了 IE8 及火狐，都可以正常使用，在Div区块内，图片是未知宽高。不论使用何种尺寸的图片，它都会居中于DIV中，虽然代码有点多，但是兼容性方面做的挺好。 演示代码： ![详细]
-
碎片新闻布局的效果，Css代码实现
所属栏目：[活动] 日期：2018-09-07 热度：133
碎片新闻布局的CSS实现，碎片新闻布局可能有些朋友还不太明白，意思就是说，不是很整齐的新闻列表，有的长、有的短，组成整体的一个区域，在各大门户网站的首页，几乎都能看到这种布局的效果，它的好处是可有效利用网页空间，门户网站首页的每一个地方都是[详细]
-
外框自适应内容高度的CSS实例代码
所属栏目：[活动] 日期：2018-09-07 热度：164
外框自适应内容高度的CSS实例代码，曾经被这个问题搞的焦头烂额，后来到网上求助才解决，只加了一个清除浮动就解决了，从此对清除浮动不敢低看了，呵呵。就是这句：overflow:hidden; zoom:1;以后可以注意了呢。 演示代码： !DOCTYPE html PUBLIC -//W3C//D[详细]
-
CSS重叠元素、层交互的定位与实现代码
所属栏目：[活动] 日期：2018-09-07 热度：121
CSS重叠元素、层交互的定位与实现代码，三者交叉重叠，绝对定位的实现，我们通过这个例子，可以看到代码并不复杂，但是可以感受到css的灵活性，与早期的表格式网页相比，css更能设计出新颖的布局，如果您还没熟悉css，请参照烈火网提供的css手册。 演示：[详细]
-
CSS图文混排，Div左图右文的布局代码
所属栏目：[活动] 日期：2018-09-07 热度：101
CSS常用布局之，左图右文，文字可自动适应图片的大小，以前给大家发过，不过看了一下代码，有些不一样，所以再把这个发上来，也算是学习CSS了吧。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/x[详细]
-
纯CSS带箭头阴影的提示框代码，不兼容IE
所属栏目：[活动] 日期：2018-09-07 热度：110
纯CSS实现带箭头阴影的提示框，代码在 IE浏览器 下不兼容，实现的效果为方形！但是在火狐、 Chrome 浏览器等下都可以正常使用，有高手的话请指点一下是哪里的原因，顺便也给烈火反馈一下哦。 演示： !doctype htmlhtmlheadtitle带箭头阴影的提示框/titlest[详细]
-
Div层弹性左右移动特效，JS实现，代码简洁
所属栏目：[活动] 日期：2018-09-07 热度：195
代码超少的Div弹性 运动 特效，点击按钮后，Div层来回做运动，像有弹性一样在缓冲，动感十足的样子。 关于类似的例子，烈火学院以前给大家介绍了几个，我们可以来回顾一下。 一。JS编写透明度渐变、位置移动等多个函数 二。js+css 完成一个漂亮的、富有弹[详细]
-
自适应宽度的网页TAB选项卡、滑动门的雏形
所属栏目：[活动] 日期：2018-09-01 热度：178
这是一款自适应宽度的网页TAB选项卡、滑动门的雏形代码，可以自适应网页宽度的TAB导航栏，只是一个样式，没有加入JS动作，因此还不能作为真正的Tab来使用，主要是给CSS新手一个布局方法的参考，觉得不好的就不要看了。 演示： !DOCTYPE html PUBLIC -//W3C[详细]
-
jQuery动态隐藏Div的代码，淡入出动画效果
所属栏目：[活动] 日期：2018-09-01 热度：63
jQuery 动态隐藏Div的代码，说是DIV层，由于时间关系，没来的及美化，因此看上去好像是只隐藏了文字，其实这里是把一个DIV容器隐藏了，由于引入了jquery框架，所以有淡入出动画效果。 以下是部分代码解释： toggle是轮换的意思 相当于hide or show 也就是[详细]
-
jQuery动态隐藏Div层链接版，淡入出动画效果
所属栏目：[活动] 日期：2018-09-01 热度：127
jQuery 动态隐藏Div层链接版，淡入出动画效果。动画切出的渐变文字效果，运用了jQuery的animate( Hash params, String|Number Java script 字符串或数字值 speed, String easing , Function callback(可选) 在动画完成时执行的函数 ) 用于创建自定义动画的[详细]
-
jQuery 折叠/合并,展开/收缩的层，动画效果
所属栏目：[活动] 日期：2018-09-01 热度：121
两个折叠、伸展的层，基于 jQuery 框架实现，有简单、平滑的动画效果，实现方法如下： 1,首先把JQ导入. 2,然后开始写函数了。$(document).ready(function(){}); 3,前面说过了，获取标签能直接 $(标签)。给标签注册 onclick事件直接可以 click. 4,核心代码:[详细]
-
CSS 半透明层的实现，文字层半透明显示图片
所属栏目：[活动] 日期：2018-09-01 热度：151
CSS 半透明层的实现，文字层半透明显示图片。让您掌握filter中alpha的用法，在本示例中，最低层的是一张图片，上边是一个透明度被定义为60%的Div层，层内是文字，因为是不是100%透明，因此可以看到下层的图片，形成立体效果。 演示： !DOCTYPE html PUBLIC[详细]
-
用CSS实现交叉的两个层，网页布局代码
所属栏目：[活动] 日期：2018-09-01 热度：69
用CSS实现交叉的两个层，一个用CSs布局网站的好例子，代码就在下边，大家自己看看吧，希望对CSS初学者有帮助哦，如果你一点也不懂CSS，可以阅读烈火网提供的CSS手册。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.o[详细]
-
Div+CSS弹出始终居中的半透明遮罩层效果
所属栏目：[活动] 日期：2018-09-01 热度：57
Div+CSS实现始终居中的半透明弹出层，使用了CSS和 Java Script结合实现的，暂时没有实现动画效果，这是比较基础的弹出层效果，非常便于你理解CSS，对学习是有帮助的。 演示代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
CSS布局实例：div高度随窗口变化而变化
所属栏目：[活动] 日期：2018-09-01 热度：176
一个CSSDiv布局的实例，让DIV的高度随浏览器窗口的变化而变化，窗口变大，Div的高度会变大，窗口变小则Div变小，貌似智能化。 演示代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio[详细]
-
CSS解决div总是被select遮挡问题的实例
所属栏目：[活动] 日期：2018-08-25 热度：158
CSS解决div总是被select遮挡问题的实例，只要在层里面加上IFRAME代码就可以了，看了以后就会明白，其实是很简单的。如果您对CSS的理解还不够，欢迎阅读烈火学院提供的CSS中文手册。 演示： !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta[详细]
-
可拖动、关闭、缩放和最小化的JS窗口代码
所属栏目：[活动] 日期：2018-08-25 热度：68
可缩放、可拖动，可关闭或最小化的JS窗口，另有弹出窗口，仿Windows的窗口效果，很不错的代码，平时大家会用到的，作为学习的参考资料也是有价值的。 演示： title可缩放、拖动，关闭或最小化的JS窗口/titlestyle type=text/css.divWindow{word-wrap:break[详细]
-
仿迅雷综艺排行榜带数字的列表样式布局
所属栏目：[活动] 日期：2018-08-25 热度：157
仿迅雷综艺排行榜带数字的列表样式布局，本例特色：特色一：前面的数据字1到10的背景全部是用css来制作的，特色二：时间紧跟在标题之后，且当题过长时自动隐藏,但时间完全显示出来，不会被截断;特色三：本例完全兼容IE和 Firefox 。如果要让后面时间右对齐[详细]
-
Js控制DIV高度，兼容FireFox浏览器
所属栏目：[活动] 日期：2018-08-25 热度：187
Java script控制DIV高度，兼容FireFox浏览器、且IE6、7、8、chrome均测试通过，感谢帮我解决问题的朋友。 示例： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http:[详细]
-
网页拖动模块，Js层拖拽，加减号收缩和展开
所属栏目：[活动] 日期：2018-08-25 热度：164
网页拖动模块，加减号收缩和展开，Js仿Google和Windows Live的拖拽，不但实现了网页模块的拖动，还可关闭、展开、收缩层窗口，自动排序，拖拽的时候自动吸附到落点上，自动把位置排列整齐，很是佩服作者啦。 示例： HTMLHEADTITLE仿Google和Windows Live的[详细]
-
JavaScript实现网页上的模块可用鼠标拖放
所属栏目：[活动] 日期：2018-08-25 热度：86
Java Script配合CSS在网页上实现一个可用鼠标拖放的模块，并且在这个模块中还有一个图片链接哦，总体来说这是一个简单的例子，还不能直接运用到网页当中，高手就不要看了，初学者可以练一下手，参考一下。 示例： htmlheadtitleJavaScript拖拽/titlescript[详细]
-
仿淘宝网产品列表的收起展开、隐藏显示代码
所属栏目：[活动] 日期：2018-08-21 热度：192
Java Script仿淘宝网产品列表的收起与展开，平时状态它是收缩起来的，也就是说不显示所有的内容，当用户需要看所有内容的时候可以点击展开的按钮，点击后所有内容显示出来，再次点击，则回到合拢状态，这是一个常用的网页效果。 示例： !DOCTYPE htmlhtml[详细]
