-
可拖动、关闭、缩放和最小化的JS窗口代码
所属栏目:[聚会] 日期:2018-08-24 热度:84
可缩放、可拖动,可关闭或最小化的JS窗口,另有弹出窗口,仿Windows的窗口效果,很不错的代码,平时大家会用到的,作为学习的参考资料也是有价值的。 演示: title可缩放、拖动,关闭或最小化的JS窗口/titlestyle type=text/css.divWindow{word-wrap:break[详细]
-
CSS解决div总是被select遮挡问题的实例
所属栏目:[聚会] 日期:2018-08-24 热度:88
CSS解决div总是被select遮挡问题的实例,只要在层里面加上IFRAME代码就可以了,看了以后就会明白,其实是很简单的。如果您对CSS的理解还不够,欢迎阅读烈火学院提供的CSS中文手册。 演示: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta[详细]
-
Js模拟Win窗口,可拖动、改变大
所属栏目:[聚会] 日期:2018-08-24 热度:71
Js模拟Win窗口,可拖动、改变大[详细]
-
CSS布局实例:头部和左右两列的常规代码
所属栏目:[聚会] 日期:2018-08-24 热度:134
一款CSS布局的实例,等高的两个左右Div,很多时候,我们都需要两列等高,那怕其中一个是自适应高度呢。如例子所示,只要你按代码的方法去做了,不管有多少列,它都会以左边列为标准,自动适应高度,而且在兼容性方面,似乎做的也不错的。 示例: !DOCTYPE[详细]
-
jQuery 厂商列表显示隐藏切换代码
所属栏目:[聚会] 日期:2018-08-24 热度:189
jquery 显隐切换代码,类似淘宝网的产品名称显示效果,默认状态下只显示一些大品牌厂商,当用户点击展开所有类别的时候,所有的厂商信息全部显示出来了,这样有许多好处,一来节省网页的加载时间,二来节省网页布局空间。学习 jQuery 的朋友,不要错过哦。[详细]
-
点击按钮弹出层DIV,有关闭按钮,JS+Css完成
所属栏目:[聚会] 日期:2018-08-21 热度:190
点击按钮弹出DIV层,JS结合Css完成,可以覆盖父窗口,唯一的缺点就是不可以移动,自带关闭按钮,蓝色经典风格,您可以把需要的文字写在层区域,例如:烈火学院 www.veryhuo.com 网页特效。 演示代码: htmlheadscriptfunction locking(){document.all.ly.s[详细]
-
JS实现dragdrop层拖拽代码,可设置功能方式
所属栏目:[聚会] 日期:2018-08-21 热度:124
JS实现dragdrop层拖拽代码,可设置功能方式,实现任意方向的拖拽,也可以水平方向、垂直方向、停止拖拽、开启拖拽、恢复初始状态操作,拖拽元素 HTMLElemnt 必选,有以下参数: bridge指定鼠标按下哪个元素时开始拖拽,实现模态对话框时用到 dragable 是否[详细]
-
仿iGoogle的模块拖动,层拖动,可自动复位
所属栏目:[聚会] 日期:2018-08-21 热度:127
仿iGoogle Div Drag 模块拖动,iGoogle主页上的拖动,具有自动复位的功能,智能判断Div的落点,鼠标松开后,Div可自行找到最近的落点,有意思吧?也挺人性化的。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
JS点击弹出模态对话框,可拖拽,遮罩层效果
所属栏目:[聚会] 日期:2018-08-21 热度:69
JS点击弹出模态对话框,可拖拽,遮罩层效果,作者给这个例子取名:ModelDialog,仅在窗口范围拖拽的模态对话框,代码中的ModelDialog代码部分可以单独摘出来封闭成一个文件,用时候引入就行了。 这个模态对话框对大家来说是比较常见的,它可以定义标题、主[详细]
-
CSS仿淘宝旧版首页的CSS列表布局效果
所属栏目:[聚会] 日期:2018-08-21 热度:143
仿淘宝旧版首页的CSS布局效果,现在淘宝改版了,看不到这效果了,不过觉得还是挺有用的,做起来也并不复杂,主要是在背景图片的处理上,用CSS定义背景图片的使用区域,可以把众多用到的背景图片制作在一起,这样方便管理资源。 演示: !DOCTYPE html PUBLI[详细]
-
CSS布局实例:div高度随窗口变化而变化
所属栏目:[聚会] 日期:2018-08-21 热度:148
一个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-08-21 热度:53
Div+CSS实现始终居中的半透明弹出层,使用了CSS和 Java Script结合实现的,暂时没有实现动画效果,这是比较基础的弹出层效果,非常便于你理解CSS,对学习是有帮助的。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
用CSS实现交叉的两个层,网页布局代码
所属栏目:[聚会] 日期:2018-08-21 热度:124
用CSS实现交叉的两个层,一个用CSs布局网站的好例子,代码就在下边,大家自己看看吧,希望对CSS初学者有帮助哦,如果你一点也不懂CSS,可以阅读烈火网提供的CSS手册。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.o[详细]
-
CSS 半透明层的实现,文字层半透明显示图片
所属栏目:[聚会] 日期:2018-08-21 热度:189
CSS 半透明层的实现,文字层半透明显示图片。让您掌握filter中alpha的用法,在本示例中,最低层的是一张图片,上边是一个透明度被定义为60%的Div层,层内是文字,因为是不是100%透明,因此可以看到下层的图片,形成立体效果。 演示: !DOCTYPE html PUBLIC[详细]
-
jQuery 折叠/合并,展开/收缩的层,动画效果
所属栏目:[聚会] 日期:2018-08-21 热度:103
两个折叠、伸展的层,基于 jQuery 框架实现,有简单、平滑的动画效果,实现方法如下: 1,首先把JQ导入. 2,然后开始写函数了。$(document).ready(function(){}); 3,前面说过了,获取标签能直接 $(标签)。给标签注册 onclick事件直接可以 click. 4,核心代码:[详细]
-
鼠标单击网页背景循环变暗变亮的效果代码
所属栏目:[聚会] 日期:2018-08-18 热度:58
烈火今天给大家分享是点击网页背景循环变暗变亮的效果,相信大家都见到过这种效果,鼠标在屏幕上点击,屏幕会变暗,再次点击就会变亮,实际上,这种效果是配合Ajax操作的,一般情况下,变暗是说明不可操作,在当前页,肯定有高亮显示的项目。 我们来看一下[详细]
-
js烟花效果[三],背景式以3D立体展现到渐渐消失
所属栏目:[聚会] 日期:2018-08-18 热度:178
连续看了两款(烟花1、烟花2)js烟花特效,怎么样?网页制作有趣吧,您是一名站长吗?还是一个网页爱好者,如果您还只是网页菜鸟的话,建议您从网页学习转向网站运营,然后实现营利,请看烈火独家发表的文章《手把手教你从建站、SEO、推广到赚钱》,当然这[详细]
-
js烟花效果[二],同时燃放出多个漂亮花环
所属栏目:[聚会] 日期:2018-08-18 热度:52
昨天烈火发布了使用js编写的烟花特效代码,今天再来看 Java Script放烟花的代码二,与第一种的区别在于烟花展开的样式不同,其实这个样式是可以调整的,我们只要了解相关网页知识就可以了,费话不多说了,一起来看看。 实例特效与代码: !DOCTYPE html PUB[详细]
-
js烟花效果,用javascript编写的网页烟花
所属栏目:[聚会] 日期:2018-08-18 热度:162
谈到网页特效,其实很多时候都是说的js,对于js相信大家都不陌生吧,如果您还不懂,请阅读由烈火提供的javascript手册,本文讲到的烟花效果就是利用了js编写而成,实例效果:先升空再扩散开,很酷,很过瘾,用做网页背景超不错,敬请收藏。 代码与演示: ![详细]
-
网页背景图片渐变特效,CSS滤镜实现的代码
所属栏目:[聚会] 日期:2018-08-18 热度:61
烈火网(LieHuo.Net)教程 纯CSS代码生成的背景渐变效果,主要运用了CSS的Filter滤镜技术,设置不同的参数,会有你意想不到的渐变效果.不要以为这是张图片效果,图片上的渐变不是固有的,而是在用CSS固定下显示的。 让我们一起看一下效果: !DOCTYPE html PUBLIC[详细]
-
一个简单的展开收缩、显示隐藏效果
所属栏目:[聚会] 日期:2018-08-18 热度:197
一个简单的展开收缩、显示隐藏效果,使用JS实现的,其实就是折叠层的效果,点击展开内容,再点击就关闭隐藏了内容,在一些由于时间关系,没有经过太多美化,比较粗糙,如果您有时间可以美化一下! 示例: !doctype htmlhtmlheadmeta http-equiv=Content-Ty[详细]
-
仿QQ邮箱的弹出层代码,弹出确认框,可移动
所属栏目:[聚会] 日期:2018-08-18 热度:60
仿 QQ邮箱 的弹出层代码,弹出确认框,可移动,主要是用火狐的firebug把html和css扣了下来,没有做封装,因此效果还不是太完整,您点击下边的运行就明白了,弹出层和弹出的确认框只能移动,还不能关闭,有时间和技术的朋友不妨完善一下,到时别忘记给烈火[详细]
-
JS开幕效果,点击按钮层缓缓向上收起,直到消失
所属栏目:[聚会] 日期:2018-08-18 热度:162
Java Script+Css完成的一个小特效,当我们点击按钮后,DIV层缓缓向上收起,就像电动卷闸门一样,一直到层消失,再刷新就又出来了,也有点像 电影院 的开幕式效果。 看一下演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://[详细]
-
延迟打开层,打开网页几秒后弹出可关闭的浮动层
所属栏目:[聚会] 日期:2018-08-18 热度:69
延迟打开层,打开网页几秒后弹出可关闭的浮动层。在网页打开后的几秒内,弹出一个浮动层,像有些论坛,在打开后会弹出一个让注册的窗口,如果不想马上注册,可以关掉此窗口,本代码正是实现了打开窗口后1秒钟弹出一个浮动窗口,代码简洁易懂。 示例: !DOC[详细]
-
Css+Div层的展开与收缩、折叠层菜单代码
所属栏目:[聚会] 日期:2018-08-18 热度:155
Java Script配合CSS实现Div层的展开与收缩功能,代码经过了多次优化,现在兼容性方面做的也相当不错,对IE和火狐等主流浏览器的支持也是挺好的。 示例: htmlheadtitlediv展开收缩代码/titlestyle* { margin:0; padding:0;}body { text-align:center; font[详细]