-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目:[交互] 日期:2018-08-29 热度:81
jQuery 伸缩与展开效果,个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题,当初朋友的一个网页,打开后某部分是闭合的,点击后才展开,后来过来问我如何让它一打开就展开,当时偶水平也很菜,没能搞出来。呜呜!!遇到类似问题的朋友,不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目:[交互] 日期:2018-08-29 热度:104
用VML在网页上画正弦和余弦曲线,这里使用polyLine和arrow两个函数分别画折线和箭头,两个基本的元素绘画完成,整条曲线也就很容易的就出现了。 关于VML的百科介绍:http://baike.liehuo.net/doc-view-8894.html 文章回顾: 利用VML在网页上绘制一幅逼真的[详细]
-
Meta实现离开或刷新时,网页闪动效果
所属栏目:[交互] 日期:2018-08-20 热度:50
通过meta标签实现的一款网页特效,以前我们介绍过离开或刷新网页的百叶窗代码,今天的效果与百叶窗的实现方法差不多,当访客离开或刷新网页时,载入网页的那一瞬间就会看到闪动,当然不同的网页颜色和图片显示的效果也有所不同。 好了,烈火就不多说了,看[详细]
-
检测浏览器是否允许Cookie功能的JS代码
所属栏目:[交互] 日期:2018-08-20 热度:74
JS通过固定函数进行检测的实例,与上一篇获取屏幕颜色品质的例子性质相同,在从事 Java Script编程的时候,为了脚本运行稳定,有的程序员会先来个Cookies判断,检测用户的浏览器是否开启了Cookies支持,如果没有则给出提示,让用户打开Cookies。 代码如下[详细]
-
Js获取屏幕的颜色是16位还是32位
所属栏目:[交互] 日期:2018-08-20 热度:77
Java script 函数获取屏幕的颜色色彩品质,16位或32位,只需运行本代码,即可得到你当前屏幕的颜色品质,不过,现在99%的电脑都是32位了,本特效意义不大,只作为一个参考吧。 演示效果: htmlheadtitle取得屏幕的色彩品质/title/headbodyscript language=[详细]
-
防止网页被他人iFrame调用JavaScript代码
所属栏目:[交互] 日期:2018-08-20 热度:69
非常经典的代码了,很早以前烈火就发表过相关的文章,由于网站改版就找不到了,恰巧今天有个朋友咨询此问题,于是就再发表一次,代码很简单,主要是防止一些小人恶意使用iframe引用自己的网站。 实例演示: htmlheadtitle防止网页被他人加入页框/titlescri[详细]
-
IE浏览器打开“页面设置”对话框
所属栏目:[交互] 日期:2018-08-20 热度:161
看到标题,大家就明白是怎么回事了吧?这是烈火在一个源码网站转载的,有的朋友肯定会说这肯定行不通,那么到底行不行呢?您可以点击下面的运行测试一下,呵呵。开个玩笑,肯定是行的,但是要在低版本的 IE浏览器 中,高版本的IE,例如IE7、 IE8 等安全机[详细]
-
js简单实现浏览器访问过多少个网站
所属栏目:[交互] 日期:2018-08-20 热度:67
一个很简单的代码,用 Java Script 显示浏览器访问过的网站数,比较奇特,这是JS底层的变量了,能检测到你打开电脑后访问过的网站有几个,有点遗憾不能列出这些网站,使用了浏览器的history属性,统计不重复的历史记录的个数,其实搞明白了会发觉超简单啊[详细]
-
网页中引用百度手写板js代码,给网站添加手写功能
所属栏目:[交互] 日期:2018-08-20 热度:104
Java Script远程调用的实现,在网页中引用百度手写板代码的JS脚本,参考的价值不是很大,对于一些菜鸟站长还是不错的,可以给自己的网站添加一个手写功能,简单引用百度的Js文件就可以了,如果大家想使用这个类的话,烈火推荐大家自己下载就行了,正好可参[详细]
-
JavaScript实现网页中字符随机排序
所属栏目:[交互] 日期:2018-08-20 热度:50
烈94火64网(LieHuo18.Net)网页特效教27程 一个非常基础的 Java Script效果,其实也算不得什么特效,利用js实现字符随机排序,自动抽取中文与英文字母,重新组合并随机排序,生成随机数很可以。 大家看看演示效果吧! htmlheadtitleJavaScript随机排序/titl[详细]
-
VML 技术绘出一个红色椭圆形
所属栏目:[交互] 日期:2018-08-20 热度:116
以前,烈火曾经发表过VML绘制梅花、绘制曲线等网页特效,今天再来同大家探讨一个比较简单的VML特效,实现一个红色椭圆形。 关于VML的介绍,请参照烈火百科:http://baike.liehuo.net/doc-view-8894.html 效果如下: html xmlns:vheadmeta http-equiv=conte[详细]
-
JS获取DIV动态高度,并赋值到其style样式中
所属栏目:[交互] 日期:2018-08-20 热度:196
JS获取DIV动态高度,并赋值到其style样式中,用javaScript Alert弹出对话框,告之值的多少。 演示效果如下: headmeta http-equiv=Content-Type content=text/html; charset=gb2312 /titleJS获取DIV动态高度,并赋值到其style样式中 - 烈火学院 Liehuo.Net[详细]
-
jQuery模拟一个掉落效果,个性网页代码
所属栏目:[交互] 日期:2018-08-13 热度:105
模拟了一个掉落效果,不知道其它浏览器什么效果,反正在 IE8 下正常显示。运行效果后,可看到字符中从空中掉落,很牛很酷的效果吧,使用了 jQuery 插件,引自烈火学院。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新[详细]
-
jQuery打造动感的玫瑰花百叶展开效果
所属栏目:[交互] 日期:2018-08-13 热度:184
jQuery 的出现,使得普通JS脚本逊色了很多,jQuery随时会带给我们炫丽而无法想像的效果,今天最火软件站(原烈火网)再带给大家一个炫彩的jQuery网页特效,在本例当中,使用了两张普通的花朵图片,但是通过jQuery让它们变得动感起来,小编给他取名为:百叶[详细]
-
快速登录各大邮箱Email代码 仅供参考
所属栏目:[交互] 日期:2018-08-13 热度:152
在一些网址导航网站,我们经常看到快速登陆邮箱的功能,今天我们也来分享一段这样的代码,由于现在的邮箱登陆机制都比较严格,可能有的已经失效了,因此这些代码可供大家参考,欢迎给烈火网来信或评论您的意见! 代码: htmlheadmeta http-equiv=Content-T[详细]
-
基于JavaScript版本的元素周期表代码
所属栏目:[交互] 日期:2018-08-13 热度:138
元素周期表,基于 Java Script版本的元素周期表,未使用任何的图片,直接浏览本HTML网页即可看到效果,可以作为教学使用;元素周期表代码下载页。 示例: htmlheadstyle type=text/css!--A{color:000000;font-size:9pt; TEXT-DECORATION: none}A:hover{col[详细]
-
JS让网页标题title文字倒序滚动显示代码
所属栏目:[交互] 日期:2018-08-13 热度:121
让网页的Title标题文字倒序显示,有意思吧!?一款比较鸡肋的效果了,因为现在这些效果都不怎么用了,发上来供Js爱好者研究学习做参考之用,希望大家喜欢哦。 演示: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8[详细]
-
案例解析|如何设计一个专业的产品着陆页?
所属栏目:[交互] 日期:2018-04-02 热度:78
对于许多品牌和网站而言,着陆页在营销上有着至关重要的作用。用户打开着陆页之后,能够通过它瞬间明白这个网站是做什么的,提供什么样的产品,什么样的服务,同时不会被其他的信息所分心。正是因为着陆页的独特地位,它在品牌和内容营销上的作用是难以忽[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目:[交互] 日期:2018-04-02 热度:178
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」,只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题,因此对 2018 年交互趋势的预测,我们将目光聚焦在[详细]
-
从这7个方面入手,让移动端交互体验更加优秀
所属栏目:[交互] 日期:2018-04-02 热度:156
移动端设计的质量好坏,其实并不难度量。当用户可以流畅轻松地使用,不用耗费精力便可以完成各种任务,这就说明APP或者网站的设计足够优秀。用户对于交互其实是很敏感的,好用不好用,满意不满意,他们会通过简单的操作快速判断出来。 移动端的应用和网页[详细]
-
行为的设计:行为也可以成为品牌的符号
所属栏目:[交互] 日期:2018-04-02 热度:97
注:行为的设计需要设计师对人与产品间的关系有更加深刻的理解,所以这并不是一件轻松的事情,设计师需要为此付出更多的尝试然后承受更多的失败。 为什么会出现下拉刷新,以及,在下拉刷新出现之前为什么没有下拉刷新?这些问题的答案似乎显而易见,却又总[详细]
-
减轻用户记忆负担:识别与回忆在人机交互中的应用
所属栏目:[交互] 日期:2018-04-02 热度:176
副标题#e# 注:为了更好的理解和区分识别和回忆,并找出为什么在UI设计时我们更喜欢“识别”,我们要探究一下人类的记忆是如何工作的。 在交互设计领域,Top10 的提升用户体验的方法之一即是:避免让用户艰难回忆,而是要让他们自然地识别出产品的功能。那[详细]
-
设计实战:以不变应万变,交互规范的制作与思考
所属栏目:[交互] 日期:2018-04-02 热度:176
副标题#e# 作者:网易UEDC 规范很重要 规范和秩序存在于生活的方方面面。不知道大家有没观察过,稍微有点规模的咖啡连锁店,一般至少会有 3 位职员,分别负责收银点单,制作咖啡,打扫。他们各司其职,高效配合,以保证快速满足客户的需求。规范操作让其井[详细]
-
谁说淘宝卖货只能促销,还可以这样做!
所属栏目:[交互] 日期:2018-03-12 热度:104
副标题#e# 关键词 :「痛点文案」 作者:林小晴 ,85 后,从业互联网行业十年,做了 5 年的互联网运营总监。 来源:营销航班(ID:YXHB18) 正文 你写PPT时,阿拉斯加的鳕鱼正跃出水面.... 你看报表时,梅里雪山的金丝猴刚好爬上树尖..... 你挤进地铁时,西[详细]
-
实例解析「交互设计七大定律」在设计中的应用(下篇)
所属栏目:[交互] 日期:2018-03-02 热度:89
副标题#e# 注:上篇内容中(详情可查看站长之家前文《实例解析「交互设计七大定律」在设计中的应用(上篇)》)笔者介绍了「交互设计七大定律」的前五个,接下来笔者将剩下两个定律为大家做个实例分析~~ 六、复杂性守恒定律/泰思勒定律(Tesler’s Law ) 1[详细]
