-
蜡烛跟随鼠标点亮周围网页的特效
所属栏目:[交互] 日期:2018-08-25 热度:109
烈火网(LieHuo.Net)教程 2008年5月12日一场空前的灾难降临到我国的四川省,那就是5.12大地震,在这次地震中,华夏儿女的许多同胞都离开了我们,为了纪念这一灾难,我们特别制作本期鼠标特效《蜡烛跟随鼠标点亮周围网页的特效》。 请看下边的代码: htmlhea[详细]
-
鼠标滑动实时显示坐标方位的特效
所属栏目:[交互] 日期:2018-08-25 热度:74
烈火网(LieHuo.Net)教程 从今天开始,烈火网网页教程发布一些关于鼠标的特效,本文是《鼠标滑动实时显示坐标方位的特效》,我们直接看实例代码。 htmlheadtitle鼠标滑动实时显示坐标方位-LIEHUO.NET/titlemeta http-equiv=Content-Type content=text/html;[详细]
-
JS事件触发实例:数字摇奖的简单代码
所属栏目:[交互] 日期:2018-08-18 热度:77
Java Script事件触发实例:数字摇奖的简单代码,点击按钮后,数字会变化,模拟的代码,利用随机数变换数字。这里只是一个简单的雏形代码,主要是为了演示该效果,如果您打算实际应用,请在此基础上进行扩展或更深层次的开发。 示例: !DOCTYPE htmlhtmlhead[详细]
-
2012年百度首页响应鼠标动态“龙”涂鸦效果
所属栏目:[交互] 日期:2018-08-18 热度:184
2012龙年春节,全球最大中文搜索引擎百度,在首页上推出响应鼠标舞动的中国龙特效,百度也大牛了一把,把看似简单的事做的比较有亮点,实则用到的技术挺复杂,也挺前沿,再些把代码分享给广大前端爱好者,希望您能从中发现奇迹。 示例: !doctype htmlhtml[详细]
-
CSS3场景动画:从日出、云开到月亮升起
所属栏目:[交互] 日期:2018-08-18 热度:123
基于 jQuery 和CSS3实现的一幅场景动画,在这个物资中演示了:从日出云开、到日落傍晚,再到月亮升起的完整一天,兼容的浏览器有: Chrome , Safari , Firefox 5+,IE10 PP3,并且在网页中还提供了每个场景使用的CSS代码,方便大家阅读。 为解决一些网页特[详细]
-
JS实现图片以椭圆轨迹运动并实时坐标的代码
所属栏目:[交互] 日期:2018-08-18 热度:158
Java Script结合CSS实现图片以椭圆轨迹 运动 ,在代码中设置了图片起始和结束的坐标位置,图片在运动的过程中,在textarea中实时显示坐标,很有参考价值的特效代码。 演示: !DOCTYPE htmlhtmlheadstyle type=text/css#div1 {margin:100px auto;width:5px;[详细]
-
JS网页恶搞代码,不断弹出、关不掉的对话框
所属栏目:[交互] 日期:2018-08-18 热度:185
您还记得愚人节吗?烈火网推出了一个恶搞网页,当你点击进入这个网页以后,就会被不断弹出的对话框所困扰,今天我们再来看一个类似的效果,与愚人节那个有所不同,愚人节那个对话框是有数量的,也就是说可以一直点到关闭为止,而今天介绍的恶搞代码是永远[详细]
-
JS+CSS实现动态变幻的彩色“下划线”效果
所属栏目:[交互] 日期:2018-08-18 热度:149
JS+CSS实现动态变幻的彩色下划线效果,看一下你就知道是什么了,怎么样,神奇吧!?其实这是一个下划线,就像Windows2000系统加载时的彩条一样,完全用JS控制生成的程序,非GIF图片。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=t[详细]
-
网页引入“搜狗云输入法”的实现代码
所属栏目:[交互] 日期:2018-08-18 热度:95
网页引入搜狗云输入法的实现代码,只在 IE浏览器 下测试通过,并且还不是太完美,其它浏览器例如 Chrome 等都不太好,作者主要是将搜狗云输入法的源代码解析出来了,地址是:http://code.google.com/p/fiskercloudinput/ 引入示例: !DOCTYPE htmlhtmlmeta[详细]
-
带进度条的性格测试题代码,答题后显示测试结果
所属栏目:[交互] 日期:2018-08-18 热度:72
基于 jQuery 实现的、带进度条显示的性格测试题代码,答题后显示测试结果,在一些性格和智力测试网站上经常可以见到,还有一些驾校考试网站也使用这样的效果,但是性质有所不同,还有一些使用Flash实现的。 为解决一些网页特效运行后不能显示效果(例如:j[详细]
-
jQuery配合Css模拟五星级评分效果代码
所属栏目:[交互] 日期:2018-08-18 热度:79
分享一个 jQuery 配合Css模拟五星级评分效果代码,用图层模仿五星星评价功能的特效代码,星星评价功能,通常应用于文章,评论,下载星级评定等功能上面的一款网页特效。如果您的网站已经引入jQuery,那么实现起来就比较简单了,反之就不推荐使用了。 为解[详细]
-
点击按钮关注新浪微博,自动加关注代码
所属栏目:[交互] 日期:2018-08-18 热度:167
点击按钮关注 新浪微博 ,自动加关注代码,这是根据新浪官方代码修改的,大家可以自定义一下。把uid后面的数字修改为自己微博账号,样式也可以自己修改,也可进入微博组件中自己更换样式。 本文示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit[详细]
-
案例解析|如何设计一个专业的产品着陆页?
所属栏目:[交互] 日期:2018-02-21 热度:73
对于许多品牌和网站而言,着陆页在营销上有着至关重要的作用。用户打开着陆页之后,能够通过它瞬间明白这个网站是做什么的,提供什么样的产品,什么样的服务,同时不会被其他的信息所分心。正是因为着陆页的独特地位,它在品牌和内容营销上的作用是难以忽[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目:[交互] 日期:2018-02-21 热度:114
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」,只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题,因此对 2018 年交互趋势的预测,我们将目光聚焦在[详细]
-
从这7个方面入手,让移动端交互体验更加优秀
所属栏目:[交互] 日期:2018-02-21 热度:151
移动端设计的质量好坏,其实并不难度量。当用户可以流畅轻松地使用,不用耗费精力便可以完成各种任务,这就说明APP或者网站的设计足够优秀。用户对于交互其实是很敏感的,好用不好用,满意不满意,他们会通过简单的操作快速判断出来。 移动端的应用和网页[详细]
-
行为的设计:行为也可以成为品牌的符号
所属栏目:[交互] 日期:2018-02-21 热度:110
注:行为的设计需要设计师对人与产品间的关系有更加深刻的理解,所以这并不是一件轻松的事情,设计师需要为此付出更多的尝试然后承受更多的失败。 为什么会出现下拉刷新,以及,在下拉刷新出现之前为什么没有下拉刷新?这些问题的答案似乎显而易见,却又总[详细]
-
减轻用户记忆负担:识别与回忆在人机交互中的应用
所属栏目:[交互] 日期:2018-02-21 热度:144
副标题#e# 注:为了更好的理解和区分识别和回忆,并找出为什么在UI设计时我们更喜欢“识别”,我们要探究一下人类的记忆是如何工作的。 在交互设计领域,Top10 的提升用户体验的方法之一即是:避免让用户艰难回忆,而是要让他们自然地识别出产品的功能。那[详细]
-
设计实战:以不变应万变,交互规范的制作与思考
所属栏目:[交互] 日期:2018-02-21 热度:110
副标题#e# 作者:网易UEDC 规范很重要 规范和秩序存在于生活的方方面面。不知道大家有没观察过,稍微有点规模的咖啡连锁店,一般至少会有 3 位职员,分别负责收银点单,制作咖啡,打扫。他们各司其职,高效配合,以保证快速满足客户的需求。规范操作让其井[详细]
-
谁说淘宝卖货只能促销,还可以这样做!
所属栏目:[交互] 日期:2018-02-04 热度:114
副标题#e# 关键词 :「痛点文案」 作者:林小晴 ,85 后,从业互联网行业十年,做了 5 年的互联网运营总监。 来源:营销航班(ID:YXHB18) 正文 你写PPT时,阿拉斯加的鳕鱼正跃出水面.... 你看报表时,梅里雪山的金丝猴刚好爬上树尖..... 你挤进地铁时,西[详细]
-
实例解析「交互设计七大定律」在设计中的应用(下篇)
所属栏目:[交互] 日期:2018-02-04 热度:91
副标题#e# 注:上篇内容中(详情可查看站长之家前文《实例解析「交互设计七大定律」在设计中的应用(上篇)》)笔者介绍了「交互设计七大定律」的前五个,接下来笔者将剩下两个定律为大家做个实例分析~~ 六、复杂性守恒定律/泰思勒定律(Tesler’s Law ) 1[详细]
-
旅行青蛙、跳一跳,为什么这些游戏可以刷屏?
所属栏目:[交互] 日期:2018-02-04 热度:96
副标题#e# 注:不是你发了 10 次、 100 次内容的机械式无意义的刷屏,而是能够触动用户的情绪,自然而然形成刷屏行为,这才有意义。 这几天,一个日本游戏《旅行青蛙》刷屏了中国人的社交圈,一个人看书、吃饭、睡觉、旅行的青蛙, 就像曾经流行的电子宠物[详细]
-
从网易刷屏课程,谈用户尊重
所属栏目:[交互] 日期:2018-02-04 热度:61
张小龙在 2018 微信公开课上讲到,微信新注册用户收到微信团队发出的一段话,称呼用的是「你」,而不是「您」。在他讲这个之前,我丝毫没有注意到微信有做到这个细节,知道了竟也觉得蛮赞的。 一是我们不需要用一个很尊敬的态度去称呼用户,因为产品提供者[详细]
-
恐怖,你的这些无意识行为被营销利用得如此彻底
所属栏目:[交互] 日期:2018-02-03 热度:173
副标题#e# 作者:Eva 来源:营销航班 上过叫兽课程的人都知道痛点文案算是叫兽课程的精华部分,按照叫兽给出的十一大痛点文案模板,你的文案水平几乎可以大踏步上一个台阶,句句戳中痛点。但是伴随着市面上痛点文案的大肆使用,一股反“扎心”风潮也席卷而[详细]
-
我是如何成功的把一家淘宝店铺给作死
所属栏目:[交互] 日期:2018-02-03 热度:138
推荐 | 张涛 现在这个社会,都在鼓吹如何才能成功,却忽略了成功的不可控因素太多。个人建议不妨看看别人如何失败,起码我们知道了哪条路不对,可以少走一些弯路。 记得以前在微博上有个电商大V组织了一个话题活动:三句话写出自己的简历。我记得有个人这[详细]
-
从一瓶防脱洗发水说起 快消品如何在不同阶段做内容营销?
所属栏目:[交互] 日期:2018-02-03 热度:160
副标题#e# 买买买从来不是一个简单的剁手行为,营销人早就总结出了一套“消费者购买决策模型”,在这个模型中,人们买东西一般会经历这五个阶段: 问题认知、信息搜索、方案评估、购买决策、购后行为。 这是环环相扣的过程,每一步都能影响到最终下单。理论[详细]
