-
简单几行代码实现的层拖动、拖放、拖拽效果
所属栏目:[活动] 日期:2018-10-27 热度:54
简单几行代码实现的层拖动、拖放、拖拽效果,几乎兼容所有的浏览器,无调用外部JS插件,完全 Java Script代码实现,兼容IE/ Firefox / Chrome 等内核的浏览器,分享给前端开发者参考。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=[详细]
-
跟随滚动条的网页浮动层,xScrollStick代码
所属栏目:[活动] 日期:2018-10-27 热度:163
跟随滚动条的网页浮动层,xScrollStick代码,滚动条滚动而元素相对屏幕位置不变 网上有很多类似的效果,本代码比较起来有如下优点: 1. 兼容IE6.0+ FF1.5+ 2. 使用非常简单,属于菜鸟最爱的那种拿来就能用的,见下面说明 3. 元素之间不会起冲突,一页中可[详细]
-
网页背景图片渐变特效,CSS滤镜实现的代码
所属栏目:[活动] 日期:2018-10-27 热度:152
烈火网(LieHuo.Net)教程 纯CSS代码生成的背景渐变效果,主要运用了CSS的Filter滤镜技术,设置不同的参数,会有你意想不到的渐变效果.不要以为这是张图片效果,图片上的渐变不是固有的,而是在用CSS固定下显示的。 让我们一起看一下效果: !DOCTYPE html PUBLIC[详细]
-
js烟花效果,用javascript编写的网页烟花
所属栏目:[活动] 日期:2018-10-27 热度:81
谈到网页特效,其实很多时候都是说的js,对于js相信大家都不陌生吧,如果您还不懂,请阅读由烈火提供的javascript手册,本文讲到的烟花效果就是利用了js编写而成,实例效果:先升空再扩散开,很酷,很过瘾,用做网页背景超不错,敬请收藏。 代码与演示: ![详细]
-
js烟花效果[二],同时燃放出多个漂亮花环
所属栏目:[活动] 日期:2018-10-27 热度:166
昨天烈火发布了使用js编写的烟花特效代码,今天再来看 Java Script放烟花的代码二,与第一种的区别在于烟花展开的样式不同,其实这个样式是可以调整的,我们只要了解相关网页知识就可以了,费话不多说了,一起来看看。 实例特效与代码: !DOCTYPE html PUB[详细]
-
js烟花效果[三],背景式以3D立体展现到渐渐消失
所属栏目:[活动] 日期:2018-10-27 热度:166
连续看了两款(烟花1、烟花2)js烟花特效,怎么样?网页制作有趣吧,您是一名站长吗?还是一个网页爱好者,如果您还只是网页菜鸟的话,建议您从网页学习转向网站运营,然后实现营利,请看烈火独家发表的文章《手把手教你从建站、SEO、推广到赚钱》,当然这[详细]
-
鼠标单击网页背景循环变暗变亮的效果代码
所属栏目:[活动] 日期:2018-10-27 热度:140
烈火今天给大家分享是点击网页背景循环变暗变亮的效果,相信大家都见到过这种效果,鼠标在屏幕上点击,屏幕会变暗,再次点击就会变亮,实际上,这种效果是配合Ajax操作的,一般情况下,变暗是说明不可操作,在当前页,肯定有高亮显示的项目。 我们来看一下[详细]
-
鼠标经过背景变色效果 利用CSS链接属性实现
所属栏目:[活动] 日期:2018-10-27 热度:164
本文介绍的是一款鼠标经过背景变色的CSS代码,其实我们很早就接触过的,原理就是超级链接的HOVER与VISITED。 我们经常上网的时候会见到,有些网站的某个部分,在鼠标放上后背景颜色会改变,移开后恢复,给人很不错的操作体验,那么这个效果是怎么用CSS来实[详细]
-
Javascript简短代码实现层拖动效果
所属栏目:[活动] 日期:2018-10-21 热度:136
Java script简短代码实现层拖动效果,函数本身仅用了287个字符,是不是够短呢?据作者称,如果不是为了考虑兼容性,还可以弄的更短一些,为了更好的使用,我看还是不要了吧。 示例: title尽可能短的写一个JS拖动/titlebodydiv id=demo style=width:100px;[详细]
-
js点击弹出层代码,js弹出可关闭的遮罩层
所属栏目:[活动] 日期:2018-10-21 热度:126
js点击弹出层代码,js弹出可关闭的遮罩层!点击文字即可弹出一个可以关闭的弹出层,相对来说,这款弹出层并不是太复杂,对于修改的话,也是挺方便的。 示例: titleJs弹出层,新写的代码/titlescript type=text/javascriptvar docEle = function(){return[详细]
-
JS滑动类效果,点击展开顶部层、左侧层
所属栏目:[活动] 日期:2018-10-21 热度:88
JS滑动类效果,点击展开顶部层、左侧层!Slider类的功能说明:可以控制任何一个页面上存在的div、slider在滑动的同时还可以实现透明度的变化,整个过程更平滑、更美观、可控性强,通过多个参数实现不同大小的div不同方向、不同速度的滑动?、调用方便,一句[详细]
-
JS+CSS点击登陆按钮遮罩弹出登陆框代码
所属栏目:[活动] 日期:2018-10-21 热度:145
前几天,烈火网小编给大家推荐了几款关于遮罩层登陆框的效果,是基于 jQuery 实现的,鉴于有的站点还没有引入jquery框架,因此再给大家推荐一款使用 Java script实现的遮罩效果登陆框,其实这种效果是很常见的,在许多互动的社区及其它的一些地方,弹出框[详细]
-
点击弹出遮罩层,JavaScript弹出可关闭的对话框
所属栏目:[活动] 日期:2018-10-21 热度:85
一种带渐变的点击弹出遮罩层, Java Script弹出可关闭的对话框,可以设置弹出窗口的宽度、高度、边框颜色、标题颜色、标题高度、浏览器工作区域内页面宽度、定义div属性等,背景层(大小与窗口有效区域相同,即当弹出对话框时,背景显示为放射状透明灰色),[详细]
-
JavaScript简单的点击按钮弹出层,可以关闭
所属栏目:[活动] 日期:2018-10-21 热度:126
Java Script简单的点击按钮弹出层,可以关闭!也就是弹出框,在网页中应用广泛,时间关系,没有进行太多的美化,但是在代码内含有注释,方便大家参考和使用。 示例: htmlheadtitle点击按钮,弹出一个层/titlescriptvar docEle = function() {return docum[详细]
-
jQuery点击后弹出可关闭遮罩层,适于网站公告
所属栏目:[活动] 日期:2018-10-21 热度:156
jQuery 点击后弹出一个可关闭的遮罩层效果,适于网站公告!现在这种效果已经很流行了,作为js中的优秀框架,jQuery给很多网站带来了优秀的网站体验,如果您的网站也想加入更多的jQuery特效,不妨先引入jQuery框架。 为解决一些网页特效运行后不能显示效果[详细]
-
JavaScript动态弹出层,点击缓缓关闭效果
所属栏目:[活动] 日期:2018-10-21 热度:121
Java Script动态弹出层,点击缓缓关闭效果。 调用方式:onclick=ChuangJianDIV('要弹出的组建ID','弹出DIV的宽','弹出DIV的高','遮蔽div的透明度','弹出div的速度','遮蔽div的背景色','弹出div的背景色'); 如:onclick=ChuangJianDIV('divID','500','300',[详细]
-
简单实现点击按钮弹出遮罩层,兼容火狐浏览器
所属栏目:[活动] 日期:2018-10-21 热度:157
简单实现点击按钮弹出遮罩层,兼容 火狐浏览器 。在火狐、IE6、7下都是可以拖动的,但是在 IE8 下有点小问题,不能拖动,也希望高手们帮忙修正,初次写弹出层,分享给大家。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://w[详细]
-
JS弹出层插件代码,自定义大小,双击关闭
所属栏目:[活动] 日期:2018-10-16 热度:81
JS弹出层插件代码,自定义大小,双击关闭。可以理解为这是一个JS类,因为其自定义大小可以函数的形式调用,在例子中,作者分别写了弹出500,300、500,500等大小的窗口,点击后动态弹出窗口后,在弹出窗口内双击鼠标即可关闭。 示例: !DOCTYPE htmlhtmlhead[详细]
-
CSS竖向排列的布局代码,自动换行效果
所属栏目:[活动] 日期:2018-10-16 热度:130
CSS竖向排列的布局代码,自动换行效果,好比电脑桌面的图标一样,自动竖着排列,排满一列后重新进行下一列排序。方法有很多,有人用JS,有人用CSS,不管什么样的方法,简单、兼容就是好代码,本代码仅供参考。 示例: !DOCTYPE htmlhtmlheadstyle#mainBox{b[详细]
-
多级人物关系图代码,基于jQuery渐显效果
所属栏目:[活动] 日期:2018-10-16 热度:84
多级人物关系图代码,基于 jQuery 渐显效果,一些娱乐网站经常可以看到这样的效果,但大多数是由flash制作的,在本例中,作者使用了jQuery插件,充分发挥了jQuery的强大功能,效果非常不错。setQuestPose:function中的n代表共几个对象 r代表周长 i代表第几[详细]
-
Css水平垂直居中,Css自适应上下左右居中代码
所属栏目:[活动] 日期:2018-10-16 热度:179
早在烈火网2009年的教程中,我们就曾经发表过《网页水平垂直居中在不同分辨率的实现方法》,还有后来提到的实例横向分栏水平居中代码,关于CSS居中水平居中、垂直居中的例子还有很多,大家可以使用站内搜索查询一下。 今天我们再来看一个Css实现自适应上下[详细]
-
JS+CSS始终在右下角显示的层,兼容IE6浏览器
所属栏目:[活动] 日期:2018-10-16 热度:128
JS+CSS始终在右下角显示的层,兼容IE6浏览器。即使您不懂CSS和JS也能看懂,在JS代码部分的第一行,我们就可以看到var isie6,也就是说如果是IE6浏览器,并设定a和b两个值,并赋予他们距右和距下都是0的样式,这样就可以一直在右下角了,不多说了,大家自己[详细]
-
JS点击展开层代码,指定层高度和自适应像素
所属栏目:[活动] 日期:2018-10-16 热度:137
JS点击展开层代码,指定层高度和自适应像素。 运动 缓冲效果,单击后 根据展开的高度根据内容而变.参数说明: obj,[object] id值或对象. 必需 h,[height] 展开后的高度. 可选(默认为200px) s,[speed] 展开速度,值越小展开速度越慢. 可选(默认为1.2){建议取值[详细]
-
Css 相对定位网页框架代码,滚动时不闪烁
所属栏目:[活动] 日期:2018-10-16 热度:152
Css 相对定位网页框架代码,滚动时不闪烁。一个大家值得关注的CSS基本但实用的常识技巧,模拟position:fixed效果的原理,因为在有些浏览器比如IE6下,经常听到有朋友说相对定位效果并不更想,容易产生闪烁,其实是方法或思路没有明淅,不信你瞧本代码。 示[详细]
-
网页右下角固定位置的Js悬浮窗口代码
所属栏目:[活动] 日期:2018-10-16 热度:136
Js实现网页右下角固定位置的悬浮窗口代码,为了便于查看效果,测试时用随机函数产生一定的内容,与浮动窗口的控制无关,不想用可以去掉。代码内有注释。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1[详细]