-
CSS背景提示框,根据cookie只显示一次代码
所属栏目:[活动] 日期:2018-08-16 热度:90
运用 Java Script的cookie技术,控制网页上的提示DIV只显示一次,也就是当用户是第一次打开网页的时候才显示,第二次自动隐藏起来,很好的提升了用户体验,不会使用户烦感;利用Cookies,我们还可做超多的事情,慢慢体会吧。 代码演示: !DOCTYPE html PUB[详细]
-
仿Gmail纯css,圆角,渐变背景,自适应按钮
所属栏目:[活动] 日期:2018-08-16 热度:56
仿Gmail纯css,圆角,渐变背景,自适应按钮 gmail风格button的优点: 文字自适应,高度自适应 无图片,减少request请求数 可维护性好,后期只需修改css 扩展性好,可以非常便捷的做出各种颜色按钮 依据gmail的制作思想(请参考Gmail button样式原作者Douglas Bowman[详细]
-
逼真的网页倒计时效果,js结合背景图片实现
所属栏目:[活动] 日期:2018-08-16 热度:147
烈78火77网(LieHuo85.Net)网页特效教程,前几天烈火给大家推荐了一个网购倒计时的文章,不知道大家是否记得,本文我们再来阅读一个逼真的Js图片倒计时,显示剩余小时、分钟、秒数。仅用了一张图片就搞定了,与纯网页版的不太一样哦。现在用图片模拟LED的效[详细]
-
跟随滚动条的网页浮动层,xScrollStick代码
所属栏目:[活动] 日期:2018-08-16 热度:67
跟随滚动条的网页浮动层,xScrollStick代码,滚动条滚动而元素相对屏幕位置不变 网上有很多类似的效果,本代码比较起来有如下优点: 1. 兼容IE6.0+ FF1.5+ 2. 使用非常简单,属于菜鸟最爱的那种拿来就能用的,见下面说明 3. 元素之间不会起冲突,一页中可[详细]
-
简单几行代码实现的层拖动、拖放、拖拽效果
所属栏目:[活动] 日期:2018-08-16 热度:61
简单几行代码实现的层拖动、拖放、拖拽效果,几乎兼容所有的浏览器,无调用外部JS插件,完全 Java Script代码实现,兼容IE/ Firefox / Chrome 等内核的浏览器,分享给前端开发者参考。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=[详细]
-
CSS实现两个层互相显示,层在层之上的效果
所属栏目:[活动] 日期:2018-08-16 热度:182
CSS实现两个层互相显示,层在层之上的效果。也叫重叠层,互想不影响,曾经调试了不少次,最关键的是CSS定位的问题。也算是给CSS前端开发者提供一个定位的参考例子吧。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; chars[详细]
-
CSS完美的文字垂直居中代码
所属栏目:[活动] 日期:2018-08-16 热度:73
一款CSS完美的文字垂直居中代码,来自国外的网页爱好者网站,大家可能遇到过这样的问题,就是文字在层内垂直居中对齐,Word的表格中就有这种功能,并且实现了响应鼠标变化层背景的特效。 实例: !DOCTYPE HTMLhtmlheadmeta meta charset=gbktitleCSS垂直居[详细]
-
js实现层上下左右伸展与收缩的动画效果
所属栏目:[活动] 日期:2018-08-16 热度:126
js实现层上下左右伸展与收缩的动画效果。作者:DK,实例名称:Animate动画效果,其中包括了一个通用动画类。它包含一些常用的动画效果,例如显示隐藏,展开关闭等等,同样它也包含一个通用的动画函数,让你可以自己定义个性化的动画效果。 动画演示: !DOC[详细]
-
点击图片弹出遮罩效果的提示层,带关闭按钮
所属栏目:[活动] 日期:2018-08-16 热度:61
点击图片弹出提示层效果,并且弹出后的层是上下左右居中显示的,这里引用了 jQuery 插件。本代码来自某游戏网站,其原用途是游戏开区提示公告,当然大家也可以把这个效果用在自己实现的地方。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷[详细]
-
jQuery点击展开层,动态下拉效果,鼠标离开收缩
所属栏目:[活动] 日期:2018-08-16 热度:101
jQuery 点击展开层,动态下拉效果,鼠标离开收缩。小编认为自己写的标题还是非常明白的,不像某些源码网站写的标题与源代码不相符,这样耽误了大家的时间。不废话了,进入正题。 这是一款基于jQuery完成的动态折叠层效果,好像有点像选项卡的感觉,当我们[详细]
-
jQuery随网页滚动的层,在线客服代码雏形
所属栏目:[活动] 日期:2018-08-16 热度:195
随手写的一个比较简单的 jQuery 随网页滚动的层代码,可以有很多用途,例如最常见的就是在线客服代码,当然这里只是一个雏形,您需要美化修改后才可以使用。代码还实现了向下滚动时的像素实时显示。 为解决一些网页特效运行后不能显示效果(例如:jQuery则[详细]
-
jQuery实现鼠标点击打开层,文字展开效果
所属栏目:[活动] 日期:2018-08-16 热度:172
任何事物都有其类似的东西,网页特效代码也是如此,就在前几天烈火小编刚给大家介绍了《jQuery实现鼠标滑过打开层,文字展开效果》,说的是鼠标滑过文字或链接时,展开一个层,这样的效果是鼠标自动触发展开的,有些朋友肯定需要点击才展开的效果,今天就[详细]
-
点击出现弹性、可拖拽的遮罩层,动态关闭层效果
所属栏目:[活动] 日期:2018-08-16 热度:144
点击按钮显示带弹性、可拖拽的遮罩层,点击右上角的关闭按钮,动态向上消失效果,这是基于 jQuery 写的一个弹出层的类,作者将一些参数提另写出来,例如:拖拽、关闭按钮、层的透明度、回弹的速度和回弹的次数等,非常不错的特效。 为解决一些网页特效运行[详细]
-
jQuery简单实例:鼠标经过文字背景变色效果
所属栏目:[活动] 日期:2018-08-15 热度:100
一个极其简单的 jQuery 简单实例:鼠标经过文字背景变色效果,如果单纯使用jQuery实现这么一个简单的效果就真的大材小用了。那么发这个代码的目的是什么呢?我们是希望您能在网站引入jQuery插件以后,逐步实现一些功能,这样才好真正的学习jQuery,从基础[详细]
-
jQuery实现文字环绕图片的布局效果
所属栏目:[活动] 日期:2018-08-14 热度:72
自从网站改版为软件下载站后,烈火网(现在叫最火软件站)就很久没有给大家发布过网页特效了,今天有时间来补一课《 jQuery 实现文字环绕图片的布局效果》,这里说的文字环绕又叫画中画效果(之前有一个例子),今天的例子则不同,因为引入了jQuery框架,[详细]
-
Js弹出DIV遮罩层并在页面居中显示效果
所属栏目:[活动] 日期:2018-08-14 热度:53
Js弹出DIV遮罩层并在页面居中显示效果,这两天要用到正好练练手,比想象中碰到的问题要多,比如: ie6背景透明 ie6居中显示 还有对js对象的理解 openID=显示按钮,conID=需要显示的div,closeID=关闭按钮 解决了: 1.可以遮挡ie6下的select元素 但是在ie6下div没[详细]
-
JS弹出层代码 层居中并可以关闭和拖拽
所属栏目:[活动] 日期:2018-08-14 热度:98
这是一个用javascript实现的弹出一个层,让层居中,并且可以拖拽喔,代码如下,复制粘贴后,保存成html,就可以直接看到效果喔 ,虽然界面有点丑,但功能实现了,希望大家一起来改进。 演示效果: html xmlns=http://www.w3.org/1999/xhtmlheadtitleveryhuo[详细]
-
jQuery折叠层,默认闭合,点击收缩和展开效果
所属栏目:[活动] 日期:2018-08-14 热度:152
刚刚介绍了一款利用 jQuery 实现的折叠层,点击收缩和展开效果,默认情况下是展开的,可能有的童鞋需要默认情况是闭合的,现在就来分享一下,这里主要是用 Java Script代码定义的,在此提示,第一次运行请刷新一下页面,让远程的jQuery插件载入。 为解决一[详细]
-
利用jQuery实现的折叠层,点击收缩和展开效果
所属栏目:[活动] 日期:2018-08-14 热度:65
一款利用 jQuery 实现的折叠层,点击收缩和展开效果,默认情况下是展开的,主要是用 Java Script代码定义的,在此提示,第一次运行请刷新一下页面,让远程的jQuery插件载入。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特[详细]
-
CSS网页布局实例:纯CSS六宫格布局代码
所属栏目:[活动] 日期:2018-08-14 热度:110
一款基于CSS的网页布局实例代码,这里主要是使用纯CSS完成六宫格布局,在论坛上看到有人发问,这是转载别人写的代码,思路就是外面用一个div遮住 overflow-x:hidden;相信对学习CSS还是有帮助的,关键是提供一种编写的思路,至于代码的实现就要靠自己的CSS[详细]
-
网页尾部的浮动指示框,始终在网页底部
所属栏目:[活动] 日期:2018-08-14 热度:176
网页中的浮动指示框,浮动提示框,用于显示信息,可以使用HTML语法,注意引号用法,单套双。 在JAVAsCRITP代码内,变量displaymode有三种模式:0 代表信息永远显示,1 代表信息只显示一段时间,2为随机显示模式; 演示: htmlheadtitle网页中的浮动指示框/t[详细]
-
点击链接居中弹出层代码,网页可关闭的层效果
所属栏目:[活动] 日期:2018-08-14 热度:102
一款基于 Java Script的网页弹出层代码,点击链接后,在网页居中弹出层,点击关闭或层以外的部分都可关闭这个层,此类的效果还有很多,您可以通过弹出层这个标签来索引一下。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://[详细]
-
JS仿Windows左右调整,左右拖动改变层大小
所属栏目:[活动] 日期:2018-08-13 热度:73
刚刚见识了网页中仿Windows的垂直调整效果,再来瞧瞧左右调整,这是一款可拖动的内容显示区,左右拖动红条改变显示区域宽度大小,往左拖则全部显示右侧内容,往右拖则全部显示左则内容,类似QQ的聊天窗口一样,可以向上或向下拖动大小,以适合使用者的要求[详细]
-
JS实现层上下部分可拖动,仿Windows垂直调整代码
所属栏目:[活动] 日期:2018-08-13 热度:174
JS实现层上下部分可拖动,仿Windows垂直调整代码。非常经典的Windows窗口效果,但是您估计没有在网页上看到过,兼容性非常好。在IE或火狐以及 Chrome 等浏览器都能正常运行。 操作方法:上下拖动红条改变显示区域高度,往上则全部显示下部的内容,往下拖则[详细]
-
jQuery滑过展开层效果:关于hover的合成事件
所属栏目:[活动] 日期:2018-08-13 热度:141
刚刚介绍了 jQuery 点击展开层效果,再来介绍一款与之几乎完全一样的效果,唯一不同的是:本文是jQuery滑过展开层效果,而不是点击它!这是关于hover的合成事件,jQuery滑过展开层效果:关于hover的合成事件。 为解决一些网页特效运行后不能显示效果(例如[详细]
