-
Css 相对定位网页框架代码,滚动时不闪烁
所属栏目:[活动] 日期:2018-10-24 热度:96
Css 相对定位网页框架代码,滚动时不闪烁。一个大家值得关注的CSS基本但实用的常识技巧,模拟position:fixed效果的原理,因为在有些浏览器比如IE6下,经常听到有朋友说相对定位效果并不更想,容易产生闪烁,其实是方法或思路没有明淅,不信你瞧本代码。 示[详细]
-
网页右下角固定位置的Js悬浮窗口代码
所属栏目:[活动] 日期:2018-10-24 热度:61
Js实现网页右下角固定位置的悬浮窗口代码,为了便于查看效果,测试时用随机函数产生一定的内容,与浮动窗口的控制无关,不想用可以去掉。代码内有注释。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1[详细]
-
点击按钮Alert弹出遮罩层效果的提示框代码
所属栏目:[活动] 日期:2018-10-24 热度:192
点击按钮Alert弹出遮罩层效果的提示框代码,改善优化的Alert弹出提示效果,类似于新浪邮箱的提示效果。比较独立。在wenming版主的帮助下,已解决了高度不能适应的BUG。使用方法很简单,在需要弹出提示的页面调用即可,示例中有方法。 示例: !DOCTYPE html[详细]
-
鼠标指向文字链接弹出DIV层,离开文本层消失
所属栏目:[活动] 日期:2018-10-15 热度:65
鼠标指向文字链接弹出DIV层效果,大家自己运行下边的代码就可以看到效果了,当鼠标离开文本链接时,层就消失了,一种比较普遍的特效,可能对于一般的站长来说不是太实用,但是对于提高用户体验、增强网站的性能还是不错的,欢迎借鉴学习。 烈火代码演示:[详细]
-
基于CSS+dIV的网页层,点击后隐藏或显示
所属栏目:[活动] 日期:2018-10-14 热度:145
一个基于CSS+dIV的网页层,用 Java Script结合Input按钮进行控制,点击后显示或隐藏,网页上常用到的特效之一,实用性较强,相信对大家的前端设计有帮助。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtm[详细]
-
内容收起、展开的JS代码,下载站软件介绍可用
所属栏目:[活动] 日期:2018-10-14 热度:141
内容收起、展开的JS代码!这也是当下一款比较流行的网页特效了,我们经常在一些下载站的软件介绍看到,某些软件介绍文字太多,所以只显示了部分内容,我们只要点击展开更多内容,就可以看到了!当然,本例中的效果还不是太完善,需要您来修改一下才能用于[详细]
-
JS动态弹出层,鼠标点击网页弹出层代码
所属栏目:[活动] 日期:2018-10-14 热度:172
JS动态弹出层,鼠标点击网页弹出层代码,带有动画效果的网页浮动层效果,弹出一个可以确认的浮动框,点击后消失,带动画效果。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional[详细]
-
纯CSS无图实现阴影和小三角提示框代码
所属栏目:[活动] 日期:2018-10-14 热度:58
纯CSS无图实现阴影和小三角提示框代码,css模拟阴影和小三角,tip提示效果,用面向对象的思想去书写css,用面向对象的心态去书写css。那个提示的小三角是代码的亮点,也是核心,用纯CSS代码实现,模拟阴影的原理: 1、用一个层做背景层,背景颜色填充成阴影[详细]
-
一个网页层动画渐显效果,jquery实现
所属栏目:[活动] 日期:2018-10-14 热度:123
jquery实现的网页层动画效果,网页打开后加载 jQuery ,一个动画层展开,内容渐显出来。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特效 运行演示: !DOCTYPE htmlhtml xmlns=http://[详细]
-
仿淘宝网产品列表的收起展开、隐藏显示代码
所属栏目:[活动] 日期:2018-10-14 热度:196
Java Script仿淘宝网产品列表的收起与展开,平时状态它是收缩起来的,也就是说不显示所有的内容,当用户需要看所有内容的时候可以点击展开的按钮,点击后所有内容显示出来,再次点击,则回到合拢状态,这是一个常用的网页效果。 示例: !DOCTYPE htmlhtml[详细]
-
Css+Div层的展开与收缩、折叠层菜单代码
所属栏目:[活动] 日期:2018-10-14 热度:118
Java Script配合CSS实现Div层的展开与收缩功能,代码经过了多次优化,现在兼容性方面做的也相当不错,对IE和火狐等主流浏览器的支持也是挺好的。 示例: htmlheadtitlediv展开收缩代码/titlestyle* { margin:0; padding:0;}body { text-align:center; font[详细]
-
延迟打开层,打开网页几秒后弹出可关闭的浮动层
所属栏目:[活动] 日期:2018-10-14 热度:178
延迟打开层,打开网页几秒后弹出可关闭的浮动层。在网页打开后的几秒内,弹出一个浮动层,像有些论坛,在打开后会弹出一个让注册的窗口,如果不想马上注册,可以关掉此窗口,本代码正是实现了打开窗口后1秒钟弹出一个浮动窗口,代码简洁易懂。 示例: !DOC[详细]
-
JS开幕效果,点击按钮层缓缓向上收起,直到消失
所属栏目:[活动] 日期:2018-10-10 热度:118
Java Script+Css完成的一个小特效,当我们点击按钮后,DIV层缓缓向上收起,就像电动卷闸门一样,一直到层消失,再刷新就又出来了,也有点像 电影院 的开幕式效果。 看一下演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://[详细]
-
仿QQ邮箱的弹出层代码,弹出确认框,可移动
所属栏目:[活动] 日期:2018-10-10 热度:165
仿 QQ邮箱 的弹出层代码,弹出确认框,可移动,主要是用火狐的firebug把html和css扣了下来,没有做封装,因此效果还不是太完整,您点击下边的运行就明白了,弹出层和弹出的确认框只能移动,还不能关闭,有时间和技术的朋友不妨完善一下,到时别忘记给烈火[详细]
-
一个简单的展开收缩、显示隐藏效果
所属栏目:[活动] 日期:2018-10-10 热度:195
一个简单的展开收缩、显示隐藏效果,使用JS实现的,其实就是折叠层的效果,点击展开内容,再点击就关闭隐藏了内容,在一些由于时间关系,没有经过太多美化,比较粗糙,如果您有时间可以美化一下! 示例: !doctype htmlhtmlheadmeta http-equiv=Content-Ty[详细]
-
响应鼠标向下缓冲打开的层,JavaScript代码
所属栏目:[活动] 日期:2018-10-06 热度:121
网页上响应鼠标向下缓冲打开的层, Java Script代码,有不少的菜单都是基于此原理哦,本示例仅是演示如何缓冲下拉的,没有实质性的内容,主要是用JavaScript代码完成,效果平滑,推荐参阅使用。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
JS点击弹出模态对话框,可拖拽,遮罩层效果
所属栏目:[活动] 日期:2018-10-06 热度:184
JS点击弹出模态对话框,可拖拽,遮罩层效果,作者给这个例子取名:ModelDialog,仅在窗口范围拖拽的模态对话框,代码中的ModelDialog代码部分可以单独摘出来封闭成一个文件,用时候引入就行了。 这个模态对话框对大家来说是比较常见的,它可以定义标题、主[详细]
-
JS实现dragdrop层拖拽代码,可设置功能方式
所属栏目:[活动] 日期:2018-10-03 热度:175
JS实现dragdrop层拖拽代码,可设置功能方式,实现任意方向的拖拽,也可以水平方向、垂直方向、停止拖拽、开启拖拽、恢复初始状态操作,拖拽元素 HTMLElemnt 必选,有以下参数: bridge指定鼠标按下哪个元素时开始拖拽,实现模态对话框时用到 dragable 是否[详细]
-
点击按钮弹出层DIV,有关闭按钮,JS+Css完成
所属栏目:[活动] 日期:2018-10-03 热度:175
点击按钮弹出DIV层,JS结合Css完成,可以覆盖父窗口,唯一的缺点就是不可以移动,自带关闭按钮,蓝色经典风格,您可以把需要的文字写在层区域,例如:烈火学院 www.veryhuo.com 网页特效。 演示代码: htmlheadscriptfunction locking(){document.all.ly.s[详细]
-
代码简洁的模态窗口,可拖动、拽的层代码
所属栏目:[活动] 日期:2018-09-23 热度:103
烈98火59网(LieHuo32.Net)教63程 本文给大家介绍的是:代码简洁的模态窗口,可拖动、拽的层代码。 支持多浏览器,代码很少。不过操作体验还是不错的,经测试,IE6/7,FF, Opera 9, Safari 等众多浏览器都兼容,运行无错,奉献给大家。 演示: !DOCTYPE html[详细]
-
点击后弹出遮罩层,居中显示,兼容火狐浏览器
所属栏目:[活动] 日期:2018-09-23 热度:191
点击后弹出遮罩层,居中显示,兼容 火狐浏览器 。网页上已经有很多类似的代码了,使用挺广泛的,代码先判断浏览器的版本,ie6创建的div样式和非ie6创建的div样式在解析时有点区别,为了兼容性考虑,才加了判断。 经过烈火小编测试,可以完美兼容IE系列及火[详细]
-
CSS完成未知宽高的图片水平、垂直居中代码
所属栏目:[活动] 日期:2018-09-23 热度:91
使用纯CSS完成未知宽高的图片水平、垂直居中效果,兼容性非常不错的代码,烈火小编测试了 IE8 及火狐,都可以正常使用,在Div区块内,图片是未知宽高。不论使用何种尺寸的图片,它都会居中于DIV中,虽然代码有点多,但是兼容性方面做的挺好。 演示代码: ![详细]
-
碎片新闻布局的效果,Css代码实现
所属栏目:[活动] 日期:2018-09-23 热度:91
碎片新闻布局的CSS实现,碎片新闻布局可能有些朋友还不太明白,意思就是说,不是很整齐的新闻列表,有的长、有的短,组成整体的一个区域,在各大门户网站的首页,几乎都能看到这种布局的效果,它的好处是可有效利用网页空间,门户网站首页的每一个地方都是[详细]
-
外框自适应内容高度的CSS实例代码
所属栏目:[活动] 日期:2018-09-23 热度:68
外框自适应内容高度的CSS实例代码,曾经被这个问题搞的焦头烂额,后来到网上求助才解决,只加了一个清除浮动就解决了,从此对清除浮动不敢低看了,呵呵。就是这句:overflow:hidden; zoom:1;以后可以注意了呢。 演示代码: !DOCTYPE html PUBLIC -//W3C//D[详细]
-
CSS重叠元素、层交互的定位与实现代码
所属栏目:[活动] 日期:2018-09-23 热度:83
CSS重叠元素、层交互的定位与实现代码,三者交叉重叠,绝对定位的实现,我们通过这个例子,可以看到代码并不复杂,但是可以感受到css的灵活性,与早期的表格式网页相比,css更能设计出新颖的布局,如果您还没熟悉css,请参照烈火网提供的css手册。 演示:[详细]