-
jQuery动态隐藏Div的代码，淡入出动画效果
所属栏目：[活动] 日期：2018-08-21 热度：112
jQuery 动态隐藏Div的代码，说是DIV层，由于时间关系，没来的及美化，因此看上去好像是只隐藏了文字，其实这里是把一个DIV容器隐藏了，由于引入了jquery框架，所以有淡入出动画效果。 以下是部分代码解释： toggle是轮换的意思 相当于hide or show 也就是[详细]
-
自适应宽度的网页TAB选项卡、滑动门的雏形
所属栏目：[活动] 日期：2018-08-21 热度：54
这是一款自适应宽度的网页TAB选项卡、滑动门的雏形代码，可以自适应网页宽度的TAB导航栏，只是一个样式，没有加入JS动作，因此还不能作为真正的Tab来使用，主要是给CSS新手一个布局方法的参考，觉得不好的就不要看了。 演示： !DOCTYPE html PUBLIC -//W3C[详细]
-
Div层弹性左右移动特效，JS实现，代码简洁
所属栏目：[活动] 日期：2018-08-21 热度：178
代码超少的Div弹性 运动 特效，点击按钮后，Div层来回做运动，像有弹性一样在缓冲，动感十足的样子。 关于类似的例子，烈火学院以前给大家介绍了几个，我们可以来回顾一下。 一。JS编写透明度渐变、位置移动等多个函数 二。js+css 完成一个漂亮的、富有弹[详细]
-
纯CSS带箭头阴影的提示框代码，不兼容IE
所属栏目：[活动] 日期：2018-08-21 热度：65
纯CSS实现带箭头阴影的提示框，代码在 IE浏览器 下不兼容，实现的效果为方形！但是在火狐、 Chrome 浏览器等下都可以正常使用，有高手的话请指点一下是哪里的原因，顺便也给烈火反馈一下哦。 演示： !doctype htmlhtmlheadtitle带箭头阴影的提示框/titlest[详细]
-
CSS图文混排，Div左图右文的布局代码
所属栏目：[活动] 日期：2018-08-21 热度：102
CSS常用布局之，左图右文，文字可自动适应图片的大小，以前给大家发过，不过看了一下代码，有些不一样，所以再把这个发上来，也算是学习CSS了吧。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/x[详细]
-
CSS重叠元素、层交互的定位与实现代码
所属栏目：[活动] 日期：2018-08-21 热度：116
CSS重叠元素、层交互的定位与实现代码，三者交叉重叠，绝对定位的实现，我们通过这个例子，可以看到代码并不复杂，但是可以感受到css的灵活性，与早期的表格式网页相比，css更能设计出新颖的布局，如果您还没熟悉css，请参照烈火网提供的css手册。 演示：[详细]
-
外框自适应内容高度的CSS实例代码
所属栏目：[活动] 日期：2018-08-21 热度：146
外框自适应内容高度的CSS实例代码，曾经被这个问题搞的焦头烂额，后来到网上求助才解决，只加了一个清除浮动就解决了，从此对清除浮动不敢低看了，呵呵。就是这句：overflow:hidden; zoom:1;以后可以注意了呢。 演示代码： !DOCTYPE html PUBLIC -//W3C//D[详细]
-
碎片新闻布局的效果，Css代码实现
所属栏目：[活动] 日期：2018-08-21 热度：142
碎片新闻布局的CSS实现，碎片新闻布局可能有些朋友还不太明白，意思就是说，不是很整齐的新闻列表，有的长、有的短，组成整体的一个区域，在各大门户网站的首页，几乎都能看到这种布局的效果，它的好处是可有效利用网页空间，门户网站首页的每一个地方都是[详细]
-
CSS完成未知宽高的图片水平、垂直居中代码
所属栏目：[活动] 日期：2018-08-21 热度：185
使用纯CSS完成未知宽高的图片水平、垂直居中效果，兼容性非常不错的代码，烈火小编测试了 IE8 及火狐，都可以正常使用，在Div区块内，图片是未知宽高。不论使用何种尺寸的图片，它都会居中于DIV中，虽然代码有点多，但是兼容性方面做的挺好。 演示代码： ![详细]
-
点击后弹出遮罩层，居中显示，兼容火狐浏览器
所属栏目：[活动] 日期：2018-08-21 热度：136
点击后弹出遮罩层，居中显示，兼容 火狐浏览器 。网页上已经有很多类似的代码了，使用挺广泛的，代码先判断浏览器的版本，ie6创建的div样式和非ie6创建的div样式在解析时有点区别，为了兼容性考虑，才加了判断。 经过烈火小编测试，可以完美兼容IE系列及火[详细]
-
代码简洁的模态窗口,可拖动、拽的层代码
所属栏目：[活动] 日期：2018-08-21 热度：128
烈98火59网(LieHuo32.Net)教63程 本文给大家介绍的是：代码简洁的模态窗口,可拖动、拽的层代码。 支持多浏览器，代码很少。不过操作体验还是不错的，经测试，IE6/7,FF, Opera 9, Safari 等众多浏览器都兼容，运行无错，奉献给大家。 演示： !DOCTYPE html[详细]
-
jQuery 鼠标点击后，层滑动并消失的切换效果
所属栏目：[活动] 日期：2018-08-21 热度：164
jQuery 鼠标点击后，Div层开始滑动并消失的切换效果，大家想想用它可以做成什么呢？我觉得现在流行的图片切换是不是就这样做的呢？只不过本演示为了加载速度快一点，用一些带填充背景色的Div层代替了图片，其实换作图片，它就是一款jQuery幻灯片切换了。[详细]
-
CSS实现“三角形箭头”布局的一些实例代码
所属栏目：[活动] 日期：2018-08-21 热度：96
CSS实现三角形箭头布局的一些实例代码，我想搞CSS的朋友都知道这个吧？在几年前还必须用图片实现的东西，现在用CSS就搞定了，不得不羡慕作者对CSS的执着。不过这绝对是一个好用的CSS技巧，使用它可有效减少因使用图片给页面带来的影响，有效提升网页加载性[详细]
-
网站顶部滑出可关闭的DIV层提示,来自阿里联盟
所属栏目：[活动] 日期：2018-08-21 热度：58
淘宝联盟（原阿里妈妈）网站顶部滑动显示的DIV层提示效果，一般用于网站公告或广告，采用滑出的方式，一个经典的工具条代码，可以当作菜单来用，同时还有完善的功能，可以适时关闭工具条，整体效果设计美观，简洁漂亮。 查看演示： !DOCTYPE html PUBLIC -[详细]
-
点击左侧图标弹出可关闭的DIV层jQuery版
所属栏目：[活动] 日期：2018-08-21 热度：117
点击左侧图标弹出可关闭的DIV层 jQuery 版，隐藏在左侧的弹性弹出菜单，从淘宝扣下来的，也可作为JAvaScript缓冲动画的典型教程。本弹性菜单可扩展性强，实际上不光可以做成菜单，也可布局一些图文混排的内容或一段视频，总之被弹出的内容是在一段Div内，[详细]
-
JS仿淘宝固定悬浮工具栏，兼容性不错
所属栏目：[活动] 日期：2018-08-21 热度：64
JS仿淘宝固定悬浮工具栏，兼容性不错，我们经常在淘宝网看到这样的特效，商品列表特别长，而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了，那么它会自动判断是否到顶端了，然后一直置顶从而不怕遮挡，其实明白了这种思路，你就能举一返三了[详细]
-
CSS实现图片在DIV层纵向水平居中
所属栏目：[活动] 日期：2018-08-21 热度：100
刚才烈火发表了图片在div中一个上下左右居中的代码，这是又一个CSS图片居中的方法，代码超简洁，兼容性貌似不错，在火狐和IE6/IE7/ IE8 /下都表现良好。CSS固定某元素在大容器内居中是比较常见的布局实例之一，也是令新手们头疼的一个常见问题，希望通过这[详细]
-
javascript 动态设置div层固定位置效果
所属栏目：[活动] 日期：2018-08-21 热度：193
烈14火64网(LieHuo38.Net)网页特效教68程 动态设定一个固定层的位置，并不随滚动条的滚动而变化，可适时设定层的X/Y位置，当你拖动滚动条的时候，它并不会变化，一个参考例子吧，或许对你有用处。 实例效果： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0[详细]
-
一个简单的展开收缩、显示隐藏效果
所属栏目：[活动] 日期：2018-08-18 热度：110
一个简单的展开收缩、显示隐藏效果，使用JS实现的，其实就是折叠层的效果，点击展开内容，再点击就关闭隐藏了内容，在一些由于时间关系，没有经过太多美化，比较粗糙，如果您有时间可以美化一下！ 示例： !doctype htmlhtmlheadmeta http-equiv=Content-Ty[详细]
-
仿QQ邮箱的弹出层代码，弹出确认框，可移动
所属栏目：[活动] 日期：2018-08-18 热度：161
仿 QQ邮箱 的弹出层代码，弹出确认框，可移动，主要是用火狐的firebug把html和css扣了下来，没有做封装，因此效果还不是太完整，您点击下边的运行就明白了，弹出层和弹出的确认框只能移动，还不能关闭，有时间和技术的朋友不妨完善一下，到时别忘记给烈火[详细]
-
JS开幕效果，点击按钮层缓缓向上收起，直到消失
所属栏目：[活动] 日期：2018-08-18 热度：197
Java Script+Css完成的一个小特效，当我们点击按钮后，DIV层缓缓向上收起，就像电动卷闸门一样，一直到层消失，再刷新就又出来了，也有点像 电影院 的开幕式效果。 看一下演示代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://[详细]
-
延迟打开层，打开网页几秒后弹出可关闭的浮动层
所属栏目：[活动] 日期：2018-08-18 热度：100
延迟打开层，打开网页几秒后弹出可关闭的浮动层。在网页打开后的几秒内，弹出一个浮动层，像有些论坛，在打开后会弹出一个让注册的窗口，如果不想马上注册，可以关掉此窗口，本代码正是实现了打开窗口后1秒钟弹出一个浮动窗口，代码简洁易懂。 示例： !DOC[详细]
-
Css+Div层的展开与收缩、折叠层菜单代码
所属栏目：[活动] 日期：2018-08-18 热度：127
Java Script配合CSS实现Div层的展开与收缩功能，代码经过了多次优化，现在兼容性方面做的也相当不错，对IE和火狐等主流浏览器的支持也是挺好的。 示例： htmlheadtitlediv展开收缩代码/titlestyle* { margin:0; padding:0;}body { text-align:center; font[详细]
-
QQ在线客服悬浮窗，点击展开的网页代码
所属栏目：[活动] 日期：2018-08-18 热度：137
QQ在线客服悬浮窗，点击展开的网页代码，其实就是QQ在线客服一样，平时会隐藏在网页的右侧，当需要时把鼠标移过去，它就自动展开了，在移走，又恢复了，实用的效果，可以用来制作在线客服。 示例： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
网页点击按钮弹出遮罩层，拖动和关闭效果
所属栏目：[活动] 日期：2018-08-18 热度：199
基于 Java Script的网页弹出层，鼠标按在弹出层的标题栏处，可以拖动该浮动层随意移动位置，不需要时也可以关闭，操作体验舒服，兼容性好，IE/火狐等众多浏览器下运行稳定、反应快速。代码表现方面，简洁务实，不玩虚的，拿去学习也相当不错。 示例： !DOC[详细]
