-
Css水平垂直居中，Css自适应上下左右居中代码
所属栏目：[活动] 日期：2018-08-16 热度：196
早在烈火网2009年的教程中，我们就曾经发表过《网页水平垂直居中在不同分辨率的实现方法》，还有后来提到的实例横向分栏水平居中代码，关于CSS居中水平居中、垂直居中的例子还有很多，大家可以使用站内搜索查询一下。 今天我们再来看一个Css实现自适应上下[详细]
-
多级人物关系图代码，基于jQuery渐显效果
所属栏目：[活动] 日期：2018-08-16 热度：151
多级人物关系图代码，基于 jQuery 渐显效果，一些娱乐网站经常可以看到这样的效果，但大多数是由flash制作的，在本例中，作者使用了jQuery插件，充分发挥了jQuery的强大功能，效果非常不错。setQuestPose:function中的n代表共几个对象 r代表周长 i代表第几[详细]
-
CSS竖向排列的布局代码，自动换行效果
所属栏目：[活动] 日期：2018-08-16 热度：147
CSS竖向排列的布局代码，自动换行效果，好比电脑桌面的图标一样，自动竖着排列，排满一列后重新进行下一列排序。方法有很多，有人用JS,有人用CSS，不管什么样的方法，简单、兼容就是好代码，本代码仅供参考。 示例： !DOCTYPE htmlhtmlheadstyle#mainBox{b[详细]
-
JS弹出层插件代码，自定义大小，双击关闭
所属栏目：[活动] 日期：2018-08-16 热度：130
JS弹出层插件代码，自定义大小，双击关闭。可以理解为这是一个JS类，因为其自定义大小可以函数的形式调用，在例子中，作者分别写了弹出500,300、500,500等大小的窗口，点击后动态弹出窗口后，在弹出窗口内双击鼠标即可关闭。 示例： !DOCTYPE htmlhtmlhead[详细]
-
简单实现点击按钮弹出遮罩层，兼容火狐浏览器
所属栏目：[活动] 日期：2018-08-16 热度：184
简单实现点击按钮弹出遮罩层，兼容 火狐浏览器 。在火狐、IE6、7下都是可以拖动的，但是在 IE8 下有点小问题，不能拖动，也希望高手们帮忙修正，初次写弹出层，分享给大家。 示例： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://w[详细]
-
JavaScript动态弹出层，点击缓缓关闭效果
所属栏目：[活动] 日期：2018-08-16 热度：57
Java Script动态弹出层，点击缓缓关闭效果。 调用方式：onclick=ChuangJianDIV('要弹出的组建ID','弹出DIV的宽','弹出DIV的高','遮蔽div的透明度','弹出div的速度','遮蔽div的背景色','弹出div的背景色'); 如：onclick=ChuangJianDIV('divID','500','300',[详细]
-
jQuery点击后弹出可关闭遮罩层，适于网站公告
所属栏目：[活动] 日期：2018-08-16 热度：160
jQuery 点击后弹出一个可关闭的遮罩层效果，适于网站公告！现在这种效果已经很流行了，作为js中的优秀框架，jQuery给很多网站带来了优秀的网站体验，如果您的网站也想加入更多的jQuery特效，不妨先引入jQuery框架。 为解决一些网页特效运行后不能显示效果[详细]
-
JavaScript简单的点击按钮弹出层，可以关闭
所属栏目：[活动] 日期：2018-08-16 热度：62
Java Script简单的点击按钮弹出层，可以关闭！也就是弹出框，在网页中应用广泛，时间关系，没有进行太多的美化，但是在代码内含有注释，方便大家参考和使用。 示例： htmlheadtitle点击按钮，弹出一个层/titlescriptvar docEle = function() {return docum[详细]
-
点击弹出遮罩层，JavaScript弹出可关闭的对话框
所属栏目：[活动] 日期：2018-08-16 热度：175
一种带渐变的点击弹出遮罩层， Java Script弹出可关闭的对话框，可以设置弹出窗口的宽度、高度、边框颜色、标题颜色、标题高度、浏览器工作区域内页面宽度、定义div属性等，背景层(大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色)，[详细]
-
鼠标经过时，改变表格行、列的背景颜色
所属栏目：[活动] 日期：2018-08-16 热度：114
烈86火53网(LieHuo32.Net)教58程 一个表格与鼠标的实例代码，当鼠标经过时，改变表格行的颜色，只是实现了鼠标响应表格的颜色变化，而没有实现大家说的隔行换色（关于隔行换色的例子，请参考这里。），本方法是比较传统的了，呵呵，记得最开始学网页设计的[详细]
-
当选中单选框时，为其增加背景色增强显示
所属栏目：[活动] 日期：2018-08-16 热度：177
烈25火73网(LieHuo51.Net)网页特效教25程 当选中单选按钮时，为其增加一个背景色，以着重显示，也可称之为高亮显示，在提升网页用户体验方面，是非常不错的小例子，希望您能用的上，其实细节才能真正令人感动。 演示代码： htmlheadtitle动态适时改变选项[详细]
-
实时选取图片作为网页背景的JS实现代码
所属栏目：[活动] 日期：2018-08-16 热度：72
烈25火77网(LieHuo22.Net)教01程 实时选取图片作为网页背景的JS实现代码，使用文件字段动态设置网页的背景图片浏览到你想要的图片，然后点击按钮就行了，一个简单的小例子，学习Js与浏览器之间的互相配合。 特效演示： htmlheadtitle选取一个图片作为页面[详细]
-
可关闭的背景图片代码，出自新浪首页
所属栏目：[活动] 日期：2018-08-16 热度：90
可关闭的背景图片代码，出自新浪首页，每逢过节或遇到重大节日，新浪等门户的首页都为以此为背景，改变风格与事件对应，当然了用户可选择关闭背景，你现在看到的这款代码就是实现背景的关闭，实用简单。 演示效果： !DOCTYPE html PUBLIC -//W3C//DTD XHTM[详细]
-
Radio单选框动态改变网页背景颜色
所属栏目：[活动] 日期：2018-08-16 热度：69
Java script实现单选框（Radio）改变网页背景色，每点击一次单选按钮，就会改变网页的背景颜色，你当然可以继续增加一些单选按钮，这样能更换的网页背景色就更多了。 实例代码： htmlheadtitle单击选项按钮改变网页背景颜色/titlescript language=javascri[详细]
-
网页背景不断向下滚动,文字图片等元素不动
所属栏目：[活动] 日期：2018-08-16 热度：177
让网页背景滚动，文字及其它都不滚动的代码，其实就是网页背景不断向下滚动，而文字、图片等其他网页元素静止不动，有意思吧？这是JS实现的小特效，只要几句代码就完成了。你也来学习下吧，高手请飘过。 特效演示： htmlheadtitle滚动图片效果/title/headb[详细]
-
CSS滤镜设定网页背景的渐变的特效代码
所属栏目：[活动] 日期：2018-08-16 热度：196
CSS滤镜设定网页背景的渐变的特效代码，比起用图片平铺实现渐变背景，本方法更有利于网页加载,而且兼容性也不错，值得参考借鉴。 特效演示： htmlheadtitle设定背景的渐变效果/titlestyle type=text/css!--body{filter:progid:DXImageTransform.Microsoft.[详细]
-
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则需要刷[详细]
