-
CSS仿淘宝旧版首页的CSS列表布局效果
所属栏目:[聚会] 日期:2018-09-03 热度:158
仿淘宝旧版首页的CSS布局效果,现在淘宝改版了,看不到这效果了,不过觉得还是挺有用的,做起来也并不复杂,主要是在背景图片的处理上,用CSS定义背景图片的使用区域,可以把众多用到的背景图片制作在一起,这样方便管理资源。 演示: !DOCTYPE html PUBLI[详细]
-
CSS布局实例:div高度随窗口变化而变化
所属栏目:[聚会] 日期:2018-09-03 热度:181
一个CSSDiv布局的实例,让DIV的高度随浏览器窗口的变化而变化,窗口变大,Div的高度会变大,窗口变小则Div变小,貌似智能化。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio[详细]
-
Div+CSS弹出始终居中的半透明遮罩层效果
所属栏目:[聚会] 日期:2018-09-03 热度:188
Div+CSS实现始终居中的半透明弹出层,使用了CSS和 Java Script结合实现的,暂时没有实现动画效果,这是比较基础的弹出层效果,非常便于你理解CSS,对学习是有帮助的。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
用CSS实现交叉的两个层,网页布局代码
所属栏目:[聚会] 日期:2018-09-03 热度:87
用CSS实现交叉的两个层,一个用CSs布局网站的好例子,代码就在下边,大家自己看看吧,希望对CSS初学者有帮助哦,如果你一点也不懂CSS,可以阅读烈火网提供的CSS手册。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.o[详细]
-
CSS 半透明层的实现,文字层半透明显示图片
所属栏目:[聚会] 日期:2018-09-03 热度:69
CSS 半透明层的实现,文字层半透明显示图片。让您掌握filter中alpha的用法,在本示例中,最低层的是一张图片,上边是一个透明度被定义为60%的Div层,层内是文字,因为是不是100%透明,因此可以看到下层的图片,形成立体效果。 演示: !DOCTYPE html PUBLIC[详细]
-
jQuery 折叠/合并,展开/收缩的层,动画效果
所属栏目:[聚会] 日期:2018-09-03 热度:149
两个折叠、伸展的层,基于 jQuery 框架实现,有简单、平滑的动画效果,实现方法如下: 1,首先把JQ导入. 2,然后开始写函数了。$(document).ready(function(){}); 3,前面说过了,获取标签能直接 $(标签)。给标签注册 onclick事件直接可以 click. 4,核心代码:[详细]
-
jQuery"擦除"函数的隐藏文字 创建自定义动画的效果
所属栏目:[聚会] 日期:2018-08-26 热度:142
jquery擦除函数的用法示例,用于创建自定义动画的函数。关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如height、top或opacity)。 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值,样式属[详细]
-
jQuery动态隐藏Div层链接版,淡入出动画效果
所属栏目:[聚会] 日期:2018-08-26 热度:118
jQuery 动态隐藏Div层链接版,淡入出动画效果。动画切出的渐变文字效果,运用了jQuery的animate( Hash params, String|Number Java script 字符串或数字值 speed, String easing , Function callback(可选) 在动画完成时执行的函数 ) 用于创建自定义动画的[详细]
-
jQuery动态隐藏Div的代码,淡入出动画效果
所属栏目:[聚会] 日期:2018-08-26 热度:156
jQuery 动态隐藏Div的代码,说是DIV层,由于时间关系,没来的及美化,因此看上去好像是只隐藏了文字,其实这里是把一个DIV容器隐藏了,由于引入了jquery框架,所以有淡入出动画效果。 以下是部分代码解释: toggle是轮换的意思 相当于hide or show 也就是[详细]
-
自适应宽度的网页TAB选项卡、滑动门的雏形
所属栏目:[聚会] 日期:2018-08-26 热度:110
这是一款自适应宽度的网页TAB选项卡、滑动门的雏形代码,可以自适应网页宽度的TAB导航栏,只是一个样式,没有加入JS动作,因此还不能作为真正的Tab来使用,主要是给CSS新手一个布局方法的参考,觉得不好的就不要看了。 演示: !DOCTYPE html PUBLIC -//W3C[详细]
-
Div层弹性左右移动特效,JS实现,代码简洁
所属栏目:[聚会] 日期:2018-08-26 热度:141
代码超少的Div弹性 运动 特效,点击按钮后,Div层来回做运动,像有弹性一样在缓冲,动感十足的样子。 关于类似的例子,烈火学院以前给大家介绍了几个,我们可以来回顾一下。 一。JS编写透明度渐变、位置移动等多个函数 二。js+css 完成一个漂亮的、富有弹[详细]
-
纯CSS带箭头阴影的提示框代码,不兼容IE
所属栏目:[聚会] 日期:2018-08-26 热度:156
纯CSS实现带箭头阴影的提示框,代码在 IE浏览器 下不兼容,实现的效果为方形!但是在火狐、 Chrome 浏览器等下都可以正常使用,有高手的话请指点一下是哪里的原因,顺便也给烈火反馈一下哦。 演示: !doctype htmlhtmlheadtitle带箭头阴影的提示框/titlest[详细]
-
CSS图文混排,Div左图右文的布局代码
所属栏目:[聚会] 日期:2018-08-26 热度:162
CSS常用布局之,左图右文,文字可自动适应图片的大小,以前给大家发过,不过看了一下代码,有些不一样,所以再把这个发上来,也算是学习CSS了吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/x[详细]
-
CSS重叠元素、层交互的定位与实现代码
所属栏目:[聚会] 日期:2018-08-26 热度:175
CSS重叠元素、层交互的定位与实现代码,三者交叉重叠,绝对定位的实现,我们通过这个例子,可以看到代码并不复杂,但是可以感受到css的灵活性,与早期的表格式网页相比,css更能设计出新颖的布局,如果您还没熟悉css,请参照烈火网提供的css手册。 演示:[详细]
-
外框自适应内容高度的CSS实例代码
所属栏目:[聚会] 日期:2018-08-26 热度:148
外框自适应内容高度的CSS实例代码,曾经被这个问题搞的焦头烂额,后来到网上求助才解决,只加了一个清除浮动就解决了,从此对清除浮动不敢低看了,呵呵。就是这句:overflow:hidden; zoom:1;以后可以注意了呢。 演示代码: !DOCTYPE html PUBLIC -//W3C//D[详细]
-
碎片新闻布局的效果,Css代码实现
所属栏目:[聚会] 日期:2018-08-26 热度:200
碎片新闻布局的CSS实现,碎片新闻布局可能有些朋友还不太明白,意思就是说,不是很整齐的新闻列表,有的长、有的短,组成整体的一个区域,在各大门户网站的首页,几乎都能看到这种布局的效果,它的好处是可有效利用网页空间,门户网站首页的每一个地方都是[详细]
-
黑色网页背景下,跟随鼠标不停旋转的花絮
所属栏目:[聚会] 日期:2018-08-14 热度:87
今天是2012年1月1日,新年到,新年好!在这里,烈火网恭祝大家新年快乐,在这美好的日子里,让我们不禁想起了烟花,在黑色的夜空不断绽放,本文我们就来介绍一款类似烟花的花絮效果,作者使用JS技术将字符紧紧的跟随着鼠标动态旋转,一个非常不错的鼠标特[详细]
-
兼容IE6的纯CSS背景颜色透明特效代码
所属栏目:[聚会] 日期:2018-08-14 热度:62
兼容IE6的纯CSS背景颜色透明特效代码,背景颜色自己可定义,本示例仅演示了主要的透明效果,代码也并不复杂,希望能为CSS爱好者提供帮助。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gbk /titleCSS背景透明/t[详细]
-
JS模拟Windows屏幕保护,七彩的泡泡屏保
所属栏目:[聚会] 日期:2018-08-14 热度:143
本例给大家介绍 Java Script模拟实现windows的屏幕保护效果,运行后可以看到效果,兼容IE6在内的几乎所有浏览器,作者将JS技术发挥的淋漓尽致,让我们这些网页制作初学者有种望尘莫及的感觉,可见只要用心去做,没有什么实现不了的效果,不管 jQuery 也好[详细]
-
兼容各种浏览器的Css背景渐变特效代码
所属栏目:[聚会] 日期:2018-08-14 热度:54
一个非常完美的css背景渐变特效,作者使用了精简的css代码完成了兼容IE6、IE7、 IE8 、 IE9 、IE10和火狐firefox、谷歌chrome、 Safari 4、 Opera 等浏览器的网页背景渐变效果,并且完全符合w3c标准,代码中给出了详细的功能注释,是学习的好资源! 示例:[详细]
-
选择Select下拉框颜色改变网页背景色特效
所属栏目:[聚会] 日期:2018-08-14 热度:181
一款貌似港澳台同胞写的代码,因为示例中的中文是繁体的,估计是练手用的,写出的下拉框竟然没有向下箭头,只有用鼠标点击时才会出现下拉列表的颜色,选择其中一个颜色,点击后边的确定就可以改变网页颜色了,只是不能写入cookie保存访客的设定。 示例: ![详细]
-
Js实现随机更换网页背景图片,模仿AOL网站
所属栏目:[聚会] 日期:2018-08-14 热度:147
Js实现随机更换网页背景图片,模仿AOL网站,经常访问烈火网的朋友可能已经知道,这个AOL随机网页背景特效已经在烈火下载栏目发布过了。 此特效主要实现每次刷新网页都会得到一个不一样的背景图片,究其原理,其实很简单,就是使用了 Java Scrpt的getSeconds函[详细]
-
Select下拉框选项改变网页背景颜色
所属栏目:[聚会] 日期:2018-08-14 热度:66
下拉框改变网页背景颜色,只要点击一下下拉框内的颜色,背景就会立马变换成这种颜色,在DW里可以直接生成这种效果,不过没有DW的话,其实代码并不复杂,拷贝回去只需改代码了。 演示: HTMLHEADTITLE下拉框改变网页背景颜色/TITLE/HEADSCRIPT!--function b[详细]
-
CSS实现带背景图片的文字链接,响应鼠标变色
所属栏目:[聚会] 日期:2018-08-14 热度:177
CSS实现带背景图片的文字链接,响应鼠标随链接一起变换背景,更像是一个按钮的效果,我们可以用于文章页的尾部,例如:返回首页、查看更多等的按钮,非常不错的效果。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
JavaScript动态雨景代码,网页背景下雨效果
所属栏目:[聚会] 日期:2018-08-14 热度:185
Java Script动态雨景代码,网页背景下雨效果,下了很大的雨,主要用JS的数组实现,下雨的速度可以改变,数值越大速度越慢,雨滴的多少也是可以设置的,数据越大雨滴越多。 演示代码: HTMLHEADTITLEJavaScript动态雨景/TITLE/HEADBODY bgcolor=#fef4d2 cen[详细]
