-
JavaScript 实现缓冲效果演示大汇总
所属栏目:[交互] 日期:2018-08-21 热度:125
作者将45种可用于网页上的 Java Script缓冲效果集合于一个整体实例中,鼠标点击某个缓冲的名字,就能看到该缓冲的效果,很佩服作者的水平,研究JS的朋友,一定要切磋一下,见到高人了 作者:司徒正美,很多人都知道的,在博客园等多个知名网站开了博客,在[详细]
-
JavaScript模板替换函数代码 非常简洁
所属栏目:[交互] 日期:2018-08-21 热度:102
一个超简洁的 Java Script模板替换函数,其实从实用角度来说,用这种方式替换不太实用,不过里面的代码有些写的相当不错,特别是正则表达式代码,值得一看。 演示效果: htmlheadtitle模板替换函数/titlestyle*{margin:0; padding:0;}/style/headbodydiv i[详细]
-
js 网站连接速度测试 延迟加载
所属栏目:[交互] 日期:2018-08-21 热度:116
网站的连接速度测试,貌似速度都挺快,呵呵,测试个大概吧,这个更像是Windows中的Ping的速度,本代码测试的是连接到指定主机的速度,并不是网页下载的速度。 而且在本效果中,采用了js延迟加载的效果,如果网速慢的话,会显示:正在连接。。。 效果如下:[详细]
-
js检测浏览器对象 分辨率、鼠标坐标等
所属栏目:[交互] 日期:2018-08-21 热度:134
本文介绍的是 Java Script配合CSS检测浏览器对象和鼠标位置,CSS主要用于美化文字,将文字变成漂亮的字体以及设置自定义颜色,Js完成操作系统判断、浏览器版本及名称、显示器 分辨率 、鼠标的位置:x、y坐标等信息,尽管检测的不是太准确,但是已经把原理[详细]
-
js无刷新添加可拖拽、移动的DIV区域块
所属栏目:[交互] 日期:2018-08-21 热度:158
这是利用javascript实现的无刷新添加一个新的DIV层,没有使用 jQuery 哦,功能非常不错。并可实现的该层的拖动,鼠标拖动层可移动位置,将JS部分另存为一个新文件,用到的时候从外部引入,这个拖动层代码很流行,GG和YAHOO等大网站经常可以看到这种效果。[详细]
-
js实现更多内容的收缩与展开效果
所属栏目:[交互] 日期:2018-08-21 热度:89
Java SCript完成的一段文字收缩与展开的特效代码,在电影网站里,经常会看到电影简介,但是为了页面整体美观的情况下,会隐藏一部分文字以使网页整齐美观,当你想详细看的时候点击更多会展开所有的文字,本代码就是实现了这样一种功能,点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目:[交互] 日期:2018-08-21 热度:56
一款网页底部的浮动条效果,跟随滚动条。在IE与 火狐浏览器 下测试通过,这是烈火在UED TEAM博客发现的,特别分享出来给大家,希望对大家有所帮助。 原理:在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目:[交互] 日期:2018-08-21 热度:140
jQuery 伸缩与展开效果,个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题,当初朋友的一个网页,打开后某部分是闭合的,点击后才展开,后来过来问我如何让它一打开就展开,当时偶水平也很菜,没能搞出来。呜呜!!遇到类似问题的朋友,不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目:[交互] 日期:2018-08-21 热度:85
用VML在网页上画正弦和余弦曲线,这里使用polyLine和arrow两个函数分别画折线和箭头,两个基本的元素绘画完成,整条曲线也就很容易的就出现了。 关于VML的百科介绍:http://baike.liehuo.net/doc-view-8894.html 文章回顾: 利用VML在网页上绘制一幅逼真的[详细]
-
JavaScript 同时调用网页中的多个函数效果
所属栏目:[交互] 日期:2018-08-21 热度:160
Java Script 同时调用同一网页内的多个函数,点击按钮后执行多次函数,比如连续弹出多次窗口。 htmlheadtitle同时调用多个函数/titlescript language=javascript!--function fun1(){alert(这是fun1);}function fun2(){alert(这是fun2);}//--/script/headbo[详细]
-
JavaScript仿腾讯新闻年份事件滑动效果代码
所属栏目:[交互] 日期:2018-08-18 热度:121
Java Script 仿腾讯新闻年份事件滑动效果,具体请看代码吧,里面的注释很丰富,效果也不错。现在在腾讯新闻专题页面还可见到此效果。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi[详细]
-
在JavaScript中添加Prototype对象的方法
所属栏目:[交互] 日期:2018-08-18 热度:169
在 Java Script中添加Prototype对象的方法,Prototype是一款优秀的JS框架库,用它可创建超丰富的JavaScript前端交互应用,是实现Ajax功能的良好工具,一般情况下,它的使用都离不开JS的引用,本代码就实现了如何使用JS引入Prototype。 演示: htmlheadtitl[详细]
-
jQuery 模拟的无刷新分页代码
所属栏目:[交互] 日期:2018-08-18 热度:51
jquery 模拟的网页无刷新分页效果代码,这里实现的是一个基础的雏形,包括了分页的核心代码,搞懂了本代码,你基本可以明白分页的原理了,如果要用到你的程序中,可以需要一些改动。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问[详细]
-
JavaScript 关于 if else 条件判断的语句
所属栏目:[交互] 日期:2018-08-18 热度:96
Java Script 关于if/else条件语句的具体用法举例,虽然这是JavaScript中IF/ELSE,但几乎所有的程序语言中都有此用法,不懂提IF/ELSE的话,你可能还对程序开发没有入门,不管你是ASP/PHP/JSP/JS,你或许都要懂得它的用法和作用。 这里给出的仅是JS代码,你[详细]
-
JavaScript do while循环的用法代码实例
所属栏目:[交互] 日期:2018-08-18 热度:196
Java Script do while循环的用法代码实例,从1输出5个数字,循环输出,循环的用法当然是比较普遍的,不管是JS还是ASP/PHP/JSP等都有循环的使用。 演示代码: htmlheadtitledo while循环/title/headbodycenterh2测试do while循环/h2/centerhrscript languag[详细]
-
jQuery Parents的用法,大块的选择区
所属栏目:[交互] 日期:2018-08-18 热度:200
一个模仿悬停事件(鼠标移动到一个对象上面及 移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种保持在其中的状态。 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数[详细]
-
jQuery里面的闭包,一个极简单的效果
所属栏目:[交互] 日期:2018-08-18 热度:190
将变量$的控制权让渡给其他库。这样可以确保 jQuery 不会与其他库的$对象发生冲突。,jQuery里面的闭包,那为什么能 var cssrain=jQuery.noConflict(true) 这么写呢? 首先我们看jQuery的源代码: noConflict: function( deep ) { window.$ = _$; if ( deep )[详细]
-
jQuery 文字复制功能,keyup事件执行函数
所属栏目:[交互] 日期:2018-08-18 热度:61
代码的意思是说让p元素的text始终等于d的value,第一个keyup是定义了keyup事件执行的函数,第二个keyup是模拟一次keyup事件,也就是执行一下keyup里定义的函数,以此来保证页面初始状态下p元素的text就等于d的value,如果去掉后一个keyup看似也没有问题,[详细]
-
JavaScript模拟CMD实现HTTP Ping效果
所属栏目:[交互] 日期:2018-08-18 热度:68
Java Script模拟CMD,实现的HTTP Ping 效果。 JS虽然不能真正发送Ping的ICMP数据包,但Ping的本质仍然是请求/回复的时间差,HTTP自然可以实现此功能,不过在请求时无法统计HTTP头部的长度,所以当请求数据包长度在最大传输单元临界点时,额外的HTTP头可以导[详细]
-
实时改变网页字体大
所属栏目:[交互] 日期:2018-08-18 热度:174
jQuery 实时改变字体大孝字体背景色和颜色,一个引入了JQUERY的站长,可以把很多需要实现的效果变得更简单,确实是个实用的小插件,对JQ不熟悉的朋友,平时可要多看一些实例啦,比如现在这一个小实例,你可以从中学习到不少知识点的哦。 推荐阅读:烈火网[详细]
-
预测:2018全球移动营销7大趋势
所属栏目:[交互] 日期:2018-04-17 热度:144
市场瞬息万变,唯变化永恒。2017年的全球移动营销市场,依旧风起云涌。这一年,全球移动互联网广告市场规模突破千亿美元,在维持高速增长态势的同时,也逐渐呈现出多元化的发展形态。而中国市场,在早期的流量红利消耗殆尽后,已由增量市场转为存量市场,[详细]
-
谁说淘宝卖货只能促销,还可以这样做!
所属栏目:[交互] 日期:2018-04-17 热度:152
副标题#e# 关键词 :「痛点文案」 作者:林小晴 ,85 后,从业互联网行业十年,做了 5 年的互联网运营总监。 来源:营销航班(ID:YXHB18) 正文 你写PPT时,阿拉斯加的鳕鱼正跃出水面.... 你看报表时,梅里雪山的金丝猴刚好爬上树尖..... 你挤进地铁时,西[详细]
-
实例解析「交互设计七大定律」在设计中的应用(下篇)
所属栏目:[交互] 日期:2018-04-14 热度:161
副标题#e# 注:上篇内容中(详情可查看站长之家前文《实例解析「交互设计七大定律」在设计中的应用(上篇)》)笔者介绍了「交互设计七大定律」的前五个,接下来笔者将剩下两个定律为大家做个实例分析~~ 六、复杂性守恒定律/泰思勒定律(Tesler’s Law ) 1[详细]
-
旅行青蛙、跳一跳,为什么这些游戏可以刷屏?
所属栏目:[交互] 日期:2018-04-14 热度:56
副标题#e# 注:不是你发了 10 次、 100 次内容的机械式无意义的刷屏,而是能够触动用户的情绪,自然而然形成刷屏行为,这才有意义。 这几天,一个日本游戏《旅行青蛙》刷屏了中国人的社交圈,一个人看书、吃饭、睡觉、旅行的青蛙, 就像曾经流行的电子宠物[详细]
-
从网易刷屏课程,谈用户尊重
所属栏目:[交互] 日期:2018-04-14 热度:75
张小龙在 2018 微信公开课上讲到,微信新注册用户收到微信团队发出的一段话,称呼用的是「你」,而不是「您」。在他讲这个之前,我丝毫没有注意到微信有做到这个细节,知道了竟也觉得蛮赞的。 一是我们不需要用一个很尊敬的态度去称呼用户,因为产品提供者[详细]