-
仿淘宝智能浮动的工具条,基于jQuery实现
所属栏目:[交互] 日期:2018-08-29 热度:54
烈73火87网(LieHuo36.Net)网页特效教12程 仿淘宝智能浮动的工具条,基于 jQuery 实现,智能判断滚动条是否移动到了页面的最顶部,如果是,则浮动至最顶部,以至于不受滚动条的影响;当滚动条滚回来的时候,它同样为判断是否滚到了自己原来的默认位置,如果[详细]
-
js模拟引力环境下的撞击、摩擦、落体运动 可拖拽
所属栏目:[交互] 日期:2018-08-23 热度:107
Java script模拟引力环境下的撞击、摩擦、落体 运动 ,摩擦,碰撞的消耗并没有按公式进行计算,纯属于杜撰,是不符合规律的,仅仅是模拟,希望同行们多切磋,共同探讨。 演示效果如下: htmlheadmeta charset=gbk /title模拟引力环境下的撞击、摩擦、落体[详细]
-
js获取字符串中指定位置的字符代码
所属栏目:[交互] 日期:2018-08-23 热度:122
javascript取得字符串中指定位置的字符,如果你对WEB编程了解的话,就会明白,取得某字符串指定位置的字符也是比较常见的问题,希望通过这个小小简单实例,让更多的朋友学会 Java Script中获取指定字符串这一功能的方法。 实例演示: htmlheadtitle取得字[详细]
-
JavaScript 实现缓冲效果演示大汇总
所属栏目:[交互] 日期:2018-08-23 热度:161
作者将45种可用于网页上的 Java Script缓冲效果集合于一个整体实例中,鼠标点击某个缓冲的名字,就能看到该缓冲的效果,很佩服作者的水平,研究JS的朋友,一定要切磋一下,见到高人了 作者:司徒正美,很多人都知道的,在博客园等多个知名网站开了博客,在[详细]
-
JavaScript模板替换函数代码 非常简洁
所属栏目:[交互] 日期:2018-08-23 热度:157
一个超简洁的 Java Script模板替换函数,其实从实用角度来说,用这种方式替换不太实用,不过里面的代码有些写的相当不错,特别是正则表达式代码,值得一看。 演示效果: htmlheadtitle模板替换函数/titlestyle*{margin:0; padding:0;}/style/headbodydiv i[详细]
-
js 网站连接速度测试 延迟加载
所属栏目:[交互] 日期:2018-08-23 热度:100
网站的连接速度测试,貌似速度都挺快,呵呵,测试个大概吧,这个更像是Windows中的Ping的速度,本代码测试的是连接到指定主机的速度,并不是网页下载的速度。 而且在本效果中,采用了js延迟加载的效果,如果网速慢的话,会显示:正在连接。。。 效果如下:[详细]
-
js检测浏览器对象 分辨率、鼠标坐标等
所属栏目:[交互] 日期:2018-08-23 热度:58
本文介绍的是 Java Script配合CSS检测浏览器对象和鼠标位置,CSS主要用于美化文字,将文字变成漂亮的字体以及设置自定义颜色,Js完成操作系统判断、浏览器版本及名称、显示器 分辨率 、鼠标的位置:x、y坐标等信息,尽管检测的不是太准确,但是已经把原理[详细]
-
js无刷新添加可拖拽、移动的DIV区域块
所属栏目:[交互] 日期:2018-08-23 热度:154
这是利用javascript实现的无刷新添加一个新的DIV层,没有使用 jQuery 哦,功能非常不错。并可实现的该层的拖动,鼠标拖动层可移动位置,将JS部分另存为一个新文件,用到的时候从外部引入,这个拖动层代码很流行,GG和YAHOO等大网站经常可以看到这种效果。[详细]
-
js实现更多内容的收缩与展开效果
所属栏目:[交互] 日期:2018-08-23 热度:181
Java SCript完成的一段文字收缩与展开的特效代码,在电影网站里,经常会看到电影简介,但是为了页面整体美观的情况下,会隐藏一部分文字以使网页整齐美观,当你想详细看的时候点击更多会展开所有的文字,本代码就是实现了这样一种功能,点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目:[交互] 日期:2018-08-23 热度:57
一款网页底部的浮动条效果,跟随滚动条。在IE与 火狐浏览器 下测试通过,这是烈火在UED TEAM博客发现的,特别分享出来给大家,希望对大家有所帮助。 原理:在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目:[交互] 日期:2018-08-23 热度:128
jQuery 伸缩与展开效果,个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题,当初朋友的一个网页,打开后某部分是闭合的,点击后才展开,后来过来问我如何让它一打开就展开,当时偶水平也很菜,没能搞出来。呜呜!!遇到类似问题的朋友,不妨[详细]
-
Circle响应鼠标的环绕动画效果,基于jQuery插件
所属栏目:[交互] 日期:2018-08-18 热度:185
Circle响应鼠标的环绕动画效果,基于 jQuery 插件,Google+的圈子特效做的很不错,这里模仿下,时间有限,还有一个 动画累积 的问题没有解决。希望高手们能帮助分析一下。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别[详细]
-
JS操作Cookies实例:保存网页实时输入的文字
所属栏目:[交互] 日期:2018-08-18 热度:84
JS操作Cookies实例:保存网页实时输入的文字,cookies的用法也是想当广泛的,像网页上的拖动、购物车等等,都是基于Cookie的,希望通过本实例,你能掌握Js中Cookies的具体用法。 示例: htmlheadmeta http-equiv=content-type content=text/html; charset=[详细]
-
Js为文字加上确认删除对话框的功能
所属栏目:[交互] 日期:2018-08-18 热度:176
Js为文字链接加上确认删除的对话框功能。代码说明:单击删除的超链接后将执行delcfm()函数,在对话框中,如果点击确定,函数将返回true值,就将页面转到a标签中的链接页面执行删除的页面;如果点击取消,函数将返回false值,a标签将不转到执行删除的页面。[详细]
-
页面简洁、设计美观的404错误页面代码
所属栏目:[交互] 日期:2018-08-18 热度:104
收集了一个页面简洁、设计美观的404错误页面代码给大家,在这个页面上只有一张图片,页面整体结构设计的不错,非常简洁,我喜欢的风格,希望大家也喜欢哦。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR[详细]
-
Js通过screen函数直接显示器分辨率代码
所属栏目:[交互] 日期:2018-08-18 热度:138
Js通过screen函数直接显示器 分辨率 代码,一句话就得到了,超级简单啊,而且很准,做游戏的好好学习下,用它可以实现实现游戏界面与分辨率的自适应。 此类的实例,我们以前就介绍过,文章题目为《js检测浏览器对象 分辨率、鼠标坐标等》,比本文的例子要[详细]
-
基于jquery、带动画效果的网页操作小例子
所属栏目:[交互] 日期:2018-08-18 热度:172
Java Script Closures,jquery相关的动画操作小例子,生成一些实用的小动画效果,学习jquery的朋友不妨参阅一下。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特效 运行演示: !DOCT[详细]
-
基于JavaScript的鼠标HOOK,实时获取鼠标坐标
所属栏目:[交互] 日期:2018-08-18 热度:120
基于 Java Script的鼠标HOOK,适时获取鼠标坐标。运行本代码后,在本页窗口上移动鼠标,在状态栏上会显示出鼠标的各项位置参数,比如X/Y坐标,点击鼠标时,信息会定格,再此点击,则重新HOOK,一般情况下,貌似不怎么用,不过在编写网页游戏的时候,这功能[详细]
-
pyramid使用jQuery加DIV实现动态添加的金字塔结构
所属栏目:[交互] 日期:2018-08-18 热度:138
pyramid使用 jQuery 加DIV实现动态添加的金字塔结构,演示如何动态控制Div,这也算是前端WEB设计经常会碰到的一个实用技巧了,在不少的显示、隐藏效果中,类似本功能的实现。 源码下载:http://www.veryhuo.com/down/html/29853.html 演示代码: !DOCTYPE[详细]
-
JavaScript内面内容上移、下移效果代码
所属栏目:[交互] 日期:2018-08-18 热度:150
Java Script内面内容上移、下移效果代码,这个不用详细解释了吧,看帖子标题我们就明白了,烈火网小编给大家介绍的是类似《烈火上网导航LiehuoWMS网址管理系统》中的内容上移、下移的功能,只不过这里实现的是简单功能,不多说了,自己看示例代码吧。 示例[详细]
-
JavaScript 节点的AJAX删除与重建示例代码
所属栏目:[交互] 日期:2018-08-18 热度:176
Java Script 节点的ajax无刷新删除与重建示例代码,删除节点后,会自动重新建立节点,序号自动排列,比如删除当前的第3条数据后,第4条的序号会智能变为3,以此类推,保证序号不乱。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN[详细]
-
快速登录各大邮箱Email代码 仅供参考
所属栏目:[交互] 日期:2018-08-14 热度:53
在一些网址导航网站,我们经常看到快速登陆邮箱的功能,今天我们也来分享一段这样的代码,由于现在的邮箱登陆机制都比较严格,可能有的已经失效了,因此这些代码可供大家参考,欢迎给烈火网来信或评论您的意见! 代码: htmlheadmeta http-equiv=Content-T[详细]
-
案例解析|如何设计一个专业的产品着陆页?
所属栏目:[交互] 日期:2018-02-21 热度:103
对于许多品牌和网站而言,着陆页在营销上有着至关重要的作用。用户打开着陆页之后,能够通过它瞬间明白这个网站是做什么的,提供什么样的产品,什么样的服务,同时不会被其他的信息所分心。正是因为着陆页的独特地位,它在品牌和内容营销上的作用是难以忽[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目:[交互] 日期:2018-02-21 热度:146
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」,只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题,因此对 2018 年交互趋势的预测,我们将目光聚焦在[详细]
-
从这7个方面入手,让移动端交互体验更加优秀
所属栏目:[交互] 日期:2018-02-21 热度:149
移动端设计的质量好坏,其实并不难度量。当用户可以流畅轻松地使用,不用耗费精力便可以完成各种任务,这就说明APP或者网站的设计足够优秀。用户对于交互其实是很敏感的,好用不好用,满意不满意,他们会通过简单的操作快速判断出来。 移动端的应用和网页[详细]
