-
自适应宽度的网页TAB选项卡、滑动门的雏形
所属栏目:[聚会] 日期:2018-09-04 热度:182
这是一款自适应宽度的网页TAB选项卡、滑动门的雏形代码,可以自适应网页宽度的TAB导航栏,只是一个样式,没有加入JS动作,因此还不能作为真正的Tab来使用,主要是给CSS新手一个布局方法的参考,觉得不好的就不要看了。 演示: !DOCTYPE html PUBLIC -//W3C[详细]
-
Div层弹性左右移动特效,JS实现,代码简洁
所属栏目:[聚会] 日期:2018-09-04 热度:127
代码超少的Div弹性 运动 特效,点击按钮后,Div层来回做运动,像有弹性一样在缓冲,动感十足的样子。 关于类似的例子,烈火学院以前给大家介绍了几个,我们可以来回顾一下。 一。JS编写透明度渐变、位置移动等多个函数 二。js+css 完成一个漂亮的、富有弹[详细]
-
纯CSS带箭头阴影的提示框代码,不兼容IE
所属栏目:[聚会] 日期:2018-09-04 热度:132
纯CSS实现带箭头阴影的提示框,代码在 IE浏览器 下不兼容,实现的效果为方形!但是在火狐、 Chrome 浏览器等下都可以正常使用,有高手的话请指点一下是哪里的原因,顺便也给烈火反馈一下哦。 演示: !doctype htmlhtmlheadtitle带箭头阴影的提示框/titlest[详细]
-
CSS图文混排,Div左图右文的布局代码
所属栏目:[聚会] 日期:2018-09-04 热度:54
CSS常用布局之,左图右文,文字可自动适应图片的大小,以前给大家发过,不过看了一下代码,有些不一样,所以再把这个发上来,也算是学习CSS了吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/x[详细]
-
CSS重叠元素、层交互的定位与实现代码
所属栏目:[聚会] 日期:2018-09-04 热度:107
CSS重叠元素、层交互的定位与实现代码,三者交叉重叠,绝对定位的实现,我们通过这个例子,可以看到代码并不复杂,但是可以感受到css的灵活性,与早期的表格式网页相比,css更能设计出新颖的布局,如果您还没熟悉css,请参照烈火网提供的css手册。 演示:[详细]
-
外框自适应内容高度的CSS实例代码
所属栏目:[聚会] 日期:2018-09-04 热度:97
外框自适应内容高度的CSS实例代码,曾经被这个问题搞的焦头烂额,后来到网上求助才解决,只加了一个清除浮动就解决了,从此对清除浮动不敢低看了,呵呵。就是这句:overflow:hidden; zoom:1;以后可以注意了呢。 演示代码: !DOCTYPE html PUBLIC -//W3C//D[详细]
-
碎片新闻布局的效果,Css代码实现
所属栏目:[聚会] 日期:2018-09-04 热度:124
碎片新闻布局的CSS实现,碎片新闻布局可能有些朋友还不太明白,意思就是说,不是很整齐的新闻列表,有的长、有的短,组成整体的一个区域,在各大门户网站的首页,几乎都能看到这种布局的效果,它的好处是可有效利用网页空间,门户网站首页的每一个地方都是[详细]
-
响应鼠标向下缓冲打开的层,JavaScript代码
所属栏目:[聚会] 日期:2018-08-24 热度:197
网页上响应鼠标向下缓冲打开的层, Java Script代码,有不少的菜单都是基于此原理哦,本示例仅是演示如何缓冲下拉的,没有实质性的内容,主要是用JavaScript代码完成,效果平滑,推荐参阅使用。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
JavaScript实现网页上的模块可用鼠标拖放
所属栏目:[聚会] 日期:2018-08-24 热度:65
Java Script配合CSS在网页上实现一个可用鼠标拖放的模块,并且在这个模块中还有一个图片链接哦,总体来说这是一个简单的例子,还不能直接运用到网页当中,高手就不要看了,初学者可以练一下手,参考一下。 示例: htmlheadtitleJavaScript拖拽/titlescript[详细]
-
网页拖动模块,Js层拖拽,加减号收缩和展开
所属栏目:[聚会] 日期:2018-08-24 热度:99
网页拖动模块,加减号收缩和展开,Js仿Google和Windows Live的拖拽,不但实现了网页模块的拖动,还可关闭、展开、收缩层窗口,自动排序,拖拽的时候自动吸附到落点上,自动把位置排列整齐,很是佩服作者啦。 示例: HTMLHEADTITLE仿Google和Windows Live的[详细]
-
Js控制DIV高度,兼容FireFox浏览器
所属栏目:[聚会] 日期:2018-08-24 热度:165
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:[详细]
-
仿迅雷综艺排行榜带数字的列表样式布局
所属栏目:[聚会] 日期:2018-08-24 热度:167
仿迅雷综艺排行榜带数字的列表样式布局,本例特色:特色一:前面的数据字1到10的背景全部是用css来制作的,特色二:时间紧跟在标题之后,且当题过长时自动隐藏,但时间完全显示出来,不会被截断;特色三:本例完全兼容IE和 Firefox 。如果要让后面时间右对齐[详细]
-
可拖动、关闭、缩放和最小化的JS窗口代码
所属栏目:[聚会] 日期:2018-08-24 热度:119
可缩放、可拖动,可关闭或最小化的JS窗口,另有弹出窗口,仿Windows的窗口效果,很不错的代码,平时大家会用到的,作为学习的参考资料也是有价值的。 演示: title可缩放、拖动,关闭或最小化的JS窗口/titlestyle type=text/css.divWindow{word-wrap:break[详细]
-
CSS解决div总是被select遮挡问题的实例
所属栏目:[聚会] 日期:2018-08-24 热度:119
CSS解决div总是被select遮挡问题的实例,只要在层里面加上IFRAME代码就可以了,看了以后就会明白,其实是很简单的。如果您对CSS的理解还不够,欢迎阅读烈火学院提供的CSS中文手册。 演示: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta[详细]
-
Js模拟Win窗口,可拖动、改变大
所属栏目:[聚会] 日期:2018-08-24 热度:192
Js模拟Win窗口,可拖动、改变大[详细]
-
CSS布局实例:头部和左右两列的常规代码
所属栏目:[聚会] 日期:2018-08-24 热度:166
一款CSS布局的实例,等高的两个左右Div,很多时候,我们都需要两列等高,那怕其中一个是自适应高度呢。如例子所示,只要你按代码的方法去做了,不管有多少列,它都会以左边列为标准,自动适应高度,而且在兼容性方面,似乎做的也不错的。 示例: !DOCTYPE[详细]
-
jQuery 厂商列表显示隐藏切换代码
所属栏目:[聚会] 日期:2018-08-24 热度:134
jquery 显隐切换代码,类似淘宝网的产品名称显示效果,默认状态下只显示一些大品牌厂商,当用户点击展开所有类别的时候,所有的厂商信息全部显示出来了,这样有许多好处,一来节省网页的加载时间,二来节省网页布局空间。学习 jQuery 的朋友,不要错过哦。[详细]
-
一个简单的展开收缩、显示隐藏效果
所属栏目:[聚会] 日期:2018-08-19 热度:195
一个简单的展开收缩、显示隐藏效果,使用JS实现的,其实就是折叠层的效果,点击展开内容,再点击就关闭隐藏了内容,在一些由于时间关系,没有经过太多美化,比较粗糙,如果您有时间可以美化一下! 示例: !doctype htmlhtmlheadmeta http-equiv=Content-Ty[详细]
-
仿QQ邮箱的弹出层代码,弹出确认框,可移动
所属栏目:[聚会] 日期:2018-08-19 热度:159
仿 QQ邮箱 的弹出层代码,弹出确认框,可移动,主要是用火狐的firebug把html和css扣了下来,没有做封装,因此效果还不是太完整,您点击下边的运行就明白了,弹出层和弹出的确认框只能移动,还不能关闭,有时间和技术的朋友不妨完善一下,到时别忘记给烈火[详细]
-
JS开幕效果,点击按钮层缓缓向上收起,直到消失
所属栏目:[聚会] 日期:2018-08-19 热度:141
Java Script+Css完成的一个小特效,当我们点击按钮后,DIV层缓缓向上收起,就像电动卷闸门一样,一直到层消失,再刷新就又出来了,也有点像 电影院 的开幕式效果。 看一下演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://[详细]
-
延迟打开层,打开网页几秒后弹出可关闭的浮动层
所属栏目:[聚会] 日期:2018-08-19 热度:150
延迟打开层,打开网页几秒后弹出可关闭的浮动层。在网页打开后的几秒内,弹出一个浮动层,像有些论坛,在打开后会弹出一个让注册的窗口,如果不想马上注册,可以关掉此窗口,本代码正是实现了打开窗口后1秒钟弹出一个浮动窗口,代码简洁易懂。 示例: !DOC[详细]
-
Css+Div层的展开与收缩、折叠层菜单代码
所属栏目:[聚会] 日期:2018-08-19 热度:163
Java Script配合CSS实现Div层的展开与收缩功能,代码经过了多次优化,现在兼容性方面做的也相当不错,对IE和火狐等主流浏览器的支持也是挺好的。 示例: htmlheadtitlediv展开收缩代码/titlestyle* { margin:0; padding:0;}body { text-align:center; font[详细]
-
仿淘宝网产品列表的收起展开、隐藏显示代码
所属栏目:[聚会] 日期:2018-08-19 热度:90
Java Script仿淘宝网产品列表的收起与展开,平时状态它是收缩起来的,也就是说不显示所有的内容,当用户需要看所有内容的时候可以点击展开的按钮,点击后所有内容显示出来,再次点击,则回到合拢状态,这是一个常用的网页效果。 示例: !DOCTYPE htmlhtml[详细]
-
一个网页层动画渐显效果,jquery实现
所属栏目:[聚会] 日期:2018-08-19 热度:169
jquery实现的网页层动画效果,网页打开后加载 jQuery ,一个动画层展开,内容渐显出来。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特效 运行演示: !DOCTYPE htmlhtml xmlns=http://[详细]
-
纯CSS无图实现阴影和小三角提示框代码
所属栏目:[聚会] 日期:2018-08-19 热度:62
纯CSS无图实现阴影和小三角提示框代码,css模拟阴影和小三角,tip提示效果,用面向对象的思想去书写css,用面向对象的心态去书写css。那个提示的小三角是代码的亮点,也是核心,用纯CSS代码实现,模拟阴影的原理: 1、用一个层做背景层,背景颜色填充成阴影[详细]
