-
JS编写透明度渐变、位置移动等多个函数
所属栏目:[交互] 日期:2018-08-29 热度:63
JS封装一个透明度渐变、尺寸变化、位置移动函数 这三个函数适用于以下情况: 1、在做前端页面时,只需要简单的动画效果,不想引入整个动画类,使用本函数。 2、在写js类时,需要用到简单的动画,为了降低藕合性,使用本函数。 查看演示: !DOCTYPE HTML PU[详细]
-
类似HAO123.COM的多个搜索引擎跳转效果
所属栏目:[交互] 日期:2018-08-29 热度:163
烈火网(LieHuo.Net)网页特效 前几天,有朋友咨询hao123.com网址首页的多个搜索引擎搜索跳转效果是如何实现的,烈火告诉他,这是利用JS代码,就如同烈火上网导航(访问)的多搜索一样,没有去hao123把代码扣下来,小编在网上找到一款代码,不过本代码与它的[详细]
-
JavaScript实现地图控制上下左右的移动
所属栏目:[交互] 日期:2018-08-29 热度:72
烈火网(LieHuo.Net)网页特效教程:本文介绍的是 Java Script编程实现地图上下左右的移动控制代码,比较不错,现在的地图网站很多,类似这种的特效也有很多,这是其中这一,写的很不错,用尽可能少的代码解决实际问题,各位读者不仿借鉴一下。欢迎对烈火的[详细]
-
JavaScript智能识别网页关键字并加红
所属栏目:[交互] 日期:2018-08-29 热度:107
烈火网(LieHuo.Net)JS网页特效 Java Script智能识别网页关键字并加红显示出来,这个效果大家不陌生吧,用JS加红关键字要比程序控制输出好得多,必竟将一部分功能交给了客户浏览器,相应减轻了服务器的压力。 演示部分: !DOCTYPE html PUBLIC -//W3C//DTD[详细]
-
jQuery 给append增加事件,复制网页内容
所属栏目:[交互] 日期:2018-08-19 热度:176
jQuery 复制网页指定标签的内容,给append的内容增加事件,点击一下按钮,会自动复制相关内容,请认真看代码里的注释,必须紧跟在append后面 的同一个函数里面。本例为jQuery爱好者提供学习依据。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需[详细]
-
随滚动条滚动的在线客服代码,居网页右侧
所属栏目:[交互] 日期:2018-08-19 热度:181
随滚动条滚动的在线客服代码,类似一些软件中的侧边工具条,位于网页右侧,以小图标的形式展示出来,小图标主要功能分别是:1.返回主页 2.加入收藏 3.邮件 4.QQ客服 5.MSN客服 6.旺旺客服 7.返回顶部 源代码下载:http://www.veryhuo.com/down/html/30072.[详细]
-
一个炫酷的鼠标跟随、环绕特效,网页黑色背景
所属栏目:[交互] 日期:2018-08-19 热度:104
一个用 Java Script写的挺漂亮的鼠标跟随、环绕鼠标的圆形效果,其实严格来讲不是标准的鼠标跟随,过了年回来写的第一个效果,有点烟花的味道,也算是过了年有感而发吧,奉送给JS的各位达人们。 演示: htmlheadtitlefollow mouse/titlestyle type=text/cs[详细]
-
Js 结合 Cookies 完成访客统计记录,累计并保存
所属栏目:[交互] 日期:2018-08-19 热度:87
Js 结合 Cookies 完成访客统计记录,累计并保存。记录是第几次来访,显示的信息有:您的名字;您浏览该网页的次数;您上次浏览网页的时间。可以更改姓名。 小提示:首次运行需输入您的来访姓名,例如:烈火网 演示代码: htmlheadtitle记录客户信息/titlescr[详细]
-
动态的光照特效JS代码,四种光效反复循环
所属栏目:[交互] 日期:2018-08-19 热度:103
动态的光照特效, Java Script代码,请在图上单击鼠标,使用了光效滤镜。每次在图上单击鼠标,就会加一种光效,移动鼠标,光柱还能跟随变动,浏览器要求为IE4.0以上。具备四种光效反复循环等。 演示代码: HTMLHEADTITLEDynamic Lighting Effects with DHTM[详细]
-
JavaScript 模拟雷达扫描的网页效果
所属栏目:[交互] 日期:2018-08-19 热度:74
Java Script 模拟雷达扫描的网页效果,屏幕上有一个小亮点,慢慢地移动,那就是飞机了...... 背景光圈采用JPG格式图片,雷达扫描线用javaScript实现,代码可参考性强,特别在编写网页游戏的时候,我们可以借鉴这些代码。 演示: HTMLHEADTITLE雷达扫描效果[详细]
-
JavaScript 实现三维变色镜效果代码
所属栏目:[交互] 日期:2018-08-19 热度:188
Java Script 实现三维变色镜效果代码,注意哦!本效果需要启用DirectAnimation库,请升级到最新版的JavaScript脚本库,要不然看不到效果哦。 一个方框从图的左边扫描到图的右边,所到之处,颜色变化. 这个动画依然是用文字特效来完成,效果的连贯性更胜于Gif[详细]
-
始终位于网页底部的公告条,可关闭,jQuery版
所属栏目:[交互] 日期:2018-08-19 热度:79
本文介绍的是一款始终位于网页底部的公告条(栏),在这个浮动的公告层中,我们可以加入普通文字,也可以加入滚动的文字,始终跟随网页滚动位于网页尾部。什么,你是问能不能关闭吗?当然,可关闭!本特效使用 jQuery 框架,你觉得会很差吗?试试看吧,关[详细]
-
Js实现网页上拖动滑块选择范围的插件代码
所属栏目:[交互] 日期:2018-08-19 热度:182
Js实现网页上拖动滑块选择范围的插件代码,在网页放置一个带标尺的滑块,用鼠标拖动滑块可选择数值的范围,一个人性化的应用,代码关键处有注释,请认真参阅。本效果在IE6/7/8、火狐(firefox)下测试通过,兼容性非常不错,欢迎使用。 演示: !DOCTYPE ht[详细]
-
跟随鼠标的网页小宠物,始终保持一定距离
所属栏目:[交互] 日期:2018-08-19 热度:148
跟随鼠标的网页小宠物,始终与鼠标保持一定距离,感觉非常有意思,其实这里的小宠物也可以是其它图片,原理是 Java Script利用鼠标相关的函数,将图片控制在鼠标周围,非常不错的小代码,放在个人博客很不错。 小提示:鼠标不要移动的太快哦,否则小宠物会[详细]
-
案例解析|如何设计一个专业的产品着陆页?
所属栏目:[交互] 日期:2018-03-17 热度:85
对于许多品牌和网站而言,着陆页在营销上有着至关重要的作用。用户打开着陆页之后,能够通过它瞬间明白这个网站是做什么的,提供什么样的产品,什么样的服务,同时不会被其他的信息所分心。正是因为着陆页的独特地位,它在品牌和内容营销上的作用是难以忽[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目:[交互] 日期:2018-03-17 热度:67
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」,只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题,因此对 2018 年交互趋势的预测,我们将目光聚焦在[详细]
-
从这7个方面入手,让移动端交互体验更加优秀
所属栏目:[交互] 日期:2018-03-16 热度:186
移动端设计的质量好坏,其实并不难度量。当用户可以流畅轻松地使用,不用耗费精力便可以完成各种任务,这就说明APP或者网站的设计足够优秀。用户对于交互其实是很敏感的,好用不好用,满意不满意,他们会通过简单的操作快速判断出来。 移动端的应用和网页[详细]
-
行为的设计:行为也可以成为品牌的符号
所属栏目:[交互] 日期:2018-03-16 热度:181
注:行为的设计需要设计师对人与产品间的关系有更加深刻的理解,所以这并不是一件轻松的事情,设计师需要为此付出更多的尝试然后承受更多的失败。 为什么会出现下拉刷新,以及,在下拉刷新出现之前为什么没有下拉刷新?这些问题的答案似乎显而易见,却又总[详细]
-
减轻用户记忆负担:识别与回忆在人机交互中的应用
所属栏目:[交互] 日期:2018-03-16 热度:146
副标题#e# 注:为了更好的理解和区分识别和回忆,并找出为什么在UI设计时我们更喜欢“识别”,我们要探究一下人类的记忆是如何工作的。 在交互设计领域,Top10 的提升用户体验的方法之一即是:避免让用户艰难回忆,而是要让他们自然地识别出产品的功能。那[详细]
-
设计实战:以不变应万变,交互规范的制作与思考
所属栏目:[交互] 日期:2018-03-16 热度:190
副标题#e# 作者:网易UEDC 规范很重要 规范和秩序存在于生活的方方面面。不知道大家有没观察过,稍微有点规模的咖啡连锁店,一般至少会有 3 位职员,分别负责收银点单,制作咖啡,打扫。他们各司其职,高效配合,以保证快速满足客户的需求。规范操作让其井[详细]
-
谁说淘宝卖货只能促销,还可以这样做!
所属栏目:[交互] 日期:2018-02-12 热度:75
副标题#e# 关键词 :「痛点文案」 作者:林小晴 ,85 后,从业互联网行业十年,做了 5 年的互联网运营总监。 来源:营销航班(ID:YXHB18) 正文 你写PPT时,阿拉斯加的鳕鱼正跃出水面.... 你看报表时,梅里雪山的金丝猴刚好爬上树尖..... 你挤进地铁时,西[详细]
-
实例解析「交互设计七大定律」在设计中的应用(下篇)
所属栏目:[交互] 日期:2018-02-12 热度:100
副标题#e# 注:上篇内容中(详情可查看站长之家前文《实例解析「交互设计七大定律」在设计中的应用(上篇)》)笔者介绍了「交互设计七大定律」的前五个,接下来笔者将剩下两个定律为大家做个实例分析~~ 六、复杂性守恒定律/泰思勒定律(Tesler’s Law ) 1[详细]
-
旅行青蛙、跳一跳,为什么这些游戏可以刷屏?
所属栏目:[交互] 日期:2018-02-12 热度:134
副标题#e# 注:不是你发了 10 次、 100 次内容的机械式无意义的刷屏,而是能够触动用户的情绪,自然而然形成刷屏行为,这才有意义。 这几天,一个日本游戏《旅行青蛙》刷屏了中国人的社交圈,一个人看书、吃饭、睡觉、旅行的青蛙, 就像曾经流行的电子宠物[详细]
-
从网易刷屏课程,谈用户尊重
所属栏目:[交互] 日期:2018-02-12 热度:78
张小龙在 2018 微信公开课上讲到,微信新注册用户收到微信团队发出的一段话,称呼用的是「你」,而不是「您」。在他讲这个之前,我丝毫没有注意到微信有做到这个细节,知道了竟也觉得蛮赞的。 一是我们不需要用一个很尊敬的态度去称呼用户,因为产品提供者[详细]
-
恐怖,你的这些无意识行为被营销利用得如此彻底
所属栏目:[交互] 日期:2018-02-03 热度:67
副标题#e# 作者:Eva 来源:营销航班 上过叫兽课程的人都知道痛点文案算是叫兽课程的精华部分,按照叫兽给出的十一大痛点文案模板,你的文案水平几乎可以大踏步上一个台阶,句句戳中痛点。但是伴随着市面上痛点文案的大肆使用,一股反“扎心”风潮也席卷而[详细]