-
判断是否IE6，如果是则提示升级浏览器
所属栏目：[交互] 日期：2018-08-21 热度：146
一个与浏览器有关的脚本 ，也是大家从事WEb前端编程常见的编程技巧，就是判断浏览器的版本，如果发现版本不符合你的设计要求，就给出提示升级浏览器，这样你的网页会更有体验。 回顾： 以前的教程，烈火曾经提到判断IE6的方法，例如： javascript 判断ie与[详细]
-
js 也能画画,简单代码实现城市风景
所属栏目：[交互] 日期：2018-08-21 热度：160
用js代码作画，你想过没有？我们知道js编写游戏，在以前的文章中，有网页版泡泡龙、Bubble Breaker、JS网页版连连看、Google吃豆子、星际争霸等，今天烈火给大家介绍的是JS的简单代码实现的风景。 看看下面的效果，你就知道了，这可不是一幅画，这是特殊字[详细]
-
可拖拽的自定义模块效果,基于JavaScript编写
所属栏目：[交互] 日期：2018-08-21 热度：70
本文介绍的是使用 Java Script精仿iGoogle自定义首页模块拖拽效果，这是烈火发表的第一篇关于模块可拖拽的网页特效，一直以来这种效果都非常流行，尤其作为网址导航或个性首页都在使用这个效果，现在在使用的最著名就是iGoolge主页，还正在采用这种模式，[详细]
-
利用VML在网页上绘制一幅逼真的梅花图
所属栏目：[交互] 日期：2018-08-21 热度：142
今天烈火给大家介绍的是一个特殊的网页特效，在本特效中要用到VML，在文中，作者使用VML在网页上绘制了一幅梅花图，尤其对于VML爱好者来说，可不能错过机会哟。 关于VML VML是The Vector Markup Language(矢量可标记语言)的缩写。VML用于将图形数据矢量化[详细]
-
JS编写透明度渐变、位置移动等多个函数
所属栏目：[交互] 日期：2018-08-21 热度：133
JS封装一个透明度渐变、尺寸变化、位置移动函数 这三个函数适用于以下情况： 1、在做前端页面时，只需要简单的动画效果，不想引入整个动画类，使用本函数。 2、在写js类时，需要用到简单的动画，为了降低藕合性，使用本函数。 查看演示： !DOCTYPE HTML PU[详细]
-
类似HAO123.COM的多个搜索引擎跳转效果
所属栏目：[交互] 日期：2018-08-21 热度：136
烈火网(LieHuo.Net)网页特效 前几天，有朋友咨询hao123.com网址首页的多个搜索引擎搜索跳转效果是如何实现的，烈火告诉他，这是利用JS代码，就如同烈火上网导航（访问）的多搜索一样，没有去hao123把代码扣下来，小编在网上找到一款代码，不过本代码与它的[详细]
-
JavaScript实现地图控制上下左右的移动
所属栏目：[交互] 日期：2018-08-21 热度：106
烈火网(LieHuo.Net)网页特效教程：本文介绍的是 Java Script编程实现地图上下左右的移动控制代码，比较不错，现在的地图网站很多，类似这种的特效也有很多，这是其中这一，写的很不错，用尽可能少的代码解决实际问题，各位读者不仿借鉴一下。欢迎对烈火的[详细]
-
JavaScript智能识别网页关键字并加红
所属栏目：[交互] 日期：2018-08-21 热度：63
烈火网(LieHuo.Net)JS网页特效 Java Script智能识别网页关键字并加红显示出来，这个效果大家不陌生吧，用JS加红关键字要比程序控制输出好得多，必竟将一部分功能交给了客户浏览器，相应减轻了服务器的压力。 演示部分： !DOCTYPE html PUBLIC -//W3C//DTD[详细]
-
基于jquery写的脚本验证器【附实例代码】
所属栏目：[交互] 日期：2018-08-21 热度：188
主要用到了jquery，以及自定义的一个属性wl_check，属性说明如下： 1、语法 [need:true,type:int,maxlen:15,minlen:2] 2、关键字 need：文本输入框的必填限制 regtype：文本输入框的正则表达式类别验证 minlen：文本输入框的最小输入长度 maxlen：文本输入[详细]
-
JavaScript绘图代码，圆形、弧形、扇形等
所属栏目：[交互] 日期：2018-08-15 热度：121
Java Script绘图代码演示实例，可以画出圆形、弧形、扇形、弹出扇形等图形。支持浏览器为IE5及以上版本，不支持火狐和谷歌等浏览器，否则会提示：对不起！您的浏览器不能支持该页的某些功能，请换用IE4.0以上版本的浏览器！谢谢！ 演示： !DOCTYPE html PU[详细]
-
基于 jQuery 的冒泡事件 demo 示例代码
所属栏目：[交互] 日期：2018-08-15 热度：153
基于 jQuery 的冒泡事件 demo 示例代码，这是烈火网第一次发表jQuery的冒泡示例，有的网友可能还记得《JavaScript 的事件冒泡 demo 示例》，还有《JavaScript随机数排序（冒泡排序）代码》。 为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷[详细]
-
利用HTML5的Canvas元素实现方块字放大特效
所属栏目：[交互] 日期：2018-08-15 热度：101
利用HTML5的Canvas元素实现方块字放大特效，闲来无事研究一下Canvas，主要是为了熟悉ImageData，围绕方块字的放大特效 圆润毛边和曲线什么的没去研究过，因为涉及到算法和 画图 方面的东西，不是用Canvas自己的画图命令来画图，不然就像 AutoCAD 里手动命[详细]
-
雪花飘舞下的圣诞树旋转效果 基于HTML5技术实现
所属栏目：[交互] 日期：2018-08-15 热度：144
分享一款3D逼真的雪花飘舞下的圣诞树旋转效果，这么漂亮炫酷的效果当然是基于HTML5技术实现的哦，这可不是Flash制作的哦，另外本效果需要在 IE9 、 Chrome 、火狐等浏览器下才会有效果的，因此呢下边的运行按钮您也不用按了，请直接另存代码或复制代码再通[详细]
-
JS事件触发实例:数字摇奖的简单代码
所属栏目：[交互] 日期：2018-08-15 热度：105
Java Script事件触发实例:数字摇奖的简单代码，点击按钮后，数字会变化，模拟的代码，利用随机数变换数字。这里只是一个简单的雏形代码，主要是为了演示该效果，如果您打算实际应用，请在此基础上进行扩展或更深层次的开发。 示例： !DOCTYPE htmlhtmlhead[详细]
-
2012年百度首页响应鼠标动态“龙”涂鸦效果
所属栏目：[交互] 日期：2018-08-15 热度：144
2012龙年春节，全球最大中文搜索引擎百度，在首页上推出响应鼠标舞动的中国龙特效，百度也大牛了一把，把看似简单的事做的比较有亮点，实则用到的技术挺复杂，也挺前沿，再些把代码分享给广大前端爱好者，希望您能从中发现奇迹。 示例： !doctype htmlhtml[详细]
-
CSS3场景动画：从日出、云开到月亮升起
所属栏目：[交互] 日期：2018-08-15 热度：57
基于 jQuery 和CSS3实现的一幅场景动画，在这个物资中演示了：从日出云开、到日落傍晚，再到月亮升起的完整一天，兼容的浏览器有： Chrome , Safari , Firefox 5+,IE10 PP3，并且在网页中还提供了每个场景使用的CSS代码，方便大家阅读。 为解决一些网页特[详细]
-
JS实现图片以椭圆轨迹运动并实时坐标的代码
所属栏目：[交互] 日期：2018-08-15 热度：131
Java Script结合CSS实现图片以椭圆轨迹 运动 ，在代码中设置了图片起始和结束的坐标位置，图片在运动的过程中，在textarea中实时显示坐标，很有参考价值的特效代码。 演示： !DOCTYPE htmlhtmlheadstyle type=text/css#div1 {margin:100px auto;width:5px;[详细]
-
JS网页恶搞代码，不断弹出、关不掉的对话框
所属栏目：[交互] 日期：2018-08-15 热度：104
您还记得愚人节吗？烈火网推出了一个恶搞网页，当你点击进入这个网页以后，就会被不断弹出的对话框所困扰，今天我们再来看一个类似的效果，与愚人节那个有所不同，愚人节那个对话框是有数量的，也就是说可以一直点到关闭为止，而今天介绍的恶搞代码是永远[详细]
-
JS+CSS实现动态变幻的彩色“下划线”效果
所属栏目：[交互] 日期：2018-08-15 热度：57
JS+CSS实现动态变幻的彩色下划线效果，看一下你就知道是什么了，怎么样，神奇吧！？其实这是一个下划线，就像Windows2000系统加载时的彩条一样，完全用JS控制生成的程序，非GIF图片。 示例： !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=t[详细]
-
案例解析｜如何设计一个专业的产品着陆页？
所属栏目：[交互] 日期：2018-02-22 热度：192
对于许多品牌和网站而言，着陆页在营销上有着至关重要的作用。用户打开着陆页之后，能够通过它瞬间明白这个网站是做什么的，提供什么样的产品，什么样的服务，同时不会被其他的信息所分心。正是因为着陆页的独特地位，它在品牌和内容营销上的作用是难以忽[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目：[交互] 日期：2018-02-22 热度：179
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」，只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题，因此对 2018 年交互趋势的预测，我们将目光聚焦在[详细]
-
减轻用户记忆负担：识别与回忆在人机交互中的应用
所属栏目：[交互] 日期：2018-02-22 热度：106
副标题#e# 注：为了更好的理解和区分识别和回忆，并找出为什么在UI设计时我们更喜欢“识别”，我们要探究一下人类的记忆是如何工作的。 在交互设计领域，Top10 的提升用户体验的方法之一即是：避免让用户艰难回忆，而是要让他们自然地识别出产品的功能。那[详细]
-
行为的设计：行为也可以成为品牌的符号
所属栏目：[交互] 日期：2018-02-22 热度：154
注：行为的设计需要设计师对人与产品间的关系有更加深刻的理解，所以这并不是一件轻松的事情，设计师需要为此付出更多的尝试然后承受更多的失败。 为什么会出现下拉刷新，以及，在下拉刷新出现之前为什么没有下拉刷新？这些问题的答案似乎显而易见，却又总[详细]
-
设计实战：以不变应万变，交互规范的制作与思考
所属栏目：[交互] 日期：2018-02-22 热度：132
副标题#e# 作者：网易UEDC 规范很重要 规范和秩序存在于生活的方方面面。不知道大家有没观察过，稍微有点规模的咖啡连锁店，一般至少会有 3 位职员，分别负责收银点单，制作咖啡，打扫。他们各司其职，高效配合，以保证快速满足客户的需求。规范操作让其井[详细]
-
从这7个方面入手，让移动端交互体验更加优秀
所属栏目：[交互] 日期：2018-02-22 热度：130
移动端设计的质量好坏，其实并不难度量。当用户可以流畅轻松地使用，不用耗费精力便可以完成各种任务，这就说明APP或者网站的设计足够优秀。用户对于交互其实是很敏感的，好用不好用，满意不满意，他们会通过简单的操作快速判断出来。 移动端的应用和网页[详细]
