-
CSS 半透明层的实现,文字层半透明显示图片
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
CSS 半透明层的实现,文字层半透明显示图片。让您掌握filter中alpha的用法,在本示例中,最低层的是一张图片,上边是一个透明度被定义为60%的Div层,层内是文字,因为是不是100%透明,因此可以看到下层的图片,形成立体效果。 演示: !DOCTYPE html PUBLIC[详细]
-
jQuery 折叠/合并,展开/收缩的层,动画效果
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
两个折叠、伸展的层,基于 jQuery 框架实现,有简单、平滑的动画效果,实现方法如下: 1,首先把JQ导入. 2,然后开始写函数了。$(document).ready(function(){}); 3,前面说过了,获取标签能直接 $(标签)。给标签注册 onclick事件直接可以 click. 4,核心代码:[详细]
-
jQuery"擦除"函数的隐藏文字 创建自定义动画的效果
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
jquery擦除函数的用法示例,用于创建自定义动画的函数。关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如height、top或opacity)。 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值,样式属[详细]
-
jQuery动态隐藏Div层链接版,淡入出动画效果
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
jQuery 动态隐藏Div层链接版,淡入出动画效果。动画切出的渐变文字效果,运用了jQuery的animate( Hash params, String|Number Java script 字符串或数字值 speed, String easing , Function callback(可选) 在动画完成时执行的函数 ) 用于创建自定义动画的[详细]
-
自适应宽度的网页TAB选项卡、滑动门的雏形
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
这是一款自适应宽度的网页TAB选项卡、滑动门的雏形代码,可以自适应网页宽度的TAB导航栏,只是一个样式,没有加入JS动作,因此还不能作为真正的Tab来使用,主要是给CSS新手一个布局方法的参考,觉得不好的就不要看了。 演示: !DOCTYPE html PUBLIC -//W3C[详细]
-
Div层弹性左右移动特效,JS实现,代码简洁
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
代码超少的Div弹性 运动 特效,点击按钮后,Div层来回做运动,像有弹性一样在缓冲,动感十足的样子。 关于类似的例子,烈火学院以前给大家介绍了几个,我们可以来回顾一下。 一。JS编写透明度渐变、位置移动等多个函数 二。js+css 完成一个漂亮的、富有弹[详细]
-
JS+CSS点击登陆按钮遮罩弹出登陆框代码
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
前几天,烈火网小编给大家推荐了几款关于遮罩层登陆框的效果,是基于 jQuery 实现的,鉴于有的站点还没有引入jquery框架,因此再给大家推荐一款使用 Java script实现的遮罩效果登陆框,其实这种效果是很常见的,在许多互动的社区及其它的一些地方,弹出框[详细]
-
JS滑动类效果,点击展开顶部层、左侧层
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
JS滑动类效果,点击展开顶部层、左侧层!Slider类的功能说明:可以控制任何一个页面上存在的div、slider在滑动的同时还可以实现透明度的变化,整个过程更平滑、更美观、可控性强,通过多个参数实现不同大小的div不同方向、不同速度的滑动?、调用方便,一句[详细]
-
js点击弹出层代码,js弹出可关闭的遮罩层
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
js点击弹出层代码,js弹出可关闭的遮罩层!点击文字即可弹出一个可以关闭的弹出层,相对来说,这款弹出层并不是太复杂,对于修改的话,也是挺方便的。 示例: titleJs弹出层,新写的代码/titlescript type=text/javascriptvar docEle = function(){return[详细]
-
Javascript简短代码实现层拖动效果
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
Java script简短代码实现层拖动效果,函数本身仅用了287个字符,是不是够短呢?据作者称,如果不是为了考虑兼容性,还可以弄的更短一些,为了更好的使用,我看还是不要了吧。 示例: title尽可能短的写一个JS拖动/titlebodydiv id=demo style=width:100px;[详细]
-
鼠标经过背景变色效果 利用CSS链接属性实现
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
本文介绍的是一款鼠标经过背景变色的CSS代码,其实我们很早就接触过的,原理就是超级链接的HOVER与VISITED。 我们经常上网的时候会见到,有些网站的某个部分,在鼠标放上后背景颜色会改变,移开后恢复,给人很不错的操作体验,那么这个效果是怎么用CSS来实[详细]
-
鼠标单击网页背景循环变暗变亮的效果代码
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
烈火今天给大家分享是点击网页背景循环变暗变亮的效果,相信大家都见到过这种效果,鼠标在屏幕上点击,屏幕会变暗,再次点击就会变亮,实际上,这种效果是配合Ajax操作的,一般情况下,变暗是说明不可操作,在当前页,肯定有高亮显示的项目。 我们来看一下[详细]
-
js烟花效果[三],背景式以3D立体展现到渐渐消失
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
连续看了两款(烟花1、烟花2)js烟花特效,怎么样?网页制作有趣吧,您是一名站长吗?还是一个网页爱好者,如果您还只是网页菜鸟的话,建议您从网页学习转向网站运营,然后实现营利,请看烈火独家发表的文章《手把手教你从建站、SEO、推广到赚钱》,当然这[详细]
-
js烟花效果[二],同时燃放出多个漂亮花环
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
昨天烈火发布了使用js编写的烟花特效代码,今天再来看 Java Script放烟花的代码二,与第一种的区别在于烟花展开的样式不同,其实这个样式是可以调整的,我们只要了解相关网页知识就可以了,费话不多说了,一起来看看。 实例特效与代码: !DOCTYPE html PUB[详细]
-
js烟花效果,用javascript编写的网页烟花
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
谈到网页特效,其实很多时候都是说的js,对于js相信大家都不陌生吧,如果您还不懂,请阅读由烈火提供的javascript手册,本文讲到的烟花效果就是利用了js编写而成,实例效果:先升空再扩散开,很酷,很过瘾,用做网页背景超不错,敬请收藏。 代码与演示: ![详细]
-
网页背景图片渐变特效,CSS滤镜实现的代码
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
烈火网(LieHuo.Net)教程 纯CSS代码生成的背景渐变效果,主要运用了CSS的Filter滤镜技术,设置不同的参数,会有你意想不到的渐变效果.不要以为这是张图片效果,图片上的渐变不是固有的,而是在用CSS固定下显示的。 让我们一起看一下效果: !DOCTYPE html PUBLIC[详细]
-
一个简单的展开收缩、显示隐藏效果
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
一个简单的展开收缩、显示隐藏效果,使用JS实现的,其实就是折叠层的效果,点击展开内容,再点击就关闭隐藏了内容,在一些由于时间关系,没有经过太多美化,比较粗糙,如果您有时间可以美化一下! 示例: !doctype htmlhtmlheadmeta http-equiv=Content-Ty[详细]
-
仿QQ邮箱的弹出层代码,弹出确认框,可移动
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
仿 QQ邮箱 的弹出层代码,弹出确认框,可移动,主要是用火狐的firebug把html和css扣了下来,没有做封装,因此效果还不是太完整,您点击下边的运行就明白了,弹出层和弹出的确认框只能移动,还不能关闭,有时间和技术的朋友不妨完善一下,到时别忘记给烈火[详细]
-
JS开幕效果,点击按钮层缓缓向上收起,直到消失
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
Java Script+Css完成的一个小特效,当我们点击按钮后,DIV层缓缓向上收起,就像电动卷闸门一样,一直到层消失,再刷新就又出来了,也有点像 电影院 的开幕式效果。 看一下演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://[详细]
-
延迟打开层,打开网页几秒后弹出可关闭的浮动层
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
延迟打开层,打开网页几秒后弹出可关闭的浮动层。在网页打开后的几秒内,弹出一个浮动层,像有些论坛,在打开后会弹出一个让注册的窗口,如果不想马上注册,可以关掉此窗口,本代码正是实现了打开窗口后1秒钟弹出一个浮动窗口,代码简洁易懂。 示例: !DOC[详细]
-
Css+Div层的展开与收缩、折叠层菜单代码
所属栏目:[活动] 日期:2018-08-19 来源:DaWei
Java Script配合CSS实现Div层的展开与收缩功能,代码经过了多次优化,现在兼容性方面做的也相当不错,对IE和火狐等主流浏览器的支持也是挺好的。 示例: htmlheadtitlediv展开收缩代码/titlestyle* { margin:0; padding:0;}body { text-align:center; font[详细]
-
QQ在线客服悬浮窗,点击展开的网页代码
所属栏目:[活动] 日期:2018-08-18 来源:DaWei
QQ在线客服悬浮窗,点击展开的网页代码,其实就是QQ在线客服一样,平时会隐藏在网页的右侧,当需要时把鼠标移过去,它就自动展开了,在移走,又恢复了,实用的效果,可以用来制作在线客服。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
网页点击按钮弹出遮罩层,拖动和关闭效果
所属栏目:[活动] 日期:2018-08-18 来源:DaWei
基于 Java Script的网页弹出层,鼠标按在弹出层的标题栏处,可以拖动该浮动层随意移动位置,不需要时也可以关闭,操作体验舒服,兼容性好,IE/火狐等众多浏览器下运行稳定、反应快速。代码表现方面,简洁务实,不玩虚的,拿去学习也相当不错。 示例: !DOC[详细]
-
Js实现Dialog浮动窗口,可拖动关闭和动态创建
所属栏目:[活动] 日期:2018-08-18 来源:DaWei
Js实现Dialog浮动窗口,可拖动关闭和动态创建,蓝色经典风格,可以创建一个新层,可设置弹出层的标题和内容,用它可实现一个登录框,或用在后台管理中。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type co[详细]
-
JavaScript简单的拖放层,兼容Firefox浏览器
所属栏目:[活动] 日期:2018-08-18 来源:DaWei
Java Script简单的拖放层,兼容 Firefox 浏览器,鼠标按住蓝框可实现拖动。稍加修改,甚至不用修改就能用了,使用时候自己动手美化一些,还是较不错的,也适合个人学习JavaScript。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN h[详细]




浙公网安备 33038102330473号