-
CSS完成未知宽高的图片水平、垂直居中代码
所属栏目:[聚会] 日期:2018-08-21 热度:98
使用纯CSS完成未知宽高的图片水平、垂直居中效果,兼容性非常不错的代码,烈火小编测试了 IE8 及火狐,都可以正常使用,在Div区块内,图片是未知宽高。不论使用何种尺寸的图片,它都会居中于DIV中,虽然代码有点多,但是兼容性方面做的挺好。 演示代码: ![详细]
-
点击后弹出遮罩层,居中显示,兼容火狐浏览器
所属栏目:[聚会] 日期:2018-08-21 热度:96
点击后弹出遮罩层,居中显示,兼容 火狐浏览器 。网页上已经有很多类似的代码了,使用挺广泛的,代码先判断浏览器的版本,ie6创建的div样式和非ie6创建的div样式在解析时有点区别,为了兼容性考虑,才加了判断。 经过烈火小编测试,可以完美兼容IE系列及火[详细]
-
代码简洁的模态窗口,可拖动、拽的层代码
所属栏目:[聚会] 日期:2018-08-21 热度:152
烈98火59网(LieHuo32.Net)教63程 本文给大家介绍的是:代码简洁的模态窗口,可拖动、拽的层代码。 支持多浏览器,代码很少。不过操作体验还是不错的,经测试,IE6/7,FF, Opera 9, Safari 等众多浏览器都兼容,运行无错,奉献给大家。 演示: !DOCTYPE html[详细]
-
jQuery 鼠标点击后,层滑动并消失的切换效果
所属栏目:[聚会] 日期:2018-08-21 热度:173
jQuery 鼠标点击后,Div层开始滑动并消失的切换效果,大家想想用它可以做成什么呢?我觉得现在流行的图片切换是不是就这样做的呢?只不过本演示为了加载速度快一点,用一些带填充背景色的Div层代替了图片,其实换作图片,它就是一款jQuery幻灯片切换了。[详细]
-
CSS实现“三角形箭头”布局的一些实例代码
所属栏目:[聚会] 日期:2018-08-21 热度:109
CSS实现三角形箭头布局的一些实例代码,我想搞CSS的朋友都知道这个吧?在几年前还必须用图片实现的东西,现在用CSS就搞定了,不得不羡慕作者对CSS的执着。不过这绝对是一个好用的CSS技巧,使用它可有效减少因使用图片给页面带来的影响,有效提升网页加载性[详细]
-
网站顶部滑出可关闭的DIV层提示,来自阿里联盟
所属栏目:[聚会] 日期:2018-08-21 热度:164
淘宝联盟(原阿里妈妈)网站顶部滑动显示的DIV层提示效果,一般用于网站公告或广告,采用滑出的方式,一个经典的工具条代码,可以当作菜单来用,同时还有完善的功能,可以适时关闭工具条,整体效果设计美观,简洁漂亮。 查看演示: !DOCTYPE html PUBLIC -[详细]
-
点击左侧图标弹出可关闭的DIV层jQuery版
所属栏目:[聚会] 日期:2018-08-21 热度:103
点击左侧图标弹出可关闭的DIV层 jQuery 版,隐藏在左侧的弹性弹出菜单,从淘宝扣下来的,也可作为JAvaScript缓冲动画的典型教程。本弹性菜单可扩展性强,实际上不光可以做成菜单,也可布局一些图文混排的内容或一段视频,总之被弹出的内容是在一段Div内,[详细]
-
JS仿淘宝固定悬浮工具栏,兼容性不错
所属栏目:[聚会] 日期:2018-08-21 热度:148
JS仿淘宝固定悬浮工具栏,兼容性不错,我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了,那么它会自动判断是否到顶端了,然后一直置顶从而不怕遮挡,其实明白了这种思路,你就能举一返三了[详细]
-
CSS实现图片在DIV层纵向水平居中
所属栏目:[聚会] 日期:2018-08-21 热度:64
刚才烈火发表了图片在div中一个上下左右居中的代码,这是又一个CSS图片居中的方法,代码超简洁,兼容性貌似不错,在火狐和IE6/IE7/ IE8 /下都表现良好。CSS固定某元素在大容器内居中是比较常见的布局实例之一,也是令新手们头疼的一个常见问题,希望通过这[详细]
-
javascript 动态设置div层固定位置效果
所属栏目:[聚会] 日期:2018-08-21 热度:109
烈14火64网(LieHuo38.Net)网页特效教68程 动态设定一个固定层的位置,并不随滚动条的滚动而变化,可适时设定层的X/Y位置,当你拖动滚动条的时候,它并不会变化,一个参考例子吧,或许对你有用处。 实例效果: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0[详细]
-
JS+CSS始终在右下角显示的层,兼容IE6浏览器
所属栏目:[聚会] 日期:2018-08-18 热度:123
JS+CSS始终在右下角显示的层,兼容IE6浏览器。即使您不懂CSS和JS也能看懂,在JS代码部分的第一行,我们就可以看到var isie6,也就是说如果是IE6浏览器,并设定a和b两个值,并赋予他们距右和距下都是0的样式,这样就可以一直在右下角了,不多说了,大家自己[详细]
-
Css水平垂直居中,Css自适应上下左右居中代码
所属栏目:[聚会] 日期:2018-08-18 热度:153
早在烈火网2009年的教程中,我们就曾经发表过《网页水平垂直居中在不同分辨率的实现方法》,还有后来提到的实例横向分栏水平居中代码,关于CSS居中水平居中、垂直居中的例子还有很多,大家可以使用站内搜索查询一下。 今天我们再来看一个Css实现自适应上下[详细]
-
多级人物关系图代码,基于jQuery渐显效果
所属栏目:[聚会] 日期:2018-08-18 热度:121
多级人物关系图代码,基于 jQuery 渐显效果,一些娱乐网站经常可以看到这样的效果,但大多数是由flash制作的,在本例中,作者使用了jQuery插件,充分发挥了jQuery的强大功能,效果非常不错。setQuestPose:function中的n代表共几个对象 r代表周长 i代表第几[详细]
-
CSS竖向排列的布局代码,自动换行效果
所属栏目:[聚会] 日期:2018-08-18 热度:136
CSS竖向排列的布局代码,自动换行效果,好比电脑桌面的图标一样,自动竖着排列,排满一列后重新进行下一列排序。方法有很多,有人用JS,有人用CSS,不管什么样的方法,简单、兼容就是好代码,本代码仅供参考。 示例: !DOCTYPE htmlhtmlheadstyle#mainBox{b[详细]
-
JS弹出层插件代码,自定义大小,双击关闭
所属栏目:[聚会] 日期:2018-08-18 热度:192
JS弹出层插件代码,自定义大小,双击关闭。可以理解为这是一个JS类,因为其自定义大小可以函数的形式调用,在例子中,作者分别写了弹出500,300、500,500等大小的窗口,点击后动态弹出窗口后,在弹出窗口内双击鼠标即可关闭。 示例: !DOCTYPE htmlhtmlhead[详细]
-
简单实现点击按钮弹出遮罩层,兼容火狐浏览器
所属栏目:[聚会] 日期:2018-08-18 热度:133
简单实现点击按钮弹出遮罩层,兼容 火狐浏览器 。在火狐、IE6、7下都是可以拖动的,但是在 IE8 下有点小问题,不能拖动,也希望高手们帮忙修正,初次写弹出层,分享给大家。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://w[详细]
-
JavaScript动态弹出层,点击缓缓关闭效果
所属栏目:[聚会] 日期:2018-08-18 热度:183
Java Script动态弹出层,点击缓缓关闭效果。 调用方式:onclick=ChuangJianDIV('要弹出的组建ID','弹出DIV的宽','弹出DIV的高','遮蔽div的透明度','弹出div的速度','遮蔽div的背景色','弹出div的背景色'); 如:onclick=ChuangJianDIV('divID','500','300',[详细]
-
jQuery点击后弹出可关闭遮罩层,适于网站公告
所属栏目:[聚会] 日期:2018-08-18 热度:116
jQuery 点击后弹出一个可关闭的遮罩层效果,适于网站公告!现在这种效果已经很流行了,作为js中的优秀框架,jQuery给很多网站带来了优秀的网站体验,如果您的网站也想加入更多的jQuery特效,不妨先引入jQuery框架。 为解决一些网页特效运行后不能显示效果[详细]
-
JavaScript简单的点击按钮弹出层,可以关闭
所属栏目:[聚会] 日期:2018-08-18 热度:186
Java Script简单的点击按钮弹出层,可以关闭!也就是弹出框,在网页中应用广泛,时间关系,没有进行太多的美化,但是在代码内含有注释,方便大家参考和使用。 示例: htmlheadtitle点击按钮,弹出一个层/titlescriptvar docEle = function() {return docum[详细]
-
点击弹出遮罩层,JavaScript弹出可关闭的对话框
所属栏目:[聚会] 日期:2018-08-18 热度:81
一种带渐变的点击弹出遮罩层, Java Script弹出可关闭的对话框,可以设置弹出窗口的宽度、高度、边框颜色、标题颜色、标题高度、浏览器工作区域内页面宽度、定义div属性等,背景层(大小与窗口有效区域相同,即当弹出对话框时,背景显示为放射状透明灰色),[详细]
-
一个简洁的JS折叠层,点击展开、关闭层效果
所属栏目:[聚会] 日期:2018-08-16 热度:109
一个简洁的、黑色风格的JS折叠层,点击展开、关闭层效果。以前在烈火下载栏目提供,可能有的同学没有发现,现在将它发到网页特效栏目,层默认情况下是展开的,点击后收缩,请根据自己的情况修改吧。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/199[详细]
-
jQuery点击按钮后弹出遮罩层,有关闭按钮
所属栏目:[聚会] 日期:2018-08-16 热度:66
jQuery 点击按钮后弹出遮罩层,右上角有关闭按钮,在代码中可以设置层的大[详细]
-
LIGHTBOX弹出层插件,JS+CSS不错的遮罩层效果
所属栏目:[聚会] 日期:2018-08-16 热度:78
LIGHTBOX弹出层插件,JS+CSS不错的遮罩层效果。通过这个演示代码,让您学习和快速掌握该代码的使用,JS+CSS的简洁代码完成的一个遮罩层,非常不错的说,大家来收藏一下吧。 示例: htmlheadtitleLIGHTBOX EXAMPLE - Liehuo.Net/titlestyle.black_overlay{d[详细]
-
多个折叠层,动态展开层,其它层自动收缩效果
所属栏目:[聚会] 日期:2018-08-16 热度:173
多个折叠层,动态展开层,其它层自动收缩效果。带动画、 运动 缓冲效果的层效果,使用了一个JS封装类,在一个页面同时布局多个层展开效果,点击后按高度向下展开,有需要的朋友自己复制研究吧。 示例: !DOCTYPE htmlhtmlheadtitle层展开/关闭 - 运动缓冲[详细]
-
利用JS随机生成网页背景颜色,并实时预览
所属栏目:[聚会] 日期:2018-08-16 热度:112
利用JS随机生成网页背景颜色,并实时预览 颜色的随机产生 按下启动按钮,右边的三排轮子开始滚动 按下三个X按钮颜色值定下来 按下预览按钮可看颜色效果 演示效果如下: HTMLHEADTITLE颜色的随机产生/TITLESTYLE.30pt{font-size:30pt;color:#de3076}/STYLESC[详细]