-
js实现更多内容的收缩与展开效果
所属栏目：[交互] 日期：2018-08-23 热度：130
Java SCript完成的一段文字收缩与展开的特效代码，在电影网站里，经常会看到电影简介，但是为了页面整体美观的情况下，会隐藏一部分文字以使网页整齐美观，当你想详细看的时候点击更多会展开所有的文字，本代码就是实现了这样一种功能，点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目：[交互] 日期：2018-08-23 热度：177
一款网页底部的浮动条效果，跟随滚动条。在IE与 火狐浏览器 下测试通过，这是烈火在UED TEAM博客发现的，特别分享出来给大家，希望对大家有所帮助。 原理：在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目：[交互] 日期：2018-08-23 热度：188
jQuery 伸缩与展开效果，个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题，当初朋友的一个网页，打开后某部分是闭合的，点击后才展开，后来过来问我如何让它一打开就展开，当时偶水平也很菜，没能搞出来。呜呜！！遇到类似问题的朋友，不妨[详细]
-
JavaScript 模拟雷达扫描的网页效果
所属栏目：[交互] 日期：2018-08-19 热度：66
Java Script 模拟雷达扫描的网页效果，屏幕上有一个小亮点，慢慢地移动，那就是飞机了...... 背景光圈采用JPG格式图片，雷达扫描线用javaScript实现，代码可参考性强，特别在编写网页游戏的时候，我们可以借鉴这些代码。 演示： HTMLHEADTITLE雷达扫描效果[详细]
-
JavaScript 实现三维变色镜效果代码
所属栏目：[交互] 日期：2018-08-19 热度：172
Java Script 实现三维变色镜效果代码，注意哦！本效果需要启用DirectAnimation库，请升级到最新版的JavaScript脚本库，要不然看不到效果哦。 一个方框从图的左边扫描到图的右边,所到之处,颜色变化. 这个动画依然是用文字特效来完成,效果的连贯性更胜于Gif[详细]
-
始终位于网页底部的公告条，可关闭，jQuery版
所属栏目：[交互] 日期：2018-08-19 热度：163
本文介绍的是一款始终位于网页底部的公告条（栏），在这个浮动的公告层中，我们可以加入普通文字，也可以加入滚动的文字，始终跟随网页滚动位于网页尾部。什么，你是问能不能关闭吗？当然，可关闭！本特效使用 jQuery 框架，你觉得会很差吗？试试看吧，关[详细]
-
Js实现网页上拖动滑块选择范围的插件代码
所属栏目：[交互] 日期：2018-08-19 热度：53
Js实现网页上拖动滑块选择范围的插件代码，在网页放置一个带标尺的滑块，用鼠标拖动滑块可选择数值的范围，一个人性化的应用，代码关键处有注释，请认真参阅。本效果在IE6/7/8、火狐（firefox）下测试通过，兼容性非常不错，欢迎使用。 演示： !DOCTYPE ht[详细]
-
跟随鼠标的网页小宠物，始终保持一定距离
所属栏目：[交互] 日期：2018-08-19 热度：192
跟随鼠标的网页小宠物，始终与鼠标保持一定距离，感觉非常有意思，其实这里的小宠物也可以是其它图片，原理是 Java Script利用鼠标相关的函数，将图片控制在鼠标周围，非常不错的小代码，放在个人博客很不错。 小提示：鼠标不要移动的太快哦，否则小宠物会[详细]
-
跟随鼠标并呈圆形旋转散开的小花特效代码
所属栏目：[交互] 日期：2018-08-19 热度：85
跟随鼠标并呈圆形旋转散开的小花特效代码，一个比较老的特效代码了，烈火小编在网上收集来的，可能有的童鞋早就见过，适合在个人主页上使用，打开网页时，会看到鼠标周围有不断旋转的小花，然后迅速消散的无影无踪。 想知道是什么效果吗，赶紧点击下边的运[详细]
-
鼠标轨迹模拟效果，JavaScript图片跟随鼠标代码
所属栏目：[交互] 日期：2018-08-19 热度：94
鼠标轨迹模拟效果， Java Script图片跟随鼠标代码。当我们移动鼠标的时候，从第一个始点到终点间可用图片模拟出来，就像是带拖影的图片特效，不明白意思的是，可先运行一下看效果。 演示： htmlheadmeta http-equiv=Content-Type content=text/html; chars[详细]
-
跟随鼠标的小球，有弹性围绕鼠标“扯蛋”效果
所属栏目：[交互] 日期：2018-08-19 热度：134
跟随鼠标的小球，有弹性围绕鼠标扯蛋效果，看标题挺有意思吧，呵呵。烈火小编给这个特效取名为鼠标扯蛋效果，如果想知道是什么样的，就赶紧点击下边的运行代码按钮吧，运行后，如果不能立即显示效果，请单击网页任意空白处即可。 小提示：可将此代码用在自[详细]
-
网页顶部下垂的浮动条,有缓冲效果,可关闭
所属栏目：[交互] 日期：2018-08-19 热度：141
网页顶部下垂的浮动条,有缓冲效果,可关闭。该特效可以放网站公告，或一些导航菜单，比较醒目，当有人访问网站时，导航条徐徐的降下，不需要的时候可以关闭，跟IE默认的阻止弹窗的工具条有点相似，推荐使用！ 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTM[详细]
-
JavaScript 递归算法计算阶乘代码
所属栏目：[交互] 日期：2018-08-19 热度：62
使用 Java Script中的递归算法计算阶乘，初学编程时候，这是很常见的小例子，比较一下，JS中的计算方法与其有何异同。 演示： htmlheadmeta http-equiv=content-type content=text/html; charset=GB2312 /title递归算法计算阶乘/title/headbody style=over[详细]
-
2012年百度首页响应鼠标动态“龙”涂鸦效果
所属栏目：[交互] 日期：2018-08-16 热度：174
2012龙年春节，全球最大中文搜索引擎百度，在首页上推出响应鼠标舞动的中国龙特效，百度也大牛了一把，把看似简单的事做的比较有亮点，实则用到的技术挺复杂，也挺前沿，再些把代码分享给广大前端爱好者，希望您能从中发现奇迹。 示例： !doctype htmlhtml[详细]
-
CSS3场景动画：从日出、云开到月亮升起
所属栏目：[交互] 日期：2018-08-16 热度：162
基于 jQuery 和CSS3实现的一幅场景动画，在这个物资中演示了：从日出云开、到日落傍晚，再到月亮升起的完整一天，兼容的浏览器有： Chrome , Safari , Firefox 5+,IE10 PP3，并且在网页中还提供了每个场景使用的CSS代码，方便大家阅读。 为解决一些网页特[详细]
-
JS实现图片以椭圆轨迹运动并实时坐标的代码
所属栏目：[交互] 日期：2018-08-16 热度：191
Java Script结合CSS实现图片以椭圆轨迹 运动 ，在代码中设置了图片起始和结束的坐标位置，图片在运动的过程中，在textarea中实时显示坐标，很有参考价值的特效代码。 演示： !DOCTYPE htmlhtmlheadstyle type=text/css#div1 {margin:100px auto;width:5px;[详细]
-
JS网页恶搞代码，不断弹出、关不掉的对话框
所属栏目：[交互] 日期：2018-08-16 热度：169
您还记得愚人节吗？烈火网推出了一个恶搞网页，当你点击进入这个网页以后，就会被不断弹出的对话框所困扰，今天我们再来看一个类似的效果，与愚人节那个有所不同，愚人节那个对话框是有数量的，也就是说可以一直点到关闭为止，而今天介绍的恶搞代码是永远[详细]
-
JS+CSS实现动态变幻的彩色“下划线”效果
所属栏目：[交互] 日期：2018-08-16 热度：123
JS+CSS实现动态变幻的彩色下划线效果，看一下你就知道是什么了，怎么样，神奇吧！？其实这是一个下划线，就像Windows2000系统加载时的彩条一样，完全用JS控制生成的程序，非GIF图片。 示例： !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=t[详细]
-
网页引入“搜狗云输入法”的实现代码
所属栏目：[交互] 日期：2018-08-16 热度：88
网页引入搜狗云输入法的实现代码，只在 IE浏览器 下测试通过，并且还不是太完美，其它浏览器例如 Chrome 等都不太好，作者主要是将搜狗云输入法的源代码解析出来了，地址是：http://code.google.com/p/fiskercloudinput/ 引入示例： !DOCTYPE htmlhtmlmeta[详细]
-
带进度条的性格测试题代码，答题后显示测试结果
所属栏目：[交互] 日期：2018-08-16 热度：61
基于 jQuery 实现的、带进度条显示的性格测试题代码，答题后显示测试结果，在一些性格和智力测试网站上经常可以见到，还有一些驾校考试网站也使用这样的效果，但是性质有所不同，还有一些使用Flash实现的。 为解决一些网页特效运行后不能显示效果（例如：j[详细]
-
jQuery配合Css模拟五星级评分效果代码
所属栏目：[交互] 日期：2018-08-16 热度：161
分享一个 jQuery 配合Css模拟五星级评分效果代码，用图层模仿五星星评价功能的特效代码，星星评价功能，通常应用于文章，评论，下载星级评定等功能上面的一款网页特效。如果您的网站已经引入jQuery，那么实现起来就比较简单了，反之就不推荐使用了。 为解[详细]
-
点击按钮关注新浪微博，自动加关注代码
所属栏目：[交互] 日期：2018-08-16 热度：145
点击按钮关注 新浪微博 ，自动加关注代码，这是根据新浪官方代码修改的，大家可以自定义一下。把uid后面的数字修改为自己微博账号，样式也可以自己修改，也可进入微博组件中自己更换样式。 本文示例： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit[详细]
-
网页元素onmouseover实现鼠标响应图片变换
所属栏目：[交互] 日期：2018-08-16 热度：157
在刚刚看过JS响应鼠标变换图片并增加链接的特效之后，我们再来看一下简单的图片变换，这里只用到了A标记中的onmouseover属性，当我们把鼠标指向图片时，onmouseover就发挥作用了，这里图片改换为另一张，比较基础的HTML网页例子，高手不要见笑。 示例： !D[详细]
-
案例解析｜如何设计一个专业的产品着陆页？
所属栏目：[交互] 日期：2018-03-01 热度：117
对于许多品牌和网站而言，着陆页在营销上有着至关重要的作用。用户打开着陆页之后，能够通过它瞬间明白这个网站是做什么的，提供什么样的产品，什么样的服务，同时不会被其他的信息所分心。正是因为着陆页的独特地位，它在品牌和内容营销上的作用是难以忽[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目：[交互] 日期：2018-03-01 热度：52
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」，只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题，因此对 2018 年交互趋势的预测，我们将目光聚焦在[详细]
