-
IE浏览器疯狂的抖动(地震)效果
所属栏目:[交互] 日期:2018-09-10 热度:142
烈火网(LieHuo.Net)教程 利用javascript让 IE浏览器 疯狂的震动特效,你有没有见过,可惜本代码仅支持IE,其它一切浏览器都不支持,想试试吗?注意哦,会很害怕滴! htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title网页特效[详细]
-
一款简单的网页 Tab 标签效果
所属栏目:[交互] 日期:2018-09-10 热度:167
烈火网(LieHuo.Net)教程 Web开发真是一件有趣的事情,自定义控件,js,div布局以及JQuery等等,最近学习的感觉就是收获还是蛮大的,闲来无事,所以想写一些东西,每天都会去163浏览新闻以及其中的评论,163主新闻区使用了 网页Tab来显示各个分类的新闻,所[详细]
-
Javascript 实现密码强度验证效果
所属栏目:[交互] 日期:2018-09-10 热度:159
烈火网(LieHuo.Net)教程 web2.0日益发展的今天,很多论坛和博客都在用户注册时添加了验证密码强度的功能,在以前的文章中,我们曾经给出过一段检验密码强度的例子,今天再看一个与《Javascript验证密码强度的实例代码》的代码。 htmlheadtitle密码强度检测[详细]
-
JavaScript 实现数字跳动的抽奖效果
所属栏目:[交互] 日期:2018-09-10 热度:199
烈火网(LieHuo.Net)教程 在前面的文章中我们阅读过《开始生成随机数点击停止结束(类似抽奖)》,今天再来看一个例子,也是 Java Script 实现数字跳动的抽奖效果,与上一篇有所不同,大家看演示代码: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitio[详细]
-
蜡烛跟随鼠标点亮周围网页的特效
所属栏目:[交互] 日期:2018-09-10 热度:123
烈火网(LieHuo.Net)教程 2008年5月12日一场空前的灾难降临到我国的四川省,那就是5.12大地震,在这次地震中,华夏儿女的许多同胞都离开了我们,为了纪念这一灾难,我们特别制作本期鼠标特效《蜡烛跟随鼠标点亮周围网页的特效》。 请看下边的代码: htmlhea[详细]
-
鼠标滑动实时显示坐标方位的特效
所属栏目:[交互] 日期:2018-09-10 热度:122
烈火网(LieHuo.Net)教程 从今天开始,烈火网网页教程发布一些关于鼠标的特效,本文是《鼠标滑动实时显示坐标方位的特效》,我们直接看实例代码。 htmlheadtitle鼠标滑动实时显示坐标方位-LIEHUO.NET/titlemeta http-equiv=Content-Type content=text/html;[详细]
-
实时改变网页字体大
所属栏目:[交互] 日期:2018-09-10 热度:62
jQuery 实时改变字体大孝字体背景色和颜色,一个引入了JQUERY的站长,可以把很多需要实现的效果变得更简单,确实是个实用的小插件,对JQ不熟悉的朋友,平时可要多看一些实例啦,比如现在这一个小实例,你可以从中学习到不少知识点的哦。 推荐阅读:烈火网[详细]
-
跟随鼠标并呈圆形旋转散开的小花特效代码
所属栏目:[交互] 日期:2018-08-21 热度:75
跟随鼠标并呈圆形旋转散开的小花特效代码,一个比较老的特效代码了,烈火小编在网上收集来的,可能有的童鞋早就见过,适合在个人主页上使用,打开网页时,会看到鼠标周围有不断旋转的小花,然后迅速消散的无影无踪。 想知道是什么效果吗,赶紧点击下边的运[详细]
-
鼠标轨迹模拟效果,JavaScript图片跟随鼠标代码
所属栏目:[交互] 日期:2018-08-21 热度:146
鼠标轨迹模拟效果, Java Script图片跟随鼠标代码。当我们移动鼠标的时候,从第一个始点到终点间可用图片模拟出来,就像是带拖影的图片特效,不明白意思的是,可先运行一下看效果。 演示: htmlheadmeta http-equiv=Content-Type content=text/html; chars[详细]
-
跟随鼠标的小球,有弹性围绕鼠标“扯蛋”效果
所属栏目:[交互] 日期:2018-08-21 热度:179
跟随鼠标的小球,有弹性围绕鼠标扯蛋效果,看标题挺有意思吧,呵呵。烈火小编给这个特效取名为鼠标扯蛋效果,如果想知道是什么样的,就赶紧点击下边的运行代码按钮吧,运行后,如果不能立即显示效果,请单击网页任意空白处即可。 小提示:可将此代码用在自[详细]
-
网页顶部下垂的浮动条,有缓冲效果,可关闭
所属栏目:[交互] 日期:2018-08-20 热度:119
网页顶部下垂的浮动条,有缓冲效果,可关闭。该特效可以放网站公告,或一些导航菜单,比较醒目,当有人访问网站时,导航条徐徐的降下,不需要的时候可以关闭,跟IE默认的阻止弹窗的工具条有点相似,推荐使用! 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTM[详细]
-
JavaScript 递归算法计算阶乘代码
所属栏目:[交互] 日期:2018-08-20 热度:99
使用 Java Script中的递归算法计算阶乘,初学编程时候,这是很常见的小例子,比较一下,JS中的计算方法与其有何异同。 演示: htmlheadmeta http-equiv=content-type content=text/html; charset=GB2312 /title递归算法计算阶乘/title/headbody style=over[详细]
-
载入网页时弹出消息,并询问是否显示当前时间
所属栏目:[交互] 日期:2018-08-20 热度:166
载入网页时弹出消息,并询问是否显示当前时间,关于JS中confirm属性及document.write的使用,在网页制作中我们经常用到类似的例子,在本例中,首先弹出询问对话框,询问用户是否需要显示时间,根据用户的选择执行不同的过程,像这样使用document.write,你[详细]
-
JavaScript 代码获得键盘上按下的方向键
所属栏目:[交互] 日期:2018-08-20 热度:147
烈77火75网(LieHuo06.Net)教57程 Java Script取得按下键盘的方向键是哪个,通过创建一个event.keyCode对象,可有效获取键盘上的方向键,运行代码后,点击键盘上的任意方向键,网页会以Alert的方式返回你按下的是哪个键。 演示: htmlheadtitle取得键盘的方[详细]
-
网页定义快捷键访问网站,有询问提示效果
所属栏目:[交互] 日期:2018-08-20 热度:101
烈06火55网(LieHuo23.Net)网页36特效 网页定义快捷键访问网站,有询问提示效果!给网页设定快捷键的一种方法污染代码,本例子中定义了按下键盘上的g或G键,则弹出提示窗是否前往某链接,你完全可以自己修改这些自定义的键位。 演示代码: htmlheadtitle给[详细]
-
浏览本地文件,然后用js显示扩展名
所属栏目:[交互] 日期:2018-08-20 热度:134
烈97火14网(LieHuo12.Net)教84程 用文件域浏览指定文件,可以显示该文件的扩展名,想想它可以用在哪里?可以用在文件上传系统上,用来判断上传的文件类型是否是合法类型,不是则不允许上传。再看看代码,不足10行,解决问题,正在学习javaScript的朋友,你[详细]
-
JavaScript写的脚本运行速度分析小工具
所属栏目:[交互] 日期:2018-08-20 热度:172
脚本运行速度分析小工具,用 Java Script写的,得到部分数据如下:(循环100,000次,重复10次取平均值,下面的数据单位是 执行时间耗时-秒 每 百万操作) 特效代码: htmlheadtitle脚本运行分析/titlestyle* { font-size:12px; font-family:Arial, 宋体;[详细]
-
案例解析|如何设计一个专业的产品着陆页?
所属栏目:[交互] 日期:2018-02-22 热度:69
副标题#e# 对于许多品牌和网站而言,着陆页在营销上有着至关重要的作用。用户打开着陆页之后,能够通过它瞬间明白这个网站是做什么的,提供什么样的产品,什么样的服务,同时不会被其他的信息所分心。正是因为着陆页的独特地位,它在品牌和内容营销上的作用[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目:[交互] 日期:2018-02-22 热度:76
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」,只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题,因此对 2018 年交互趋势的预测,我们将目光聚焦在[详细]
-
从这7个方面入手,让移动端交互体验更加优秀
所属栏目:[交互] 日期:2018-02-22 热度:104
移动端设计的质量好坏,其实并不难度量。当用户可以流畅轻松地使用,不用耗费精力便可以完成各种任务,这就说明APP或者网站的设计足够优秀。用户对于交互其实是很敏感的,好用不好用,满意不满意,他们会通过简单的操作快速判断出来。 移动端的应用和网页[详细]
-
行为的设计:行为也可以成为品牌的符号
所属栏目:[交互] 日期:2018-02-22 热度:96
副标题#e# 注:行为的设计需要设计师对人与产品间的关系有更加深刻的理解,所以这并不是一件轻松的事情,设计师需要为此付出更多的尝试然后承受更多的失败。 为什么会出现下拉刷新,以及,在下拉刷新出现之前为什么没有下拉刷新?这些问题的答案似乎显而易[详细]
-
减轻用户记忆负担:识别与回忆在人机交互中的应用
所属栏目:[交互] 日期:2018-02-22 热度:135
副标题#e# 注:为了更好的理解和区分识别和回忆,并找出为什么在UI设计时我们更喜欢“识别”,我们要探究一下人类的记忆是如何工作的。 在交互设计领域,Top10 的提升用户体验的方法之一即是:避免让用户艰难回忆,而是要让他们自然地识别出产品的功能。那[详细]
-
设计实战:以不变应万变,交互规范的制作与思考
所属栏目:[交互] 日期:2018-02-22 热度:116
副标题#e# 作者:网易UEDC 规范很重要 规范和秩序存在于生活的方方面面。不知道大家有没观察过,稍微有点规模的咖啡连锁店,一般至少会有 3 位职员,分别负责收银点单,制作咖啡,打扫。他们各司其职,高效配合,以保证快速满足客户的需求。规范操作让其井[详细]
-
谁说淘宝卖货只能促销,还可以这样做!
所属栏目:[交互] 日期:2018-02-02 热度:72
副标题#e# 关键词 :「痛点文案」 作者:林小晴 ,85 后,从业互联网行业十年,做了 5 年的互联网运营总监。 来源:营销航班(ID:YXHB18) 正文 你写PPT时,阿拉斯加的鳕鱼正跃出水面.... 你看报表时,梅里雪山的金丝猴刚好爬上树尖..... 你挤进地铁时,西[详细]
-
实例解析「交互设计七大定律」在设计中的应用(下篇)
所属栏目:[交互] 日期:2018-02-02 热度:198
副标题#e# 注:上篇内容中(详情可查看站长之家前文《实例解析「交互设计七大定律」在设计中的应用(上篇)》)笔者介绍了「交互设计七大定律」的前五个,接下来笔者将剩下两个定律为大家做个实例分析~~ 六、复杂性守恒定律/泰思勒定律(Tesler’s Law ) 1[详细]
