-
用CSS实现交叉的两个层,网页布局代码
所属栏目:[聚会] 日期:2018-09-04 热度:142
用CSS实现交叉的两个层,一个用CSs布局网站的好例子,代码就在下边,大家自己看看吧,希望对CSS初学者有帮助哦,如果你一点也不懂CSS,可以阅读烈火网提供的CSS手册。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.o[详细]
-
CSS 半透明层的实现,文字层半透明显示图片
所属栏目:[聚会] 日期:2018-09-04 热度:105
CSS 半透明层的实现,文字层半透明显示图片。让您掌握filter中alpha的用法,在本示例中,最低层的是一张图片,上边是一个透明度被定义为60%的Div层,层内是文字,因为是不是100%透明,因此可以看到下层的图片,形成立体效果。 演示: !DOCTYPE html PUBLIC[详细]
-
jQuery 折叠/合并,展开/收缩的层,动画效果
所属栏目:[聚会] 日期:2018-09-04 热度:197
两个折叠、伸展的层,基于 jQuery 框架实现,有简单、平滑的动画效果,实现方法如下: 1,首先把JQ导入. 2,然后开始写函数了。$(document).ready(function(){}); 3,前面说过了,获取标签能直接 $(标签)。给标签注册 onclick事件直接可以 click. 4,核心代码:[详细]
-
CSS完成未知宽高的图片水平、垂直居中代码
所属栏目:[聚会] 日期:2018-08-27 热度:160
使用纯CSS完成未知宽高的图片水平、垂直居中效果,兼容性非常不错的代码,烈火小编测试了 IE8 及火狐,都可以正常使用,在Div区块内,图片是未知宽高。不论使用何种尺寸的图片,它都会居中于DIV中,虽然代码有点多,但是兼容性方面做的挺好。 演示代码: ![详细]
-
点击后弹出遮罩层,居中显示,兼容火狐浏览器
所属栏目:[聚会] 日期:2018-08-27 热度:167
点击后弹出遮罩层,居中显示,兼容 火狐浏览器 。网页上已经有很多类似的代码了,使用挺广泛的,代码先判断浏览器的版本,ie6创建的div样式和非ie6创建的div样式在解析时有点区别,为了兼容性考虑,才加了判断。 经过烈火小编测试,可以完美兼容IE系列及火[详细]
-
代码简洁的模态窗口,可拖动、拽的层代码
所属栏目:[聚会] 日期:2018-08-27 热度:93
烈98火59网(LieHuo32.Net)教63程 本文给大家介绍的是:代码简洁的模态窗口,可拖动、拽的层代码。 支持多浏览器,代码很少。不过操作体验还是不错的,经测试,IE6/7,FF, Opera 9, Safari 等众多浏览器都兼容,运行无错,奉献给大家。 演示: !DOCTYPE html[详细]
-
jQuery 鼠标点击后,层滑动并消失的切换效果
所属栏目:[聚会] 日期:2018-08-27 热度:174
jQuery 鼠标点击后,Div层开始滑动并消失的切换效果,大家想想用它可以做成什么呢?我觉得现在流行的图片切换是不是就这样做的呢?只不过本演示为了加载速度快一点,用一些带填充背景色的Div层代替了图片,其实换作图片,它就是一款jQuery幻灯片切换了。[详细]
-
CSS实现“三角形箭头”布局的一些实例代码
所属栏目:[聚会] 日期:2018-08-27 热度:81
CSS实现三角形箭头布局的一些实例代码,我想搞CSS的朋友都知道这个吧?在几年前还必须用图片实现的东西,现在用CSS就搞定了,不得不羡慕作者对CSS的执着。不过这绝对是一个好用的CSS技巧,使用它可有效减少因使用图片给页面带来的影响,有效提升网页加载性[详细]
-
网站顶部滑出可关闭的DIV层提示,来自阿里联盟
所属栏目:[聚会] 日期:2018-08-27 热度:101
淘宝联盟(原阿里妈妈)网站顶部滑动显示的DIV层提示效果,一般用于网站公告或广告,采用滑出的方式,一个经典的工具条代码,可以当作菜单来用,同时还有完善的功能,可以适时关闭工具条,整体效果设计美观,简洁漂亮。 查看演示: !DOCTYPE html PUBLIC -[详细]
-
点击左侧图标弹出可关闭的DIV层jQuery版
所属栏目:[聚会] 日期:2018-08-27 热度:134
点击左侧图标弹出可关闭的DIV层 jQuery 版,隐藏在左侧的弹性弹出菜单,从淘宝扣下来的,也可作为JAvaScript缓冲动画的典型教程。本弹性菜单可扩展性强,实际上不光可以做成菜单,也可布局一些图文混排的内容或一段视频,总之被弹出的内容是在一段Div内,[详细]
-
JS仿淘宝固定悬浮工具栏,兼容性不错
所属栏目:[聚会] 日期:2018-08-27 热度:97
JS仿淘宝固定悬浮工具栏,兼容性不错,我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了,那么它会自动判断是否到顶端了,然后一直置顶从而不怕遮挡,其实明白了这种思路,你就能举一返三了[详细]
-
CSS实现图片在DIV层纵向水平居中
所属栏目:[聚会] 日期:2018-08-27 热度:120
刚才烈火发表了图片在div中一个上下左右居中的代码,这是又一个CSS图片居中的方法,代码超简洁,兼容性貌似不错,在火狐和IE6/IE7/ IE8 /下都表现良好。CSS固定某元素在大容器内居中是比较常见的布局实例之一,也是令新手们头疼的一个常见问题,希望通过这[详细]
-
javascript 动态设置div层固定位置效果
所属栏目:[聚会] 日期:2018-08-27 热度:191
烈14火64网(LieHuo38.Net)网页特效教68程 动态设定一个固定层的位置,并不随滚动条的滚动而变化,可适时设定层的X/Y位置,当你拖动滚动条的时候,它并不会变化,一个参考例子吧,或许对你有用处。 实例效果: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0[详细]
-
简单几行代码实现的层拖动、拖放、拖拽效果
所属栏目:[聚会] 日期:2018-08-16 热度:161
简单几行代码实现的层拖动、拖放、拖拽效果,几乎兼容所有的浏览器,无调用外部JS插件,完全 Java Script代码实现,兼容IE/ Firefox / Chrome 等内核的浏览器,分享给前端开发者参考。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=[详细]
-
CSS实现两个层互相显示,层在层之上的效果
所属栏目:[聚会] 日期:2018-08-16 热度:100
CSS实现两个层互相显示,层在层之上的效果。也叫重叠层,互想不影响,曾经调试了不少次,最关键的是CSS定位的问题。也算是给CSS前端开发者提供一个定位的参考例子吧。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; chars[详细]
-
CSS完美的文字垂直居中代码
所属栏目:[聚会] 日期:2018-08-16 热度:119
一款CSS完美的文字垂直居中代码,来自国外的网页爱好者网站,大家可能遇到过这样的问题,就是文字在层内垂直居中对齐,Word的表格中就有这种功能,并且实现了响应鼠标变化层背景的特效。 实例: !DOCTYPE HTMLhtmlheadmeta meta charset=gbktitleCSS垂直居[详细]
-
js实现层上下左右伸展与收缩的动画效果
所属栏目:[聚会] 日期:2018-08-16 热度:189
js实现层上下左右伸展与收缩的动画效果。作者:DK,实例名称:Animate动画效果,其中包括了一个通用动画类。它包含一些常用的动画效果,例如显示隐藏,展开关闭等等,同样它也包含一个通用的动画函数,让你可以自己定义个性化的动画效果。 动画演示: !DOC[详细]
-
点击图片弹出遮罩效果的提示层,带关闭按钮
所属栏目:[聚会] 日期:2018-08-16 热度:146
点击图片弹出提示层效果,并且弹出后的层是上下左右居中显示的,这里引用了 jQuery 插件。本代码来自某游戏网站,其原用途是游戏开区提示公告,当然大家也可以把这个效果用在自己实现的地方。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷[详细]
-
jQuery点击展开层,动态下拉效果,鼠标离开收缩
所属栏目:[聚会] 日期:2018-08-16 热度:130
jQuery 点击展开层,动态下拉效果,鼠标离开收缩。小编认为自己写的标题还是非常明白的,不像某些源码网站写的标题与源代码不相符,这样耽误了大家的时间。不废话了,进入正题。 这是一款基于jQuery完成的动态折叠层效果,好像有点像选项卡的感觉,当我们[详细]
-
jQuery随网页滚动的层,在线客服代码雏形
所属栏目:[聚会] 日期:2018-08-16 热度:76
随手写的一个比较简单的 jQuery 随网页滚动的层代码,可以有很多用途,例如最常见的就是在线客服代码,当然这里只是一个雏形,您需要美化修改后才可以使用。代码还实现了向下滚动时的像素实时显示。 为解决一些网页特效运行后不能显示效果(例如:jQuery则[详细]
-
jQuery实现鼠标点击打开层,文字展开效果
所属栏目:[聚会] 日期:2018-08-16 热度:86
任何事物都有其类似的东西,网页特效代码也是如此,就在前几天烈火小编刚给大家介绍了《jQuery实现鼠标滑过打开层,文字展开效果》,说的是鼠标滑过文字或链接时,展开一个层,这样的效果是鼠标自动触发展开的,有些朋友肯定需要点击才展开的效果,今天就[详细]
-
点击出现弹性、可拖拽的遮罩层,动态关闭层效果
所属栏目:[聚会] 日期:2018-08-16 热度:131
点击按钮显示带弹性、可拖拽的遮罩层,点击右上角的关闭按钮,动态向上消失效果,这是基于 jQuery 写的一个弹出层的类,作者将一些参数提另写出来,例如:拖拽、关闭按钮、层的透明度、回弹的速度和回弹的次数等,非常不错的特效。 为解决一些网页特效运行[详细]
-
jQuery实现鼠标滑过打开层,文字展开效果
所属栏目:[聚会] 日期:2018-08-16 热度:90
jQuery 实现鼠标滑过打开层,文字展开效果。这样的例子在一些网站见到过,主要用于提示性的文字,例如:FAQ中的提问和回答、注册时的一些特殊选项的解释等等。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演[详细]