-
js 网站连接速度测试 延迟加载
所属栏目：[交互] 日期：2018-09-01 热度：168
网站的连接速度测试，貌似速度都挺快，呵呵，测试个大概吧，这个更像是Windows中的Ping的速度，本代码测试的是连接到指定主机的速度，并不是网页下载的速度。 而且在本效果中，采用了js延迟加载的效果，如果网速慢的话，会显示：正在连接。。。 效果如下：[详细]
-
js检测浏览器对象 分辨率、鼠标坐标等
所属栏目：[交互] 日期：2018-09-01 热度：77
本文介绍的是 Java Script配合CSS检测浏览器对象和鼠标位置，CSS主要用于美化文字，将文字变成漂亮的字体以及设置自定义颜色，Js完成操作系统判断、浏览器版本及名称、显示器 分辨率 、鼠标的位置：x、y坐标等信息，尽管检测的不是太准确，但是已经把原理[详细]
-
js无刷新添加可拖拽、移动的DIV区域块
所属栏目：[交互] 日期：2018-09-01 热度：127
这是利用javascript实现的无刷新添加一个新的DIV层，没有使用 jQuery 哦，功能非常不错。并可实现的该层的拖动，鼠标拖动层可移动位置，将JS部分另存为一个新文件，用到的时候从外部引入，这个拖动层代码很流行，GG和YAHOO等大网站经常可以看到这种效果。[详细]
-
js实现更多内容的收缩与展开效果
所属栏目：[交互] 日期：2018-09-01 热度：112
Java SCript完成的一段文字收缩与展开的特效代码，在电影网站里，经常会看到电影简介，但是为了页面整体美观的情况下，会隐藏一部分文字以使网页整齐美观，当你想详细看的时候点击更多会展开所有的文字，本代码就是实现了这样一种功能，点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目：[交互] 日期：2018-09-01 热度：93
一款网页底部的浮动条效果，跟随滚动条。在IE与 火狐浏览器 下测试通过，这是烈火在UED TEAM博客发现的，特别分享出来给大家，希望对大家有所帮助。 原理：在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目：[交互] 日期：2018-09-01 热度：67
jQuery 伸缩与展开效果，个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题，当初朋友的一个网页，打开后某部分是闭合的，点击后才展开，后来过来问我如何让它一打开就展开，当时偶水平也很菜，没能搞出来。呜呜！！遇到类似问题的朋友，不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目：[交互] 日期：2018-09-01 热度：123
用VML在网页上画正弦和余弦曲线，这里使用polyLine和arrow两个函数分别画折线和箭头，两个基本的元素绘画完成，整条曲线也就很容易的就出现了。 关于VML的百科介绍：http://baike.liehuo.net/doc-view-8894.html 文章回顾： 利用VML在网页上绘制一幅逼真的[详细]
-
JavaScript 模拟雷达扫描的网页效果
所属栏目：[交互] 日期：2018-08-20 热度：172
Java Script 模拟雷达扫描的网页效果，屏幕上有一个小亮点，慢慢地移动，那就是飞机了...... 背景光圈采用JPG格式图片，雷达扫描线用javaScript实现，代码可参考性强，特别在编写网页游戏的时候，我们可以借鉴这些代码。 演示： HTMLHEADTITLE雷达扫描效果[详细]
-
JavaScript 实现三维变色镜效果代码
所属栏目：[交互] 日期：2018-08-20 热度：155
Java Script 实现三维变色镜效果代码，注意哦！本效果需要启用DirectAnimation库，请升级到最新版的JavaScript脚本库，要不然看不到效果哦。 一个方框从图的左边扫描到图的右边,所到之处,颜色变化. 这个动画依然是用文字特效来完成,效果的连贯性更胜于Gif[详细]
-
始终位于网页底部的公告条，可关闭，jQuery版
所属栏目：[交互] 日期：2018-08-20 热度：82
本文介绍的是一款始终位于网页底部的公告条（栏），在这个浮动的公告层中，我们可以加入普通文字，也可以加入滚动的文字，始终跟随网页滚动位于网页尾部。什么，你是问能不能关闭吗？当然，可关闭！本特效使用 jQuery 框架，你觉得会很差吗？试试看吧，关[详细]
-
Js实现网页上拖动滑块选择范围的插件代码
所属栏目：[交互] 日期：2018-08-20 热度：195
Js实现网页上拖动滑块选择范围的插件代码，在网页放置一个带标尺的滑块，用鼠标拖动滑块可选择数值的范围，一个人性化的应用，代码关键处有注释，请认真参阅。本效果在IE6/7/8、火狐（firefox）下测试通过，兼容性非常不错，欢迎使用。 演示： !DOCTYPE ht[详细]
-
跟随鼠标的网页小宠物，始终保持一定距离
所属栏目：[交互] 日期：2018-08-20 热度：149
跟随鼠标的网页小宠物，始终与鼠标保持一定距离，感觉非常有意思，其实这里的小宠物也可以是其它图片，原理是 Java Script利用鼠标相关的函数，将图片控制在鼠标周围，非常不错的小代码，放在个人博客很不错。 小提示：鼠标不要移动的太快哦，否则小宠物会[详细]
-
跟随鼠标并呈圆形旋转散开的小花特效代码
所属栏目：[交互] 日期：2018-08-20 热度：130
跟随鼠标并呈圆形旋转散开的小花特效代码，一个比较老的特效代码了，烈火小编在网上收集来的，可能有的童鞋早就见过，适合在个人主页上使用，打开网页时，会看到鼠标周围有不断旋转的小花，然后迅速消散的无影无踪。 想知道是什么效果吗，赶紧点击下边的运[详细]
-
鼠标轨迹模拟效果，JavaScript图片跟随鼠标代码
所属栏目：[交互] 日期：2018-08-20 热度：163
鼠标轨迹模拟效果， Java Script图片跟随鼠标代码。当我们移动鼠标的时候，从第一个始点到终点间可用图片模拟出来，就像是带拖影的图片特效，不明白意思的是，可先运行一下看效果。 演示： htmlheadmeta http-equiv=Content-Type content=text/html; chars[详细]
-
跟随鼠标的小球，有弹性围绕鼠标“扯蛋”效果
所属栏目：[交互] 日期：2018-08-20 热度：63
跟随鼠标的小球，有弹性围绕鼠标扯蛋效果，看标题挺有意思吧，呵呵。烈火小编给这个特效取名为鼠标扯蛋效果，如果想知道是什么样的，就赶紧点击下边的运行代码按钮吧，运行后，如果不能立即显示效果，请单击网页任意空白处即可。 小提示：可将此代码用在自[详细]
-
网页顶部下垂的浮动条,有缓冲效果,可关闭
所属栏目：[交互] 日期：2018-08-20 热度：162
网页顶部下垂的浮动条,有缓冲效果,可关闭。该特效可以放网站公告，或一些导航菜单，比较醒目，当有人访问网站时，导航条徐徐的降下，不需要的时候可以关闭，跟IE默认的阻止弹窗的工具条有点相似，推荐使用！ 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTM[详细]
-
JavaScript 递归算法计算阶乘代码
所属栏目：[交互] 日期：2018-08-19 热度：129
使用 Java Script中的递归算法计算阶乘，初学编程时候，这是很常见的小例子，比较一下，JS中的计算方法与其有何异同。 演示： htmlheadmeta http-equiv=content-type content=text/html; charset=GB2312 /title递归算法计算阶乘/title/headbody style=over[详细]
-
案例解析｜如何设计一个专业的产品着陆页？
所属栏目：[交互] 日期：2018-02-21 热度：158
副标题#e# 对于许多品牌和网站而言，着陆页在营销上有着至关重要的作用。用户打开着陆页之后，能够通过它瞬间明白这个网站是做什么的，提供什么样的产品，什么样的服务，同时不会被其他的信息所分心。正是因为着陆页的独特地位，它在品牌和内容营销上的作用[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目：[交互] 日期：2018-02-21 热度：72
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」，只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题，因此对 2018 年交互趋势的预测，我们将目光聚焦在[详细]
-
从这7个方面入手，让移动端交互体验更加优秀
所属栏目：[交互] 日期：2018-02-21 热度：107
移动端设计的质量好坏，其实并不难度量。当用户可以流畅轻松地使用，不用耗费精力便可以完成各种任务，这就说明APP或者网站的设计足够优秀。用户对于交互其实是很敏感的，好用不好用，满意不满意，他们会通过简单的操作快速判断出来。 移动端的应用和网页[详细]
-
行为的设计：行为也可以成为品牌的符号
所属栏目：[交互] 日期：2018-02-21 热度：184
副标题#e# 注：行为的设计需要设计师对人与产品间的关系有更加深刻的理解，所以这并不是一件轻松的事情，设计师需要为此付出更多的尝试然后承受更多的失败。 为什么会出现下拉刷新，以及，在下拉刷新出现之前为什么没有下拉刷新？这些问题的答案似乎显而易[详细]
-
减轻用户记忆负担：识别与回忆在人机交互中的应用
所属栏目：[交互] 日期：2018-02-21 热度：69
副标题#e# 注：为了更好的理解和区分识别和回忆，并找出为什么在UI设计时我们更喜欢“识别”，我们要探究一下人类的记忆是如何工作的。 在交互设计领域，Top10 的提升用户体验的方法之一即是：避免让用户艰难回忆，而是要让他们自然地识别出产品的功能。那[详细]
-
设计实战：以不变应万变，交互规范的制作与思考
所属栏目：[交互] 日期：2018-02-21 热度：60
副标题#e# 作者：网易UEDC 规范很重要 规范和秩序存在于生活的方方面面。不知道大家有没观察过，稍微有点规模的咖啡连锁店，一般至少会有 3 位职员，分别负责收银点单，制作咖啡，打扫。他们各司其职，高效配合，以保证快速满足客户的需求。规范操作让其井[详细]
-
恐怖，你的这些无意识行为被营销利用得如此彻底
所属栏目：[交互] 日期：2018-02-03 热度：116
副标题#e# 作者：Eva 来源：营销航班 上过叫兽课程的人都知道痛点文案算是叫兽课程的精华部分，按照叫兽给出的十一大痛点文案模板，你的文案水平几乎可以大踏步上一个台阶，句句戳中痛点。但是伴随着市面上痛点文案的大肆使用，一股反“扎心”风潮也席卷而[详细]
-
我是如何成功的把一家淘宝店铺给作死
所属栏目：[交互] 日期：2018-02-03 热度：133
副标题#e# 推荐 | 张涛 现在这个社会，都在鼓吹如何才能成功，却忽略了成功的不可控因素太多。个人建议不妨看看别人如何失败，起码我们知道了哪条路不对，可以少走一些弯路。 记得以前在微博上有个电商大V组织了一个话题活动：三句话写出自己的简历。我记得[详细]
