-
点击后弹出遮罩层,居中显示,兼容火狐浏览器
所属栏目:[聚会] 日期:2018-09-11 热度:179
点击后弹出遮罩层,居中显示,兼容 火狐浏览器 。网页上已经有很多类似的代码了,使用挺广泛的,代码先判断浏览器的版本,ie6创建的div样式和非ie6创建的div样式在解析时有点区别,为了兼容性考虑,才加了判断。 经过烈火小编测试,可以完美兼容IE系列及火[详细]
-
代码简洁的模态窗口,可拖动、拽的层代码
所属栏目:[聚会] 日期:2018-09-11 热度:161
烈98火59网(LieHuo32.Net)教63程 本文给大家介绍的是:代码简洁的模态窗口,可拖动、拽的层代码。 支持多浏览器,代码很少。不过操作体验还是不错的,经测试,IE6/7,FF, Opera 9, Safari 等众多浏览器都兼容,运行无错,奉献给大家。 演示: !DOCTYPE html[详细]
-
jQuery 鼠标点击后,层滑动并消失的切换效果
所属栏目:[聚会] 日期:2018-09-11 热度:114
jQuery 鼠标点击后,Div层开始滑动并消失的切换效果,大家想想用它可以做成什么呢?我觉得现在流行的图片切换是不是就这样做的呢?只不过本演示为了加载速度快一点,用一些带填充背景色的Div层代替了图片,其实换作图片,它就是一款jQuery幻灯片切换了。[详细]
-
CSS实现“三角形箭头”布局的一些实例代码
所属栏目:[聚会] 日期:2018-09-11 热度:101
CSS实现三角形箭头布局的一些实例代码,我想搞CSS的朋友都知道这个吧?在几年前还必须用图片实现的东西,现在用CSS就搞定了,不得不羡慕作者对CSS的执着。不过这绝对是一个好用的CSS技巧,使用它可有效减少因使用图片给页面带来的影响,有效提升网页加载性[详细]
-
网站顶部滑出可关闭的DIV层提示,来自阿里联盟
所属栏目:[聚会] 日期:2018-09-11 热度:89
淘宝联盟(原阿里妈妈)网站顶部滑动显示的DIV层提示效果,一般用于网站公告或广告,采用滑出的方式,一个经典的工具条代码,可以当作菜单来用,同时还有完善的功能,可以适时关闭工具条,整体效果设计美观,简洁漂亮。 查看演示: !DOCTYPE html PUBLIC -[详细]
-
点击左侧图标弹出可关闭的DIV层jQuery版
所属栏目:[聚会] 日期:2018-09-11 热度:100
点击左侧图标弹出可关闭的DIV层 jQuery 版,隐藏在左侧的弹性弹出菜单,从淘宝扣下来的,也可作为JAvaScript缓冲动画的典型教程。本弹性菜单可扩展性强,实际上不光可以做成菜单,也可布局一些图文混排的内容或一段视频,总之被弹出的内容是在一段Div内,[详细]
-
JS仿淘宝固定悬浮工具栏,兼容性不错
所属栏目:[聚会] 日期:2018-09-11 热度:102
JS仿淘宝固定悬浮工具栏,兼容性不错,我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了,那么它会自动判断是否到顶端了,然后一直置顶从而不怕遮挡,其实明白了这种思路,你就能举一返三了[详细]
-
CSS实现图片在DIV层纵向水平居中
所属栏目:[聚会] 日期:2018-09-11 热度:128
刚才烈火发表了图片在div中一个上下左右居中的代码,这是又一个CSS图片居中的方法,代码超简洁,兼容性貌似不错,在火狐和IE6/IE7/ IE8 /下都表现良好。CSS固定某元素在大容器内居中是比较常见的布局实例之一,也是令新手们头疼的一个常见问题,希望通过这[详细]
-
javascript 动态设置div层固定位置效果
所属栏目:[聚会] 日期:2018-09-11 热度:116
烈14火64网(LieHuo38.Net)网页特效教68程 动态设定一个固定层的位置,并不随滚动条的滚动而变化,可适时设定层的X/Y位置,当你拖动滚动条的时候,它并不会变化,一个参考例子吧,或许对你有用处。 实例效果: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0[详细]
-
QQ在线客服悬浮窗,点击展开的网页代码
所属栏目:[聚会] 日期:2018-09-08 热度:91
QQ在线客服悬浮窗,点击展开的网页代码,其实就是QQ在线客服一样,平时会隐藏在网页的右侧,当需要时把鼠标移过去,它就自动展开了,在移走,又恢复了,实用的效果,可以用来制作在线客服。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
网页点击按钮弹出遮罩层,拖动和关闭效果
所属栏目:[聚会] 日期:2018-09-08 热度:98
基于 Java Script的网页弹出层,鼠标按在弹出层的标题栏处,可以拖动该浮动层随意移动位置,不需要时也可以关闭,操作体验舒服,兼容性好,IE/火狐等众多浏览器下运行稳定、反应快速。代码表现方面,简洁务实,不玩虚的,拿去学习也相当不错。 示例: !DOC[详细]
-
Js实现Dialog浮动窗口,可拖动关闭和动态创建
所属栏目:[聚会] 日期:2018-09-08 热度:131
Js实现Dialog浮动窗口,可拖动关闭和动态创建,蓝色经典风格,可以创建一个新层,可设置弹出层的标题和内容,用它可实现一个登录框,或用在后台管理中。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type co[详细]
-
JavaScript简单的拖放层,兼容Firefox浏览器
所属栏目:[聚会] 日期:2018-09-08 热度:101
Java Script简单的拖放层,兼容 Firefox 浏览器,鼠标按住蓝框可实现拖动。稍加修改,甚至不用修改就能用了,使用时候自己动手美化一些,还是较不错的,也适合个人学习JavaScript。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN h[详细]
-
始终在网页顶部的导航条,仿天涯顶部固定层菜单
所属栏目:[聚会] 日期:2018-09-08 热度:162
始终在网页顶部的导航条,仿天涯顶部固定层菜单,大家在多玩、天涯等一些网站都看到过吧,以前烈火网就介绍了多玩的顶部固定菜单,还介绍了仿淘宝网的固定层,性质是一样的,不论你怎么拖动滚动条,始终显示在网页的最顶部,不随网页滚动条的滚动而滚动,[详细]
-
响应鼠标向下缓冲打开的层,JavaScript代码
所属栏目:[聚会] 日期:2018-09-05 热度:81
网页上响应鼠标向下缓冲打开的层, Java Script代码,有不少的菜单都是基于此原理哦,本示例仅是演示如何缓冲下拉的,没有实质性的内容,主要是用JavaScript代码完成,效果平滑,推荐参阅使用。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
JavaScript实现网页上的模块可用鼠标拖放
所属栏目:[聚会] 日期:2018-09-05 热度:123
Java Script配合CSS在网页上实现一个可用鼠标拖放的模块,并且在这个模块中还有一个图片链接哦,总体来说这是一个简单的例子,还不能直接运用到网页当中,高手就不要看了,初学者可以练一下手,参考一下。 示例: htmlheadtitleJavaScript拖拽/titlescript[详细]
-
网页拖动模块,Js层拖拽,加减号收缩和展开
所属栏目:[聚会] 日期:2018-09-05 热度:129
网页拖动模块,加减号收缩和展开,Js仿Google和Windows Live的拖拽,不但实现了网页模块的拖动,还可关闭、展开、收缩层窗口,自动排序,拖拽的时候自动吸附到落点上,自动把位置排列整齐,很是佩服作者啦。 示例: HTMLHEADTITLE仿Google和Windows Live的[详细]
-
Js控制DIV高度,兼容FireFox浏览器
所属栏目:[聚会] 日期:2018-09-05 热度:192
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-09-05 热度:81
仿迅雷综艺排行榜带数字的列表样式布局,本例特色:特色一:前面的数据字1到10的背景全部是用css来制作的,特色二:时间紧跟在标题之后,且当题过长时自动隐藏,但时间完全显示出来,不会被截断;特色三:本例完全兼容IE和 Firefox 。如果要让后面时间右对齐[详细]
-
可拖动、关闭、缩放和最小化的JS窗口代码
所属栏目:[聚会] 日期:2018-09-05 热度:109
可缩放、可拖动,可关闭或最小化的JS窗口,另有弹出窗口,仿Windows的窗口效果,很不错的代码,平时大家会用到的,作为学习的参考资料也是有价值的。 演示: title可缩放、拖动,关闭或最小化的JS窗口/titlestyle type=text/css.divWindow{word-wrap:break[详细]
-
CSS解决div总是被select遮挡问题的实例
所属栏目:[聚会] 日期:2018-09-05 热度:113
CSS解决div总是被select遮挡问题的实例,只要在层里面加上IFRAME代码就可以了,看了以后就会明白,其实是很简单的。如果您对CSS的理解还不够,欢迎阅读烈火学院提供的CSS中文手册。 演示: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta[详细]
-
Js模拟Win窗口,可拖动、改变大
所属栏目:[聚会] 日期:2018-09-05 热度:192
Js模拟Win窗口,可拖动、改变大[详细]
-
CSS布局实例:头部和左右两列的常规代码
所属栏目:[聚会] 日期:2018-09-05 热度:159
一款CSS布局的实例,等高的两个左右Div,很多时候,我们都需要两列等高,那怕其中一个是自适应高度呢。如例子所示,只要你按代码的方法去做了,不管有多少列,它都会以左边列为标准,自动适应高度,而且在兼容性方面,似乎做的也不错的。 示例: !DOCTYPE[详细]
-
jQuery 厂商列表显示隐藏切换代码
所属栏目:[聚会] 日期:2018-09-05 热度:85
jquery 显隐切换代码,类似淘宝网的产品名称显示效果,默认状态下只显示一些大品牌厂商,当用户点击展开所有类别的时候,所有的厂商信息全部显示出来了,这样有许多好处,一来节省网页的加载时间,二来节省网页布局空间。学习 jQuery 的朋友,不要错过哦。[详细]
-
jQuery"擦除"函数的隐藏文字 创建自定义动画的效果
所属栏目:[聚会] 日期:2018-08-26 热度:105
jquery擦除函数的用法示例,用于创建自定义动画的函数。关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如height、top或opacity)。 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值,样式属[详细]
