-
js 网站连接速度测试 延迟加载
所属栏目:[交互] 日期:2018-09-09 热度:152
网站的连接速度测试,貌似速度都挺快,呵呵,测试个大概吧,这个更像是Windows中的Ping的速度,本代码测试的是连接到指定主机的速度,并不是网页下载的速度。 而且在本效果中,采用了js延迟加载的效果,如果网速慢的话,会显示:正在连接。。。 效果如下:[详细]
-
js检测浏览器对象 分辨率、鼠标坐标等
所属栏目:[交互] 日期:2018-09-09 热度:142
本文介绍的是 Java Script配合CSS检测浏览器对象和鼠标位置,CSS主要用于美化文字,将文字变成漂亮的字体以及设置自定义颜色,Js完成操作系统判断、浏览器版本及名称、显示器 分辨率 、鼠标的位置:x、y坐标等信息,尽管检测的不是太准确,但是已经把原理[详细]
-
js无刷新添加可拖拽、移动的DIV区域块
所属栏目:[交互] 日期:2018-09-09 热度:184
这是利用javascript实现的无刷新添加一个新的DIV层,没有使用 jQuery 哦,功能非常不错。并可实现的该层的拖动,鼠标拖动层可移动位置,将JS部分另存为一个新文件,用到的时候从外部引入,这个拖动层代码很流行,GG和YAHOO等大网站经常可以看到这种效果。[详细]
-
js实现更多内容的收缩与展开效果
所属栏目:[交互] 日期:2018-09-09 热度:72
Java SCript完成的一段文字收缩与展开的特效代码,在电影网站里,经常会看到电影简介,但是为了页面整体美观的情况下,会隐藏一部分文字以使网页整齐美观,当你想详细看的时候点击更多会展开所有的文字,本代码就是实现了这样一种功能,点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目:[交互] 日期:2018-09-09 热度:172
一款网页底部的浮动条效果,跟随滚动条。在IE与 火狐浏览器 下测试通过,这是烈火在UED TEAM博客发现的,特别分享出来给大家,希望对大家有所帮助。 原理:在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目:[交互] 日期:2018-09-09 热度:130
jQuery 伸缩与展开效果,个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题,当初朋友的一个网页,打开后某部分是闭合的,点击后才展开,后来过来问我如何让它一打开就展开,当时偶水平也很菜,没能搞出来。呜呜!!遇到类似问题的朋友,不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目:[交互] 日期:2018-09-09 热度:194
用VML在网页上画正弦和余弦曲线,这里使用polyLine和arrow两个函数分别画折线和箭头,两个基本的元素绘画完成,整条曲线也就很容易的就出现了。 关于VML的百科介绍:http://baike.liehuo.net/doc-view-8894.html 文章回顾: 利用VML在网页上绘制一幅逼真的[详细]
-
载入网页时弹出消息,并询问是否显示当前时间
所属栏目:[交互] 日期:2018-08-20 热度:144
载入网页时弹出消息,并询问是否显示当前时间,关于JS中confirm属性及document.write的使用,在网页制作中我们经常用到类似的例子,在本例中,首先弹出询问对话框,询问用户是否需要显示时间,根据用户的选择执行不同的过程,像这样使用document.write,你[详细]
-
JavaScript 代码获得键盘上按下的方向键
所属栏目:[交互] 日期:2018-08-20 热度:62
烈77火75网(LieHuo06.Net)教57程 Java Script取得按下键盘的方向键是哪个,通过创建一个event.keyCode对象,可有效获取键盘上的方向键,运行代码后,点击键盘上的任意方向键,网页会以Alert的方式返回你按下的是哪个键。 演示: htmlheadtitle取得键盘的方[详细]
-
网页定义快捷键访问网站,有询问提示效果
所属栏目:[交互] 日期:2018-08-20 热度:112
烈06火55网(LieHuo23.Net)网页36特效 网页定义快捷键访问网站,有询问提示效果!给网页设定快捷键的一种方法污染代码,本例子中定义了按下键盘上的g或G键,则弹出提示窗是否前往某链接,你完全可以自己修改这些自定义的键位。 演示代码: htmlheadtitle给[详细]
-
浏览本地文件,然后用js显示扩展名
所属栏目:[交互] 日期:2018-08-20 热度:109
烈97火14网(LieHuo12.Net)教84程 用文件域浏览指定文件,可以显示该文件的扩展名,想想它可以用在哪里?可以用在文件上传系统上,用来判断上传的文件类型是否是合法类型,不是则不允许上传。再看看代码,不足10行,解决问题,正在学习javaScript的朋友,你[详细]
-
JavaScript写的脚本运行速度分析小工具
所属栏目:[交互] 日期:2018-08-20 热度:98
脚本运行速度分析小工具,用 Java Script写的,得到部分数据如下:(循环100,000次,重复10次取平均值,下面的数据单位是 执行时间耗时-秒 每 百万操作) 特效代码: htmlheadtitle脚本运行分析/titlestyle* { font-size:12px; font-family:Arial, 宋体;[详细]
-
Meta实现离开或刷新时,网页闪动效果
所属栏目:[交互] 日期:2018-08-20 热度:155
通过meta标签实现的一款网页特效,以前我们介绍过离开或刷新网页的百叶窗代码,今天的效果与百叶窗的实现方法差不多,当访客离开或刷新网页时,载入网页的那一瞬间就会看到闪动,当然不同的网页颜色和图片显示的效果也有所不同。 好了,烈火就不多说了,看[详细]
-
检测浏览器是否允许Cookie功能的JS代码
所属栏目:[交互] 日期:2018-08-20 热度:92
JS通过固定函数进行检测的实例,与上一篇获取屏幕颜色品质的例子性质相同,在从事 Java Script编程的时候,为了脚本运行稳定,有的程序员会先来个Cookies判断,检测用户的浏览器是否开启了Cookies支持,如果没有则给出提示,让用户打开Cookies。 代码如下[详细]
-
Js获取屏幕的颜色是16位还是32位
所属栏目:[交互] 日期:2018-08-19 热度:176
Java script 函数获取屏幕的颜色色彩品质,16位或32位,只需运行本代码,即可得到你当前屏幕的颜色品质,不过,现在99%的电脑都是32位了,本特效意义不大,只作为一个参考吧。 演示效果: htmlheadtitle取得屏幕的色彩品质/title/headbodyscript language=[详细]
-
防止网页被他人iFrame调用JavaScript代码
所属栏目:[交互] 日期:2018-08-19 热度:52
非常经典的代码了,很早以前烈火就发表过相关的文章,由于网站改版就找不到了,恰巧今天有个朋友咨询此问题,于是就再发表一次,代码很简单,主要是防止一些小人恶意使用iframe引用自己的网站。 实例演示: htmlheadtitle防止网页被他人加入页框/titlescri[详细]
-
IE浏览器打开“页面设置”对话框
所属栏目:[交互] 日期:2018-08-19 热度:64
看到标题,大家就明白是怎么回事了吧?这是烈火在一个源码网站转载的,有的朋友肯定会说这肯定行不通,那么到底行不行呢?您可以点击下面的运行测试一下,呵呵。开个玩笑,肯定是行的,但是要在低版本的 IE浏览器 中,高版本的IE,例如IE7、 IE8 等安全机[详细]
-
预测:2018全球移动营销7大趋势
所属栏目:[交互] 日期:2018-03-28 热度:94
市场瞬息万变,唯变化永恒。2017年的全球移动营销市场,依旧风起云涌。这一年,全球移动互联网广告市场规模突破千亿美元,在维持高速增长态势的同时,也逐渐呈现出多元化的发展形态。而中国市场,在早期的流量红利消耗殆尽后,已由增量市场转为存量市场,[详细]
-
谁说淘宝卖货只能促销,还可以这样做!
所属栏目:[交互] 日期:2018-03-28 热度:70
副标题#e# 关键词 :「痛点文案」 作者:林小晴 ,85 后,从业互联网行业十年,做了 5 年的互联网运营总监。 来源:营销航班(ID:YXHB18) 正文 你写PPT时,阿拉斯加的鳕鱼正跃出水面.... 你看报表时,梅里雪山的金丝猴刚好爬上树尖..... 你挤进地铁时,西[详细]
-
实例解析「交互设计七大定律」在设计中的应用(下篇)
所属栏目:[交互] 日期:2018-03-27 热度:147
副标题#e# 注:上篇内容中(详情可查看站长之家前文《实例解析「交互设计七大定律」在设计中的应用(上篇)》)笔者介绍了「交互设计七大定律」的前五个,接下来笔者将剩下两个定律为大家做个实例分析~~ 六、复杂性守恒定律/泰思勒定律(Tesler’s Law ) 1[详细]
-
旅行青蛙、跳一跳,为什么这些游戏可以刷屏?
所属栏目:[交互] 日期:2018-03-27 热度:111
副标题#e# 注:不是你发了 10 次、 100 次内容的机械式无意义的刷屏,而是能够触动用户的情绪,自然而然形成刷屏行为,这才有意义。 这几天,一个日本游戏《旅行青蛙》刷屏了中国人的社交圈,一个人看书、吃饭、睡觉、旅行的青蛙, 就像曾经流行的电子宠物[详细]
-
从网易刷屏课程,谈用户尊重
所属栏目:[交互] 日期:2018-03-27 热度:55
张小龙在 2018 微信公开课上讲到,微信新注册用户收到微信团队发出的一段话,称呼用的是「你」,而不是「您」。在他讲这个之前,我丝毫没有注意到微信有做到这个细节,知道了竟也觉得蛮赞的。 一是我们不需要用一个很尊敬的态度去称呼用户,因为产品提供者[详细]
-
恐怖,你的这些无意识行为被营销利用得如此彻底
所属栏目:[交互] 日期:2018-03-27 热度:174
副标题#e# 作者:Eva 来源:营销航班 上过叫兽课程的人都知道痛点文案算是叫兽课程的精华部分,按照叫兽给出的十一大痛点文案模板,你的文案水平几乎可以大踏步上一个台阶,句句戳中痛点。但是伴随着市面上痛点文案的大肆使用,一股反“扎心”风潮也席卷而[详细]
-
我是如何成功的把一家淘宝店铺给作死
所属栏目:[交互] 日期:2018-03-27 热度:184
推荐 | 张涛 现在这个社会,都在鼓吹如何才能成功,却忽略了成功的不可控因素太多。个人建议不妨看看别人如何失败,起码我们知道了哪条路不对,可以少走一些弯路。 记得以前在微博上有个电商大V组织了一个话题活动:三句话写出自己的简历。我记得有个人这[详细]
-
从一瓶防脱洗发水说起 快消品如何在不同阶段做内容营销?
所属栏目:[交互] 日期:2018-03-27 热度:88
副标题#e# 买买买从来不是一个简单的剁手行为,营销人早就总结出了一套“消费者购买决策模型”,在这个模型中,人们买东西一般会经历这五个阶段: 问题认知、信息搜索、方案评估、购买决策、购后行为。 这是环环相扣的过程,每一步都能影响到最终下单。理论[详细]
