-
判断是否IE6,如果是则提示升级浏览器
所属栏目:[交互] 日期:2018-09-12 热度:81
一个与浏览器有关的脚本 ,也是大家从事WEb前端编程常见的编程技巧,就是判断浏览器的版本,如果发现版本不符合你的设计要求,就给出提示升级浏览器,这样你的网页会更有体验。 回顾: 以前的教程,烈火曾经提到判断IE6的方法,例如: javascript 判断ie与[详细]
-
js 也能画画,简单代码实现城市风景
所属栏目:[交互] 日期:2018-09-12 热度:73
用js代码作画,你想过没有?我们知道js编写游戏,在以前的文章中,有网页版泡泡龙、Bubble Breaker、JS网页版连连看、Google吃豆子、星际争霸等,今天烈火给大家介绍的是JS的简单代码实现的风景。 看看下面的效果,你就知道了,这可不是一幅画,这是特殊字[详细]
-
可拖拽的自定义模块效果,基于JavaScript编写
所属栏目:[交互] 日期:2018-09-12 热度:120
本文介绍的是使用 Java Script精仿iGoogle自定义首页模块拖拽效果,这是烈火发表的第一篇关于模块可拖拽的网页特效,一直以来这种效果都非常流行,尤其作为网址导航或个性首页都在使用这个效果,现在在使用的最著名就是iGoolge主页,还正在采用这种模式,[详细]
-
利用VML在网页上绘制一幅逼真的梅花图
所属栏目:[交互] 日期:2018-09-12 热度:103
今天烈火给大家介绍的是一个特殊的网页特效,在本特效中要用到VML,在文中,作者使用VML在网页上绘制了一幅梅花图,尤其对于VML爱好者来说,可不能错过机会哟。 关于VML VML是The Vector Markup Language(矢量可标记语言)的缩写。VML用于将图形数据矢量化[详细]
-
JS编写透明度渐变、位置移动等多个函数
所属栏目:[交互] 日期:2018-09-11 热度:153
JS封装一个透明度渐变、尺寸变化、位置移动函数 这三个函数适用于以下情况: 1、在做前端页面时,只需要简单的动画效果,不想引入整个动画类,使用本函数。 2、在写js类时,需要用到简单的动画,为了降低藕合性,使用本函数。 查看演示: !DOCTYPE HTML PU[详细]
-
类似HAO123.COM的多个搜索引擎跳转效果
所属栏目:[交互] 日期:2018-09-11 热度:181
烈火网(LieHuo.Net)网页特效 前几天,有朋友咨询hao123.com网址首页的多个搜索引擎搜索跳转效果是如何实现的,烈火告诉他,这是利用JS代码,就如同烈火上网导航(访问)的多搜索一样,没有去hao123把代码扣下来,小编在网上找到一款代码,不过本代码与它的[详细]
-
JavaScript实现地图控制上下左右的移动
所属栏目:[交互] 日期:2018-09-11 热度:107
烈火网(LieHuo.Net)网页特效教程:本文介绍的是 Java Script编程实现地图上下左右的移动控制代码,比较不错,现在的地图网站很多,类似这种的特效也有很多,这是其中这一,写的很不错,用尽可能少的代码解决实际问题,各位读者不仿借鉴一下。欢迎对烈火的[详细]
-
JavaScript智能识别网页关键字并加红
所属栏目:[交互] 日期:2018-09-11 热度:126
烈火网(LieHuo.Net)JS网页特效 Java Script智能识别网页关键字并加红显示出来,这个效果大家不陌生吧,用JS加红关键字要比程序控制输出好得多,必竟将一部分功能交给了客户浏览器,相应减轻了服务器的压力。 演示部分: !DOCTYPE html PUBLIC -//W3C//DTD[详细]
-
基于jquery写的脚本验证器【附实例代码】
所属栏目:[交互] 日期:2018-09-11 热度:122
主要用到了jquery,以及自定义的一个属性wl_check,属性说明如下: 1、语法 [need:true,type:int,maxlen:15,minlen:2] 2、关键字 need:文本输入框的必填限制 regtype:文本输入框的正则表达式类别验证 minlen:文本输入框的最小输入长度 maxlen:文本输入[详细]
-
基于jquery、带动画效果的网页操作小例子
所属栏目:[交互] 日期:2018-08-17 热度:111
Java Script Closures,jquery相关的动画操作小例子,生成一些实用的小动画效果,学习jquery的朋友不妨参阅一下。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特效 运行演示: !DOCT[详细]
-
基于JavaScript的鼠标HOOK,实时获取鼠标坐标
所属栏目:[交互] 日期:2018-08-17 热度:151
基于 Java Script的鼠标HOOK,适时获取鼠标坐标。运行本代码后,在本页窗口上移动鼠标,在状态栏上会显示出鼠标的各项位置参数,比如X/Y坐标,点击鼠标时,信息会定格,再此点击,则重新HOOK,一般情况下,貌似不怎么用,不过在编写网页游戏的时候,这功能[详细]
-
pyramid使用jQuery加DIV实现动态添加的金字塔结构
所属栏目:[交互] 日期:2018-08-17 热度:109
pyramid使用 jQuery 加DIV实现动态添加的金字塔结构,演示如何动态控制Div,这也算是前端WEB设计经常会碰到的一个实用技巧了,在不少的显示、隐藏效果中,类似本功能的实现。 源码下载:http://www.veryhuo.com/down/html/29853.html 演示代码: !DOCTYPE[详细]
-
JavaScript内面内容上移、下移效果代码
所属栏目:[交互] 日期:2018-08-17 热度:146
Java Script内面内容上移、下移效果代码,这个不用详细解释了吧,看帖子标题我们就明白了,烈火网小编给大家介绍的是类似《烈火上网导航LiehuoWMS网址管理系统》中的内容上移、下移的功能,只不过这里实现的是简单功能,不多说了,自己看示例代码吧。 示例[详细]
-
JavaScript 节点的AJAX删除与重建示例代码
所属栏目:[交互] 日期:2018-08-17 热度:103
Java Script 节点的ajax无刷新删除与重建示例代码,删除节点后,会自动重新建立节点,序号自动排列,比如删除当前的第3条数据后,第4条的序号会智能变为3,以此类推,保证序号不乱。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN[详细]
-
JavaScript仿腾讯新闻年份事件滑动效果代码
所属栏目:[交互] 日期:2018-08-17 热度:146
Java Script 仿腾讯新闻年份事件滑动效果,具体请看代码吧,里面的注释很丰富,效果也不错。现在在腾讯新闻专题页面还可见到此效果。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi[详细]
-
在JavaScript中添加Prototype对象的方法
所属栏目:[交互] 日期:2018-08-17 热度:103
在 Java Script中添加Prototype对象的方法,Prototype是一款优秀的JS框架库,用它可创建超丰富的JavaScript前端交互应用,是实现Ajax功能的良好工具,一般情况下,它的使用都离不开JS的引用,本代码就实现了如何使用JS引入Prototype。 演示: htmlheadtitl[详细]
-
jQuery 模拟的无刷新分页代码
所属栏目:[交互] 日期:2018-08-17 热度:147
jquery 模拟的网页无刷新分页效果代码,这里实现的是一个基础的雏形,包括了分页的核心代码,搞懂了本代码,你基本可以明白分页的原理了,如果要用到你的程序中,可以需要一些改动。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问[详细]
-
JavaScript 关于 if else 条件判断的语句
所属栏目:[交互] 日期:2018-08-17 热度:96
Java Script 关于if/else条件语句的具体用法举例,虽然这是JavaScript中IF/ELSE,但几乎所有的程序语言中都有此用法,不懂提IF/ELSE的话,你可能还对程序开发没有入门,不管你是ASP/PHP/JSP/JS,你或许都要懂得它的用法和作用。 这里给出的仅是JS代码,你[详细]
-
JavaScript do while循环的用法代码实例
所属栏目:[交互] 日期:2018-08-17 热度:101
Java Script do while循环的用法代码实例,从1输出5个数字,循环输出,循环的用法当然是比较普遍的,不管是JS还是ASP/PHP/JSP等都有循环的使用。 演示代码: htmlheadtitledo while循环/title/headbodycenterh2测试do while循环/h2/centerhrscript languag[详细]
-
案例解析|如何设计一个专业的产品着陆页?
所属栏目:[交互] 日期:2018-02-21 热度:126
对于许多品牌和网站而言,着陆页在营销上有着至关重要的作用。用户打开着陆页之后,能够通过它瞬间明白这个网站是做什么的,提供什么样的产品,什么样的服务,同时不会被其他的信息所分心。正是因为着陆页的独特地位,它在品牌和内容营销上的作用是难以忽[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目:[交互] 日期:2018-02-21 热度:151
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」,只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题,因此对 2018 年交互趋势的预测,我们将目光聚焦在[详细]
-
从这7个方面入手,让移动端交互体验更加优秀
所属栏目:[交互] 日期:2018-02-21 热度:58
移动端设计的质量好坏,其实并不难度量。当用户可以流畅轻松地使用,不用耗费精力便可以完成各种任务,这就说明APP或者网站的设计足够优秀。用户对于交互其实是很敏感的,好用不好用,满意不满意,他们会通过简单的操作快速判断出来。 移动端的应用和网页[详细]
-
行为的设计:行为也可以成为品牌的符号
所属栏目:[交互] 日期:2018-02-21 热度:173
注:行为的设计需要设计师对人与产品间的关系有更加深刻的理解,所以这并不是一件轻松的事情,设计师需要为此付出更多的尝试然后承受更多的失败。 为什么会出现下拉刷新,以及,在下拉刷新出现之前为什么没有下拉刷新?这些问题的答案似乎显而易见,却又总[详细]
-
减轻用户记忆负担:识别与回忆在人机交互中的应用
所属栏目:[交互] 日期:2018-02-21 热度:91
副标题#e# 注:为了更好的理解和区分识别和回忆,并找出为什么在UI设计时我们更喜欢“识别”,我们要探究一下人类的记忆是如何工作的。 在交互设计领域,Top10 的提升用户体验的方法之一即是:避免让用户艰难回忆,而是要让他们自然地识别出产品的功能。那[详细]
-
设计实战:以不变应万变,交互规范的制作与思考
所属栏目:[交互] 日期:2018-02-21 热度:176
副标题#e# 作者:网易UEDC 规范很重要 规范和秩序存在于生活的方方面面。不知道大家有没观察过,稍微有点规模的咖啡连锁店,一般至少会有 3 位职员,分别负责收银点单,制作咖啡,打扫。他们各司其职,高效配合,以保证快速满足客户的需求。规范操作让其井[详细]
