-
JS点击弹出模态对话框,可拖拽,遮罩层效果
所属栏目:[聚会] 日期:2018-09-07 热度:161
JS点击弹出模态对话框,可拖拽,遮罩层效果,作者给这个例子取名:ModelDialog,仅在窗口范围拖拽的模态对话框,代码中的ModelDialog代码部分可以单独摘出来封闭成一个文件,用时候引入就行了。 这个模态对话框对大家来说是比较常见的,它可以定义标题、主[详细]
-
CSS仿淘宝旧版首页的CSS列表布局效果
所属栏目:[聚会] 日期:2018-09-07 热度:107
仿淘宝旧版首页的CSS布局效果,现在淘宝改版了,看不到这效果了,不过觉得还是挺有用的,做起来也并不复杂,主要是在背景图片的处理上,用CSS定义背景图片的使用区域,可以把众多用到的背景图片制作在一起,这样方便管理资源。 演示: !DOCTYPE html PUBLI[详细]
-
CSS布局实例:div高度随窗口变化而变化
所属栏目:[聚会] 日期:2018-09-07 热度:159
一个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-07 热度:124
Div+CSS实现始终居中的半透明弹出层,使用了CSS和 Java Script结合实现的,暂时没有实现动画效果,这是比较基础的弹出层效果,非常便于你理解CSS,对学习是有帮助的。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
用CSS实现交叉的两个层,网页布局代码
所属栏目:[聚会] 日期:2018-09-07 热度:185
用CSS实现交叉的两个层,一个用CSs布局网站的好例子,代码就在下边,大家自己看看吧,希望对CSS初学者有帮助哦,如果你一点也不懂CSS,可以阅读烈火网提供的CSS手册。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.o[详细]
-
CSS 半透明层的实现,文字层半透明显示图片
所属栏目:[聚会] 日期:2018-09-07 热度:164
CSS 半透明层的实现,文字层半透明显示图片。让您掌握filter中alpha的用法,在本示例中,最低层的是一张图片,上边是一个透明度被定义为60%的Div层,层内是文字,因为是不是100%透明,因此可以看到下层的图片,形成立体效果。 演示: !DOCTYPE html PUBLIC[详细]
-
jQuery 折叠/合并,展开/收缩的层,动画效果
所属栏目:[聚会] 日期:2018-09-06 热度:53
两个折叠、伸展的层,基于 jQuery 框架实现,有简单、平滑的动画效果,实现方法如下: 1,首先把JQ导入. 2,然后开始写函数了。$(document).ready(function(){}); 3,前面说过了,获取标签能直接 $(标签)。给标签注册 onclick事件直接可以 click. 4,核心代码:[详细]
-
CSS完成未知宽高的图片水平、垂直居中代码
所属栏目:[聚会] 日期:2018-08-29 热度:188
使用纯CSS完成未知宽高的图片水平、垂直居中效果,兼容性非常不错的代码,烈火小编测试了 IE8 及火狐,都可以正常使用,在Div区块内,图片是未知宽高。不论使用何种尺寸的图片,它都会居中于DIV中,虽然代码有点多,但是兼容性方面做的挺好。 演示代码: ![详细]
-
点击后弹出遮罩层,居中显示,兼容火狐浏览器
所属栏目:[聚会] 日期:2018-08-29 热度:50
点击后弹出遮罩层,居中显示,兼容 火狐浏览器 。网页上已经有很多类似的代码了,使用挺广泛的,代码先判断浏览器的版本,ie6创建的div样式和非ie6创建的div样式在解析时有点区别,为了兼容性考虑,才加了判断。 经过烈火小编测试,可以完美兼容IE系列及火[详细]
-
代码简洁的模态窗口,可拖动、拽的层代码
所属栏目:[聚会] 日期:2018-08-29 热度:119
烈98火59网(LieHuo32.Net)教63程 本文给大家介绍的是:代码简洁的模态窗口,可拖动、拽的层代码。 支持多浏览器,代码很少。不过操作体验还是不错的,经测试,IE6/7,FF, Opera 9, Safari 等众多浏览器都兼容,运行无错,奉献给大家。 演示: !DOCTYPE html[详细]
-
jQuery 鼠标点击后,层滑动并消失的切换效果
所属栏目:[聚会] 日期:2018-08-29 热度:140
jQuery 鼠标点击后,Div层开始滑动并消失的切换效果,大家想想用它可以做成什么呢?我觉得现在流行的图片切换是不是就这样做的呢?只不过本演示为了加载速度快一点,用一些带填充背景色的Div层代替了图片,其实换作图片,它就是一款jQuery幻灯片切换了。[详细]
-
CSS实现“三角形箭头”布局的一些实例代码
所属栏目:[聚会] 日期:2018-08-29 热度:105
CSS实现三角形箭头布局的一些实例代码,我想搞CSS的朋友都知道这个吧?在几年前还必须用图片实现的东西,现在用CSS就搞定了,不得不羡慕作者对CSS的执着。不过这绝对是一个好用的CSS技巧,使用它可有效减少因使用图片给页面带来的影响,有效提升网页加载性[详细]
-
网站顶部滑出可关闭的DIV层提示,来自阿里联盟
所属栏目:[聚会] 日期:2018-08-29 热度:76
淘宝联盟(原阿里妈妈)网站顶部滑动显示的DIV层提示效果,一般用于网站公告或广告,采用滑出的方式,一个经典的工具条代码,可以当作菜单来用,同时还有完善的功能,可以适时关闭工具条,整体效果设计美观,简洁漂亮。 查看演示: !DOCTYPE html PUBLIC -[详细]
-
点击左侧图标弹出可关闭的DIV层jQuery版
所属栏目:[聚会] 日期:2018-08-29 热度:180
点击左侧图标弹出可关闭的DIV层 jQuery 版,隐藏在左侧的弹性弹出菜单,从淘宝扣下来的,也可作为JAvaScript缓冲动画的典型教程。本弹性菜单可扩展性强,实际上不光可以做成菜单,也可布局一些图文混排的内容或一段视频,总之被弹出的内容是在一段Div内,[详细]
-
JS仿淘宝固定悬浮工具栏,兼容性不错
所属栏目:[聚会] 日期:2018-08-29 热度:178
JS仿淘宝固定悬浮工具栏,兼容性不错,我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了,那么它会自动判断是否到顶端了,然后一直置顶从而不怕遮挡,其实明白了这种思路,你就能举一返三了[详细]
-
CSS实现图片在DIV层纵向水平居中
所属栏目:[聚会] 日期:2018-08-29 热度:159
刚才烈火发表了图片在div中一个上下左右居中的代码,这是又一个CSS图片居中的方法,代码超简洁,兼容性貌似不错,在火狐和IE6/IE7/ IE8 /下都表现良好。CSS固定某元素在大容器内居中是比较常见的布局实例之一,也是令新手们头疼的一个常见问题,希望通过这[详细]
-
javascript 动态设置div层固定位置效果
所属栏目:[聚会] 日期:2018-08-29 热度:168
烈14火64网(LieHuo38.Net)网页特效教68程 动态设定一个固定层的位置,并不随滚动条的滚动而变化,可适时设定层的X/Y位置,当你拖动滚动条的时候,它并不会变化,一个参考例子吧,或许对你有用处。 实例效果: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0[详细]
-
基于CSS+dIV的网页层,点击后隐藏或显示
所属栏目:[聚会] 日期:2018-08-21 热度:91
一个基于CSS+dIV的网页层,用 Java Script结合Input按钮进行控制,点击后显示或隐藏,网页上常用到的特效之一,实用性较强,相信对大家的前端设计有帮助。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtm[详细]
-
鼠标指向文字链接弹出DIV层,离开文本层消失
所属栏目:[聚会] 日期:2018-08-21 热度:78
鼠标指向文字链接弹出DIV层效果,大家自己运行下边的代码就可以看到效果了,当鼠标离开文本链接时,层就消失了,一种比较普遍的特效,可能对于一般的站长来说不是太实用,但是对于提高用户体验、增强网站的性能还是不错的,欢迎借鉴学习。 烈火代码演示:[详细]
-
点击按钮Alert弹出遮罩层效果的提示框代码
所属栏目:[聚会] 日期:2018-08-21 热度:184
点击按钮Alert弹出遮罩层效果的提示框代码,改善优化的Alert弹出提示效果,类似于新浪邮箱的提示效果。比较独立。在wenming版主的帮助下,已解决了高度不能适应的BUG。使用方法很简单,在需要弹出提示的页面调用即可,示例中有方法。 示例: !DOCTYPE html[详细]
-
网页右下角固定位置的Js悬浮窗口代码
所属栏目:[聚会] 日期:2018-08-21 热度:102
Js实现网页右下角固定位置的悬浮窗口代码,为了便于查看效果,测试时用随机函数产生一定的内容,与浮动窗口的控制无关,不想用可以去掉。代码内有注释。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1[详细]
-
Css 相对定位网页框架代码,滚动时不闪烁
所属栏目:[聚会] 日期:2018-08-21 热度:168
Css 相对定位网页框架代码,滚动时不闪烁。一个大家值得关注的CSS基本但实用的常识技巧,模拟position:fixed效果的原理,因为在有些浏览器比如IE6下,经常听到有朋友说相对定位效果并不更想,容易产生闪烁,其实是方法或思路没有明淅,不信你瞧本代码。 示[详细]
-
QQ在线客服悬浮窗,点击展开的网页代码
所属栏目:[聚会] 日期:2018-08-21 热度:175
QQ在线客服悬浮窗,点击展开的网页代码,其实就是QQ在线客服一样,平时会隐藏在网页的右侧,当需要时把鼠标移过去,它就自动展开了,在移走,又恢复了,实用的效果,可以用来制作在线客服。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
网页点击按钮弹出遮罩层,拖动和关闭效果
所属栏目:[聚会] 日期:2018-08-21 热度:132
基于 Java Script的网页弹出层,鼠标按在弹出层的标题栏处,可以拖动该浮动层随意移动位置,不需要时也可以关闭,操作体验舒服,兼容性好,IE/火狐等众多浏览器下运行稳定、反应快速。代码表现方面,简洁务实,不玩虚的,拿去学习也相当不错。 示例: !DOC[详细]
-
Js实现Dialog浮动窗口,可拖动关闭和动态创建
所属栏目:[聚会] 日期:2018-08-21 热度:153
Js实现Dialog浮动窗口,可拖动关闭和动态创建,蓝色经典风格,可以创建一个新层,可设置弹出层的标题和内容,用它可实现一个登录框,或用在后台管理中。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type co[详细]