-
js点击弹出层代码,js弹出可关闭的遮罩层
所属栏目:[活动] 日期:2018-08-17 热度:86
js点击弹出层代码,js弹出可关闭的遮罩层!点击文字即可弹出一个可以关闭的弹出层,相对来说,这款弹出层并不是太复杂,对于修改的话,也是挺方便的。 示例: titleJs弹出层,新写的代码/titlescript type=text/javascriptvar docEle = function(){return[详细]
-
Javascript简短代码实现层拖动效果
所属栏目:[活动] 日期:2018-08-17 热度:198
Java script简短代码实现层拖动效果,函数本身仅用了287个字符,是不是够短呢?据作者称,如果不是为了考虑兼容性,还可以弄的更短一些,为了更好的使用,我看还是不要了吧。 示例: title尽可能短的写一个JS拖动/titlebodydiv id=demo style=width:100px;[详细]
-
鼠标经过背景变色效果 利用CSS链接属性实现
所属栏目:[活动] 日期:2018-08-17 热度:156
本文介绍的是一款鼠标经过背景变色的CSS代码,其实我们很早就接触过的,原理就是超级链接的HOVER与VISITED。 我们经常上网的时候会见到,有些网站的某个部分,在鼠标放上后背景颜色会改变,移开后恢复,给人很不错的操作体验,那么这个效果是怎么用CSS来实[详细]
-
鼠标单击网页背景循环变暗变亮的效果代码
所属栏目:[活动] 日期:2018-08-17 热度:169
烈火今天给大家分享是点击网页背景循环变暗变亮的效果,相信大家都见到过这种效果,鼠标在屏幕上点击,屏幕会变暗,再次点击就会变亮,实际上,这种效果是配合Ajax操作的,一般情况下,变暗是说明不可操作,在当前页,肯定有高亮显示的项目。 我们来看一下[详细]
-
js烟花效果[三],背景式以3D立体展现到渐渐消失
所属栏目:[活动] 日期:2018-08-17 热度:192
连续看了两款(烟花1、烟花2)js烟花特效,怎么样?网页制作有趣吧,您是一名站长吗?还是一个网页爱好者,如果您还只是网页菜鸟的话,建议您从网页学习转向网站运营,然后实现营利,请看烈火独家发表的文章《手把手教你从建站、SEO、推广到赚钱》,当然这[详细]
-
js烟花效果[二],同时燃放出多个漂亮花环
所属栏目:[活动] 日期:2018-08-17 热度:70
昨天烈火发布了使用js编写的烟花特效代码,今天再来看 Java Script放烟花的代码二,与第一种的区别在于烟花展开的样式不同,其实这个样式是可以调整的,我们只要了解相关网页知识就可以了,费话不多说了,一起来看看。 实例特效与代码: !DOCTYPE html PUB[详细]
-
js烟花效果,用javascript编写的网页烟花
所属栏目:[活动] 日期:2018-08-17 热度:174
谈到网页特效,其实很多时候都是说的js,对于js相信大家都不陌生吧,如果您还不懂,请阅读由烈火提供的javascript手册,本文讲到的烟花效果就是利用了js编写而成,实例效果:先升空再扩散开,很酷,很过瘾,用做网页背景超不错,敬请收藏。 代码与演示: ![详细]
-
网页背景图片渐变特效,CSS滤镜实现的代码
所属栏目:[活动] 日期:2018-08-17 热度:133
烈火网(LieHuo.Net)教程 纯CSS代码生成的背景渐变效果,主要运用了CSS的Filter滤镜技术,设置不同的参数,会有你意想不到的渐变效果.不要以为这是张图片效果,图片上的渐变不是固有的,而是在用CSS固定下显示的。 让我们一起看一下效果: !DOCTYPE html PUBLIC[详细]
-
简单几行代码实现的层拖动、拖放、拖拽效果
所属栏目:[活动] 日期:2018-08-16 热度:133
简单几行代码实现的层拖动、拖放、拖拽效果,几乎兼容所有的浏览器,无调用外部JS插件,完全 Java Script代码实现,兼容IE/ Firefox / Chrome 等内核的浏览器,分享给前端开发者参考。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=[详细]
-
CSS实现两个层互相显示,层在层之上的效果
所属栏目:[活动] 日期:2018-08-16 热度:76
CSS实现两个层互相显示,层在层之上的效果。也叫重叠层,互想不影响,曾经调试了不少次,最关键的是CSS定位的问题。也算是给CSS前端开发者提供一个定位的参考例子吧。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; chars[详细]
-
CSS完美的文字垂直居中代码
所属栏目:[活动] 日期:2018-08-16 热度:94
一款CSS完美的文字垂直居中代码,来自国外的网页爱好者网站,大家可能遇到过这样的问题,就是文字在层内垂直居中对齐,Word的表格中就有这种功能,并且实现了响应鼠标变化层背景的特效。 实例: !DOCTYPE HTMLhtmlheadmeta meta charset=gbktitleCSS垂直居[详细]
-
js实现层上下左右伸展与收缩的动画效果
所属栏目:[活动] 日期:2018-08-16 热度:77
js实现层上下左右伸展与收缩的动画效果。作者:DK,实例名称:Animate动画效果,其中包括了一个通用动画类。它包含一些常用的动画效果,例如显示隐藏,展开关闭等等,同样它也包含一个通用的动画函数,让你可以自己定义个性化的动画效果。 动画演示: !DOC[详细]
-
点击图片弹出遮罩效果的提示层,带关闭按钮
所属栏目:[活动] 日期:2018-08-16 热度:77
点击图片弹出提示层效果,并且弹出后的层是上下左右居中显示的,这里引用了 jQuery 插件。本代码来自某游戏网站,其原用途是游戏开区提示公告,当然大家也可以把这个效果用在自己实现的地方。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷[详细]
-
jQuery点击展开层,动态下拉效果,鼠标离开收缩
所属栏目:[活动] 日期:2018-08-16 热度:133
jQuery 点击展开层,动态下拉效果,鼠标离开收缩。小编认为自己写的标题还是非常明白的,不像某些源码网站写的标题与源代码不相符,这样耽误了大家的时间。不废话了,进入正题。 这是一款基于jQuery完成的动态折叠层效果,好像有点像选项卡的感觉,当我们[详细]
-
jQuery随网页滚动的层,在线客服代码雏形
所属栏目:[活动] 日期:2018-08-16 热度:102
随手写的一个比较简单的 jQuery 随网页滚动的层代码,可以有很多用途,例如最常见的就是在线客服代码,当然这里只是一个雏形,您需要美化修改后才可以使用。代码还实现了向下滚动时的像素实时显示。 为解决一些网页特效运行后不能显示效果(例如:jQuery则[详细]
-
jQuery实现鼠标点击打开层,文字展开效果
所属栏目:[活动] 日期:2018-08-16 热度:103
任何事物都有其类似的东西,网页特效代码也是如此,就在前几天烈火小编刚给大家介绍了《jQuery实现鼠标滑过打开层,文字展开效果》,说的是鼠标滑过文字或链接时,展开一个层,这样的效果是鼠标自动触发展开的,有些朋友肯定需要点击才展开的效果,今天就[详细]
-
点击出现弹性、可拖拽的遮罩层,动态关闭层效果
所属栏目:[活动] 日期:2018-08-16 热度:65
点击按钮显示带弹性、可拖拽的遮罩层,点击右上角的关闭按钮,动态向上消失效果,这是基于 jQuery 写的一个弹出层的类,作者将一些参数提另写出来,例如:拖拽、关闭按钮、层的透明度、回弹的速度和回弹的次数等,非常不错的特效。 为解决一些网页特效运行[详细]
-
跟随滚动条的网页浮动层,xScrollStick代码
所属栏目:[活动] 日期:2018-08-16 热度:148
跟随滚动条的网页浮动层,xScrollStick代码,滚动条滚动而元素相对屏幕位置不变 网上有很多类似的效果,本代码比较起来有如下优点: 1. 兼容IE6.0+ FF1.5+ 2. 使用非常简单,属于菜鸟最爱的那种拿来就能用的,见下面说明 3. 元素之间不会起冲突,一页中可[详细]
-
jQuery实现鼠标滑过打开层,文字展开效果
所属栏目:[活动] 日期:2018-08-16 热度:189
jQuery 实现鼠标滑过打开层,文字展开效果。这样的例子在一些网站见到过,主要用于提示性的文字,例如:FAQ中的提问和回答、注册时的一些特殊选项的解释等等。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演[详细]
-
一个简洁的JS折叠层,点击展开、关闭层效果
所属栏目:[活动] 日期:2018-08-16 热度:127
一个简洁的、黑色风格的JS折叠层,点击展开、关闭层效果。以前在烈火下载栏目提供,可能有的同学没有发现,现在将它发到网页特效栏目,层默认情况下是展开的,点击后收缩,请根据自己的情况修改吧。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/199[详细]
-
jQuery点击按钮后弹出遮罩层,有关闭按钮
所属栏目:[活动] 日期:2018-08-16 热度:178
jQuery 点击按钮后弹出遮罩层,右上角有关闭按钮,在代码中可以设置层的大[详细]
-
LIGHTBOX弹出层插件,JS+CSS不错的遮罩层效果
所属栏目:[活动] 日期:2018-08-16 热度:166
LIGHTBOX弹出层插件,JS+CSS不错的遮罩层效果。通过这个演示代码,让您学习和快速掌握该代码的使用,JS+CSS的简洁代码完成的一个遮罩层,非常不错的说,大家来收藏一下吧。 示例: htmlheadtitleLIGHTBOX EXAMPLE - Liehuo.Net/titlestyle.black_overlay{d[详细]
-
多个折叠层,动态展开层,其它层自动收缩效果
所属栏目:[活动] 日期:2018-08-16 热度:156
多个折叠层,动态展开层,其它层自动收缩效果。带动画、 运动 缓冲效果的层效果,使用了一个JS封装类,在一个页面同时布局多个层展开效果,点击后按高度向下展开,有需要的朋友自己复制研究吧。 示例: !DOCTYPE htmlhtmlheadtitle层展开/关闭 - 运动缓冲[详细]
-
利用JS随机生成网页背景颜色,并实时预览
所属栏目:[活动] 日期:2018-08-16 热度:145
利用JS随机生成网页背景颜色,并实时预览 颜色的随机产生 按下启动按钮,右边的三排轮子开始滚动 按下三个X按钮颜色值定下来 按下预览按钮可看颜色效果 演示效果如下: HTMLHEADTITLE颜色的随机产生/TITLESTYLE.30pt{font-size:30pt;color:#de3076}/STYLESC[详细]
-
给网页加上背景音乐,访客可选择曲目功能
所属栏目:[活动] 日期:2018-08-16 热度:135
给网页加上背景音,同时让访客也可以选择音乐曲目,当然这需要你多增加一些背景音乐,鼠标单击上面的内容时,会有动感的背景音效。音效文件采用MID,也可使用WAV、MP3等多种格式的音频文件。 演示如下: HTMLHEADTITLE背景音效/TITLESTYLE!--样式单 --a{fon[详细]