-
点击按钮Alert弹出遮罩层效果的提示框代码
所属栏目:[活动] 日期:2018-10-16 热度:134
点击按钮Alert弹出遮罩层效果的提示框代码,改善优化的Alert弹出提示效果,类似于新浪邮箱的提示效果。比较独立。在wenming版主的帮助下,已解决了高度不能适应的BUG。使用方法很简单,在需要弹出提示的页面调用即可,示例中有方法。 示例: !DOCTYPE html[详细]
-
鼠标指向文字链接弹出DIV层,离开文本层消失
所属栏目:[活动] 日期:2018-10-13 热度:178
鼠标指向文字链接弹出DIV层效果,大家自己运行下边的代码就可以看到效果了,当鼠标离开文本链接时,层就消失了,一种比较普遍的特效,可能对于一般的站长来说不是太实用,但是对于提高用户体验、增强网站的性能还是不错的,欢迎借鉴学习。 烈火代码演示:[详细]
-
基于CSS+dIV的网页层,点击后隐藏或显示
所属栏目:[活动] 日期:2018-10-13 热度:126
一个基于CSS+dIV的网页层,用 Java Script结合Input按钮进行控制,点击后显示或隐藏,网页上常用到的特效之一,实用性较强,相信对大家的前端设计有帮助。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtm[详细]
-
内容收起、展开的JS代码,下载站软件介绍可用
所属栏目:[活动] 日期:2018-10-13 热度:135
内容收起、展开的JS代码!这也是当下一款比较流行的网页特效了,我们经常在一些下载站的软件介绍看到,某些软件介绍文字太多,所以只显示了部分内容,我们只要点击展开更多内容,就可以看到了!当然,本例中的效果还不是太完善,需要您来修改一下才能用于[详细]
-
JS动态弹出层,鼠标点击网页弹出层代码
所属栏目:[活动] 日期:2018-10-13 热度:191
JS动态弹出层,鼠标点击网页弹出层代码,带有动画效果的网页浮动层效果,弹出一个可以确认的浮动框,点击后消失,带动画效果。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional[详细]
-
纯CSS无图实现阴影和小三角提示框代码
所属栏目:[活动] 日期:2018-10-13 热度:57
纯CSS无图实现阴影和小三角提示框代码,css模拟阴影和小三角,tip提示效果,用面向对象的思想去书写css,用面向对象的心态去书写css。那个提示的小三角是代码的亮点,也是核心,用纯CSS代码实现,模拟阴影的原理: 1、用一个层做背景层,背景颜色填充成阴影[详细]
-
一个网页层动画渐显效果,jquery实现
所属栏目:[活动] 日期:2018-10-13 热度:191
jquery实现的网页层动画效果,网页打开后加载 jQuery ,一个动画层展开,内容渐显出来。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特效 运行演示: !DOCTYPE htmlhtml xmlns=http://[详细]
-
jQuery"擦除"函数的隐藏文字 创建自定义动画的效果
所属栏目:[活动] 日期:2018-09-26 热度:149
jquery擦除函数的用法示例,用于创建自定义动画的函数。关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如height、top或opacity)。 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值,样式属[详细]
-
响应鼠标向下缓冲打开的层,JavaScript代码
所属栏目:[活动] 日期:2018-09-18 热度:194
网页上响应鼠标向下缓冲打开的层, Java Script代码,有不少的菜单都是基于此原理哦,本示例仅是演示如何缓冲下拉的,没有实质性的内容,主要是用JavaScript代码完成,效果平滑,推荐参阅使用。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
CSS仿淘宝旧版首页的CSS列表布局效果
所属栏目:[活动] 日期:2018-09-18 热度:128
仿淘宝旧版首页的CSS布局效果,现在淘宝改版了,看不到这效果了,不过觉得还是挺有用的,做起来也并不复杂,主要是在背景图片的处理上,用CSS定义背景图片的使用区域,可以把众多用到的背景图片制作在一起,这样方便管理资源。 演示: !DOCTYPE html PUBLI[详细]
-
JS点击弹出模态对话框,可拖拽,遮罩层效果
所属栏目:[活动] 日期:2018-09-18 热度:66
JS点击弹出模态对话框,可拖拽,遮罩层效果,作者给这个例子取名:ModelDialog,仅在窗口范围拖拽的模态对话框,代码中的ModelDialog代码部分可以单独摘出来封闭成一个文件,用时候引入就行了。 这个模态对话框对大家来说是比较常见的,它可以定义标题、主[详细]
-
仿iGoogle的模块拖动,层拖动,可自动复位
所属栏目:[活动] 日期:2018-09-18 热度:55
仿iGoogle Div Drag 模块拖动,iGoogle主页上的拖动,具有自动复位的功能,智能判断Div的落点,鼠标松开后,Div可自行找到最近的落点,有意思吧?也挺人性化的。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
JS实现dragdrop层拖拽代码,可设置功能方式
所属栏目:[活动] 日期:2018-09-18 热度:135
JS实现dragdrop层拖拽代码,可设置功能方式,实现任意方向的拖拽,也可以水平方向、垂直方向、停止拖拽、开启拖拽、恢复初始状态操作,拖拽元素 HTMLElemnt 必选,有以下参数: bridge指定鼠标按下哪个元素时开始拖拽,实现模态对话框时用到 dragable 是否[详细]
-
点击按钮弹出层DIV,有关闭按钮,JS+Css完成
所属栏目:[活动] 日期:2018-09-18 热度:113
点击按钮弹出DIV层,JS结合Css完成,可以覆盖父窗口,唯一的缺点就是不可以移动,自带关闭按钮,蓝色经典风格,您可以把需要的文字写在层区域,例如:烈火学院 www.veryhuo.com 网页特效。 演示代码: htmlheadscriptfunction locking(){document.all.ly.s[详细]
-
始终在网页顶部的导航条,仿天涯顶部固定层菜单
所属栏目:[活动] 日期:2018-09-18 热度:85
始终在网页顶部的导航条,仿天涯顶部固定层菜单,大家在多玩、天涯等一些网站都看到过吧,以前烈火网就介绍了多玩的顶部固定菜单,还介绍了仿淘宝网的固定层,性质是一样的,不论你怎么拖动滚动条,始终显示在网页的最顶部,不随网页滚动条的滚动而滚动,[详细]
-
JavaScript简单的拖放层,兼容Firefox浏览器
所属栏目:[活动] 日期:2018-09-18 热度:143
Java Script简单的拖放层,兼容 Firefox 浏览器,鼠标按住蓝框可实现拖动。稍加修改,甚至不用修改就能用了,使用时候自己动手美化一些,还是较不错的,也适合个人学习JavaScript。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN h[详细]
-
Js实现Dialog浮动窗口,可拖动关闭和动态创建
所属栏目:[活动] 日期:2018-09-18 热度:83
Js实现Dialog浮动窗口,可拖动关闭和动态创建,蓝色经典风格,可以创建一个新层,可设置弹出层的标题和内容,用它可实现一个登录框,或用在后台管理中。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type co[详细]
-
网页点击按钮弹出遮罩层,拖动和关闭效果
所属栏目:[活动] 日期:2018-09-14 热度:176
基于 Java Script的网页弹出层,鼠标按在弹出层的标题栏处,可以拖动该浮动层随意移动位置,不需要时也可以关闭,操作体验舒服,兼容性好,IE/火狐等众多浏览器下运行稳定、反应快速。代码表现方面,简洁务实,不玩虚的,拿去学习也相当不错。 示例: !DOC[详细]
-
QQ在线客服悬浮窗,点击展开的网页代码
所属栏目:[活动] 日期:2018-09-14 热度:152
QQ在线客服悬浮窗,点击展开的网页代码,其实就是QQ在线客服一样,平时会隐藏在网页的右侧,当需要时把鼠标移过去,它就自动展开了,在移走,又恢复了,实用的效果,可以用来制作在线客服。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
javascript 动态设置div层固定位置效果
所属栏目:[活动] 日期:2018-09-14 热度:198
烈14火64网(LieHuo38.Net)网页特效教68程 动态设定一个固定层的位置,并不随滚动条的滚动而变化,可适时设定层的X/Y位置,当你拖动滚动条的时候,它并不会变化,一个参考例子吧,或许对你有用处。 实例效果: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0[详细]
-
CSS实现图片在DIV层纵向水平居中
所属栏目:[活动] 日期:2018-09-14 热度:111
刚才烈火发表了图片在div中一个上下左右居中的代码,这是又一个CSS图片居中的方法,代码超简洁,兼容性貌似不错,在火狐和IE6/IE7/ IE8 /下都表现良好。CSS固定某元素在大容器内居中是比较常见的布局实例之一,也是令新手们头疼的一个常见问题,希望通过这[详细]
-
JS仿淘宝固定悬浮工具栏,兼容性不错
所属栏目:[活动] 日期:2018-09-14 热度:116
JS仿淘宝固定悬浮工具栏,兼容性不错,我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了,那么它会自动判断是否到顶端了,然后一直置顶从而不怕遮挡,其实明白了这种思路,你就能举一返三了[详细]
-
点击左侧图标弹出可关闭的DIV层jQuery版
所属栏目:[活动] 日期:2018-09-14 热度:187
点击左侧图标弹出可关闭的DIV层 jQuery 版,隐藏在左侧的弹性弹出菜单,从淘宝扣下来的,也可作为JAvaScript缓冲动画的典型教程。本弹性菜单可扩展性强,实际上不光可以做成菜单,也可布局一些图文混排的内容或一段视频,总之被弹出的内容是在一段Div内,[详细]
-
网站顶部滑出可关闭的DIV层提示,来自阿里联盟
所属栏目:[活动] 日期:2018-09-13 热度:146
淘宝联盟(原阿里妈妈)网站顶部滑动显示的DIV层提示效果,一般用于网站公告或广告,采用滑出的方式,一个经典的工具条代码,可以当作菜单来用,同时还有完善的功能,可以适时关闭工具条,整体效果设计美观,简洁漂亮。 查看演示: !DOCTYPE html PUBLIC -[详细]
-
CSS实现“三角形箭头”布局的一些实例代码
所属栏目:[活动] 日期:2018-09-13 热度:142
CSS实现三角形箭头布局的一些实例代码,我想搞CSS的朋友都知道这个吧?在几年前还必须用图片实现的东西,现在用CSS就搞定了,不得不羡慕作者对CSS的执着。不过这绝对是一个好用的CSS技巧,使用它可有效减少因使用图片给页面带来的影响,有效提升网页加载性[详细]