-
Div+CSS弹出始终居中的半透明遮罩层效果
所属栏目:[活动] 日期:2018-09-22 热度:81
Div+CSS实现始终居中的半透明弹出层,使用了CSS和 Java Script结合实现的,暂时没有实现动画效果,这是比较基础的弹出层效果,非常便于你理解CSS,对学习是有帮助的。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
CSS布局实例:div高度随窗口变化而变化
所属栏目:[活动] 日期:2018-09-22 热度:127
一个CSSDiv布局的实例,让DIV的高度随浏览器窗口的变化而变化,窗口变大,Div的高度会变大,窗口变小则Div变小,貌似智能化。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio[详细]
-
jQuery 厂商列表显示隐藏切换代码
所属栏目:[活动] 日期:2018-09-16 热度:82
jquery 显隐切换代码,类似淘宝网的产品名称显示效果,默认状态下只显示一些大品牌厂商,当用户点击展开所有类别的时候,所有的厂商信息全部显示出来了,这样有许多好处,一来节省网页的加载时间,二来节省网页布局空间。学习 jQuery 的朋友,不要错过哦。[详细]
-
CSS布局实例:头部和左右两列的常规代码
所属栏目:[活动] 日期:2018-09-16 热度:162
一款CSS布局的实例,等高的两个左右Div,很多时候,我们都需要两列等高,那怕其中一个是自适应高度呢。如例子所示,只要你按代码的方法去做了,不管有多少列,它都会以左边列为标准,自动适应高度,而且在兼容性方面,似乎做的也不错的。 示例: !DOCTYPE[详细]
-
Js模拟Win窗口,可拖动、改变大
所属栏目:[活动] 日期:2018-09-16 热度:78
Js模拟Win窗口,可拖动、改变大[详细]
-
CSS解决div总是被select遮挡问题的实例
所属栏目:[活动] 日期:2018-09-16 热度:133
CSS解决div总是被select遮挡问题的实例,只要在层里面加上IFRAME代码就可以了,看了以后就会明白,其实是很简单的。如果您对CSS的理解还不够,欢迎阅读烈火学院提供的CSS中文手册。 演示: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta[详细]
-
可拖动、关闭、缩放和最小化的JS窗口代码
所属栏目:[活动] 日期:2018-09-16 热度:134
可缩放、可拖动,可关闭或最小化的JS窗口,另有弹出窗口,仿Windows的窗口效果,很不错的代码,平时大家会用到的,作为学习的参考资料也是有价值的。 演示: title可缩放、拖动,关闭或最小化的JS窗口/titlestyle type=text/css.divWindow{word-wrap:break[详细]
-
仿迅雷综艺排行榜带数字的列表样式布局
所属栏目:[活动] 日期:2018-09-15 热度:152
仿迅雷综艺排行榜带数字的列表样式布局,本例特色:特色一:前面的数据字1到10的背景全部是用css来制作的,特色二:时间紧跟在标题之后,且当题过长时自动隐藏,但时间完全显示出来,不会被截断;特色三:本例完全兼容IE和 Firefox 。如果要让后面时间右对齐[详细]
-
Js控制DIV高度,兼容FireFox浏览器
所属栏目:[活动] 日期:2018-09-15 热度:125
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-09-15 热度:143
网页拖动模块,加减号收缩和展开,Js仿Google和Windows Live的拖拽,不但实现了网页模块的拖动,还可关闭、展开、收缩层窗口,自动排序,拖拽的时候自动吸附到落点上,自动把位置排列整齐,很是佩服作者啦。 示例: HTMLHEADTITLE仿Google和Windows Live的[详细]
-
JavaScript实现网页上的模块可用鼠标拖放
所属栏目:[活动] 日期:2018-09-15 热度:101
Java Script配合CSS在网页上实现一个可用鼠标拖放的模块,并且在这个模块中还有一个图片链接哦,总体来说这是一个简单的例子,还不能直接运用到网页当中,高手就不要看了,初学者可以练一下手,参考一下。 示例: htmlheadtitleJavaScript拖拽/titlescript[详细]
-
响应鼠标向下缓冲打开的层,JavaScript代码
所属栏目:[活动] 日期:2018-09-08 热度:71
网页上响应鼠标向下缓冲打开的层, Java Script代码,有不少的菜单都是基于此原理哦,本示例仅是演示如何缓冲下拉的,没有实质性的内容,主要是用JavaScript代码完成,效果平滑,推荐参阅使用。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
CSS仿淘宝旧版首页的CSS列表布局效果
所属栏目:[活动] 日期:2018-09-08 热度:113
仿淘宝旧版首页的CSS布局效果,现在淘宝改版了,看不到这效果了,不过觉得还是挺有用的,做起来也并不复杂,主要是在背景图片的处理上,用CSS定义背景图片的使用区域,可以把众多用到的背景图片制作在一起,这样方便管理资源。 演示: !DOCTYPE html PUBLI[详细]
-
代码简洁的模态窗口,可拖动、拽的层代码
所属栏目:[活动] 日期:2018-08-27 热度:97
烈98火59网(LieHuo32.Net)教63程 本文给大家介绍的是:代码简洁的模态窗口,可拖动、拽的层代码。 支持多浏览器,代码很少。不过操作体验还是不错的,经测试,IE6/7,FF, Opera 9, Safari 等众多浏览器都兼容,运行无错,奉献给大家。 演示: !DOCTYPE html[详细]
-
点击后弹出遮罩层,居中显示,兼容火狐浏览器
所属栏目:[活动] 日期:2018-08-27 热度:68
点击后弹出遮罩层,居中显示,兼容 火狐浏览器 。网页上已经有很多类似的代码了,使用挺广泛的,代码先判断浏览器的版本,ie6创建的div样式和非ie6创建的div样式在解析时有点区别,为了兼容性考虑,才加了判断。 经过烈火小编测试,可以完美兼容IE系列及火[详细]
-
CSS完成未知宽高的图片水平、垂直居中代码
所属栏目:[活动] 日期:2018-08-27 热度:65
使用纯CSS完成未知宽高的图片水平、垂直居中效果,兼容性非常不错的代码,烈火小编测试了 IE8 及火狐,都可以正常使用,在Div区块内,图片是未知宽高。不论使用何种尺寸的图片,它都会居中于DIV中,虽然代码有点多,但是兼容性方面做的挺好。 演示代码: ![详细]
-
碎片新闻布局的效果,Css代码实现
所属栏目:[活动] 日期:2018-08-27 热度:56
碎片新闻布局的CSS实现,碎片新闻布局可能有些朋友还不太明白,意思就是说,不是很整齐的新闻列表,有的长、有的短,组成整体的一个区域,在各大门户网站的首页,几乎都能看到这种布局的效果,它的好处是可有效利用网页空间,门户网站首页的每一个地方都是[详细]
-
外框自适应内容高度的CSS实例代码
所属栏目:[活动] 日期:2018-08-27 热度:110
外框自适应内容高度的CSS实例代码,曾经被这个问题搞的焦头烂额,后来到网上求助才解决,只加了一个清除浮动就解决了,从此对清除浮动不敢低看了,呵呵。就是这句:overflow:hidden; zoom:1;以后可以注意了呢。 演示代码: !DOCTYPE html PUBLIC -//W3C//D[详细]
-
CSS重叠元素、层交互的定位与实现代码
所属栏目:[活动] 日期:2018-08-27 热度:153
CSS重叠元素、层交互的定位与实现代码,三者交叉重叠,绝对定位的实现,我们通过这个例子,可以看到代码并不复杂,但是可以感受到css的灵活性,与早期的表格式网页相比,css更能设计出新颖的布局,如果您还没熟悉css,请参照烈火网提供的css手册。 演示:[详细]
-
CSS图文混排,Div左图右文的布局代码
所属栏目:[活动] 日期:2018-08-27 热度:157
CSS常用布局之,左图右文,文字可自动适应图片的大小,以前给大家发过,不过看了一下代码,有些不一样,所以再把这个发上来,也算是学习CSS了吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/x[详细]
-
纯CSS带箭头阴影的提示框代码,不兼容IE
所属栏目:[活动] 日期:2018-08-27 热度:54
纯CSS实现带箭头阴影的提示框,代码在 IE浏览器 下不兼容,实现的效果为方形!但是在火狐、 Chrome 浏览器等下都可以正常使用,有高手的话请指点一下是哪里的原因,顺便也给烈火反馈一下哦。 演示: !doctype htmlhtmlheadtitle带箭头阴影的提示框/titlest[详细]
-
Div层弹性左右移动特效,JS实现,代码简洁
所属栏目:[活动] 日期:2018-08-27 热度:191
代码超少的Div弹性 运动 特效,点击按钮后,Div层来回做运动,像有弹性一样在缓冲,动感十足的样子。 关于类似的例子,烈火学院以前给大家介绍了几个,我们可以来回顾一下。 一。JS编写透明度渐变、位置移动等多个函数 二。js+css 完成一个漂亮的、富有弹[详细]
-
JS点击弹出模态对话框,可拖拽,遮罩层效果
所属栏目:[活动] 日期:2018-08-21 热度:152
JS点击弹出模态对话框,可拖拽,遮罩层效果,作者给这个例子取名:ModelDialog,仅在窗口范围拖拽的模态对话框,代码中的ModelDialog代码部分可以单独摘出来封闭成一个文件,用时候引入就行了。 这个模态对话框对大家来说是比较常见的,它可以定义标题、主[详细]
-
仿iGoogle的模块拖动,层拖动,可自动复位
所属栏目:[活动] 日期:2018-08-21 热度:79
仿iGoogle Div Drag 模块拖动,iGoogle主页上的拖动,具有自动复位的功能,智能判断Div的落点,鼠标松开后,Div可自行找到最近的落点,有意思吧?也挺人性化的。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
JS实现dragdrop层拖拽代码,可设置功能方式
所属栏目:[活动] 日期:2018-08-20 热度:195
JS实现dragdrop层拖拽代码,可设置功能方式,实现任意方向的拖拽,也可以水平方向、垂直方向、停止拖拽、开启拖拽、恢复初始状态操作,拖拽元素 HTMLElemnt 必选,有以下参数: bridge指定鼠标按下哪个元素时开始拖拽,实现模态对话框时用到 dragable 是否[详细]
