-
JavaScript 实现缓冲效果演示大汇总
所属栏目：[交互] 日期：2018-08-21 热度：65
作者将45种可用于网页上的 Java Script缓冲效果集合于一个整体实例中，鼠标点击某个缓冲的名字，就能看到该缓冲的效果，很佩服作者的水平，研究JS的朋友，一定要切磋一下，见到高人了 作者：司徒正美，很多人都知道的，在博客园等多个知名网站开了博客，在[详细]
-
JavaScript模板替换函数代码 非常简洁
所属栏目：[交互] 日期：2018-08-21 热度：126
一个超简洁的 Java Script模板替换函数，其实从实用角度来说，用这种方式替换不太实用，不过里面的代码有些写的相当不错，特别是正则表达式代码，值得一看。 演示效果： htmlheadtitle模板替换函数/titlestyle*{margin:0; padding:0;}/style/headbodydiv i[详细]
-
js 网站连接速度测试 延迟加载
所属栏目：[交互] 日期：2018-08-21 热度：174
网站的连接速度测试，貌似速度都挺快，呵呵，测试个大概吧，这个更像是Windows中的Ping的速度，本代码测试的是连接到指定主机的速度，并不是网页下载的速度。 而且在本效果中，采用了js延迟加载的效果，如果网速慢的话，会显示：正在连接。。。 效果如下：[详细]
-
js检测浏览器对象 分辨率、鼠标坐标等
所属栏目：[交互] 日期：2018-08-21 热度：123
本文介绍的是 Java Script配合CSS检测浏览器对象和鼠标位置，CSS主要用于美化文字，将文字变成漂亮的字体以及设置自定义颜色，Js完成操作系统判断、浏览器版本及名称、显示器 分辨率 、鼠标的位置：x、y坐标等信息，尽管检测的不是太准确，但是已经把原理[详细]
-
js无刷新添加可拖拽、移动的DIV区域块
所属栏目：[交互] 日期：2018-08-21 热度：82
这是利用javascript实现的无刷新添加一个新的DIV层，没有使用 jQuery 哦，功能非常不错。并可实现的该层的拖动，鼠标拖动层可移动位置，将JS部分另存为一个新文件，用到的时候从外部引入，这个拖动层代码很流行，GG和YAHOO等大网站经常可以看到这种效果。[详细]
-
js实现更多内容的收缩与展开效果
所属栏目：[交互] 日期：2018-08-21 热度：87
Java SCript完成的一段文字收缩与展开的特效代码，在电影网站里，经常会看到电影简介，但是为了页面整体美观的情况下，会隐藏一部分文字以使网页整齐美观，当你想详细看的时候点击更多会展开所有的文字，本代码就是实现了这样一种功能，点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目：[交互] 日期：2018-08-21 热度：182
一款网页底部的浮动条效果，跟随滚动条。在IE与 火狐浏览器 下测试通过，这是烈火在UED TEAM博客发现的，特别分享出来给大家，希望对大家有所帮助。 原理：在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目：[交互] 日期：2018-08-21 热度：120
jQuery 伸缩与展开效果，个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题，当初朋友的一个网页，打开后某部分是闭合的，点击后才展开，后来过来问我如何让它一打开就展开，当时偶水平也很菜，没能搞出来。呜呜！！遇到类似问题的朋友，不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目：[交互] 日期：2018-08-21 热度：156
用VML在网页上画正弦和余弦曲线，这里使用polyLine和arrow两个函数分别画折线和箭头，两个基本的元素绘画完成，整条曲线也就很容易的就出现了。 关于VML的百科介绍：http://baike.liehuo.net/doc-view-8894.html 文章回顾： 利用VML在网页上绘制一幅逼真的[详细]
-
JavaScript 同时调用网页中的多个函数效果
所属栏目：[交互] 日期：2018-08-21 热度：112
Java Script 同时调用同一网页内的多个函数，点击按钮后执行多次函数，比如连续弹出多次窗口。 htmlheadtitle同时调用多个函数/titlescript language=javascript!--function fun1(){alert(这是fun1);}function fun2(){alert(这是fun2);}//--/script/headbo[详细]
-
JS模拟球落地、碰撞，用力扔出去弹来弹去
所属栏目：[交互] 日期：2018-08-17 热度：53
JS模拟球落地、碰撞，用力扔出去弹来弹去， Java Script结合图片完成的代码，随便拖到一个浏览器试试，就像跳跳球一样的效果，鼠标碰到某个浏览器的图标后，图标就会落下来。 这个效果让我们想起烈火网以前发表的《跟随鼠标的小球，有弹性围绕鼠标扯蛋效果[详细]
-
jQuery 回圈加图进网页，转自经典论坛
所属栏目：[交互] 日期：2018-08-17 热度：151
jQuery 回圈加图进网页，用循环控制输入图片，不能用HTML方法。你可以试下，HTML是替换元素内的内容 每次都会把原来的清楚再添加新的 自然只会只有一个。 为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增网页版演示。[详细]
-
JS网页烟花效果，可手动、自动和停止播放烟花
所属栏目：[交互] 日期：2018-08-17 热度：110
Java Script自动放烟花效果，可以手动放烟花、自动放烟花，由于浏览器渲染能力有限, 当浏览器为IE或选择自动放烟花时, 随机生成的烟花碎片范围自动调整至20-30，建议使用 Firefox , Chrome 浏览器预览效果。 示例： !DOCTYPE htmlhtml xmlns=http://www.w3[详细]
-
JavaScript 的事件冒泡 demo 示例
所属栏目：[交互] 日期：2018-08-17 热度：174
Java Script 的事件冒泡 demo 示例，如果你还不理解JavaScript的事件冒泡往下看： 示例代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/x[详细]
-
JS实现类似表盘的圆环，虚线转动，自动变大变小
所属栏目：[交互] 日期：2018-08-17 热度：52
Java Script结合Css实现的一个类似表盘的圆环，外边为虚线的会转动的圆圈，在转动的过程中，循环自动变大变小，没有实际应用的意义，不过对于学习JS来说，是一个不错的例子。 示例： !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadstyle#div1[详细]
-
Circle响应鼠标的环绕动画效果,基于jQuery插件
所属栏目：[交互] 日期：2018-08-17 热度：59
Circle响应鼠标的环绕动画效果，基于 jQuery 插件，Google+的圈子特效做的很不错，这里模仿下，时间有限，还有一个 动画累积 的问题没有解决。希望高手们能帮助分析一下。 为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别[详细]
-
JS操作Cookies实例：保存网页实时输入的文字
所属栏目：[交互] 日期：2018-08-17 热度：101
JS操作Cookies实例：保存网页实时输入的文字，cookies的用法也是想当广泛的，像网页上的拖动、购物车等等，都是基于Cookie的，希望通过本实例，你能掌握Js中Cookies的具体用法。 示例： htmlheadmeta http-equiv=content-type content=text/html; charset=[详细]
-
Js为文字加上确认删除对话框的功能
所属栏目：[交互] 日期：2018-08-17 热度：60
Js为文字链接加上确认删除的对话框功能。代码说明：单击删除的超链接后将执行delcfm()函数，在对话框中，如果点击确定，函数将返回true值，就将页面转到a标签中的链接页面执行删除的页面；如果点击取消，函数将返回false值，a标签将不转到执行删除的页面。[详细]
-
页面简洁、设计美观的404错误页面代码
所属栏目：[交互] 日期：2018-08-17 热度：54
收集了一个页面简洁、设计美观的404错误页面代码给大家，在这个页面上只有一张图片，页面整体结构设计的不错，非常简洁，我喜欢的风格，希望大家也喜欢哦。 演示代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR[详细]
-
Js通过screen函数直接显示器分辨率代码
所属栏目：[交互] 日期：2018-08-17 热度：159
Js通过screen函数直接显示器 分辨率 代码，一句话就得到了，超级简单啊，而且很准，做游戏的好好学习下，用它可以实现实现游戏界面与分辨率的自适应。 此类的实例，我们以前就介绍过，文章题目为《js检测浏览器对象 分辨率、鼠标坐标等》，比本文的例子要[详细]
-
预测：2018全球移动营销7大趋势
所属栏目：[交互] 日期：2018-04-17 热度：59
市场瞬息万变，唯变化永恒。2017年的全球移动营销市场，依旧风起云涌。这一年，全球移动互联网广告市场规模突破千亿美元，在维持高速增长态势的同时，也逐渐呈现出多元化的发展形态。而中国市场，在早期的流量红利消耗殆尽后，已由增量市场转为存量市场，[详细]
-
谁说淘宝卖货只能促销，还可以这样做！
所属栏目：[交互] 日期：2018-04-17 热度：158
副标题#e# 关键词 ：「痛点文案」 作者：林小晴 ，85 后，从业互联网行业十年，做了 5 年的互联网运营总监。 来源：营销航班（ID：YXHB18） 正文 你写PPT时，阿拉斯加的鳕鱼正跃出水面.... 你看报表时，梅里雪山的金丝猴刚好爬上树尖..... 你挤进地铁时，西[详细]
-
实例解析「交互设计七大定律」在设计中的应用（下篇）
所属栏目：[交互] 日期：2018-04-14 热度：148
副标题#e# 注：上篇内容中（详情可查看站长之家前文《实例解析「交互设计七大定律」在设计中的应用（上篇）》）笔者介绍了「交互设计七大定律」的前五个，接下来笔者将剩下两个定律为大家做个实例分析~~ 六、复杂性守恒定律/泰思勒定律（Tesler’s Law ） 1[详细]
-
旅行青蛙、跳一跳，为什么这些游戏可以刷屏？
所属栏目：[交互] 日期：2018-04-14 热度：68
副标题#e# 注：不是你发了 10 次、 100 次内容的机械式无意义的刷屏，而是能够触动用户的情绪，自然而然形成刷屏行为，这才有意义。 这几天，一个日本游戏《旅行青蛙》刷屏了中国人的社交圈，一个人看书、吃饭、睡觉、旅行的青蛙， 就像曾经流行的电子宠物[详细]
-
从网易刷屏课程，谈用户尊重
所属栏目：[交互] 日期：2018-04-14 热度：68
张小龙在 2018 微信公开课上讲到，微信新注册用户收到微信团队发出的一段话，称呼用的是「你」，而不是「您」。在他讲这个之前，我丝毫没有注意到微信有做到这个细节，知道了竟也觉得蛮赞的。 一是我们不需要用一个很尊敬的态度去称呼用户，因为产品提供者[详细]
