-
js实现更多内容的收缩与展开效果
所属栏目:[交互] 日期:2018-09-05 热度:127
Java SCript完成的一段文字收缩与展开的特效代码,在电影网站里,经常会看到电影简介,但是为了页面整体美观的情况下,会隐藏一部分文字以使网页整齐美观,当你想详细看的时候点击更多会展开所有的文字,本代码就是实现了这样一种功能,点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目:[交互] 日期:2018-09-05 热度:165
一款网页底部的浮动条效果,跟随滚动条。在IE与 火狐浏览器 下测试通过,这是烈火在UED TEAM博客发现的,特别分享出来给大家,希望对大家有所帮助。 原理:在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目:[交互] 日期:2018-09-05 热度:111
jQuery 伸缩与展开效果,个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题,当初朋友的一个网页,打开后某部分是闭合的,点击后才展开,后来过来问我如何让它一打开就展开,当时偶水平也很菜,没能搞出来。呜呜!!遇到类似问题的朋友,不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目:[交互] 日期:2018-09-05 热度:138
用VML在网页上画正弦和余弦曲线,这里使用polyLine和arrow两个函数分别画折线和箭头,两个基本的元素绘画完成,整条曲线也就很容易的就出现了。 关于VML的百科介绍:http://baike.liehuo.net/doc-view-8894.html 文章回顾: 利用VML在网页上绘制一幅逼真的[详细]
-
JavaScript 同时调用网页中的多个函数效果
所属栏目:[交互] 日期:2018-08-30 热度:102
Java Script 同时调用同一网页内的多个函数,点击按钮后执行多次函数,比如连续弹出多次窗口。 htmlheadtitle同时调用多个函数/titlescript language=javascript!--function fun1(){alert(这是fun1);}function fun2(){alert(这是fun2);}//--/script/headbo[详细]
-
js实现点击网页空白处跳转网址效果
所属栏目:[交互] 日期:2018-08-30 热度:58
最近一段时间,谷歌可谓是折腾了又折腾,就拿昨天的跳转事件来说吧,可把媒体忙活的不清,先是执行了跳转,然后又爆出不再跳转,申请牌照,尔后的时间又出现了奇迹:传谷歌中国获得ICP牌照续期,Google.CN重新回到中国,不再跳转香港了,烈火也忙了半天,[详细]
-
判断是否IE6,如果是则提示升级浏览器
所属栏目:[交互] 日期:2018-08-30 热度:112
一个与浏览器有关的脚本 ,也是大家从事WEb前端编程常见的编程技巧,就是判断浏览器的版本,如果发现版本不符合你的设计要求,就给出提示升级浏览器,这样你的网页会更有体验。 回顾: 以前的教程,烈火曾经提到判断IE6的方法,例如: javascript 判断ie与[详细]
-
js 也能画画,简单代码实现城市风景
所属栏目:[交互] 日期:2018-08-30 热度:187
用js代码作画,你想过没有?我们知道js编写游戏,在以前的文章中,有网页版泡泡龙、Bubble Breaker、JS网页版连连看、Google吃豆子、星际争霸等,今天烈火给大家介绍的是JS的简单代码实现的风景。 看看下面的效果,你就知道了,这可不是一幅画,这是特殊字[详细]
-
可拖拽的自定义模块效果,基于JavaScript编写
所属栏目:[交互] 日期:2018-08-30 热度:108
本文介绍的是使用 Java Script精仿iGoogle自定义首页模块拖拽效果,这是烈火发表的第一篇关于模块可拖拽的网页特效,一直以来这种效果都非常流行,尤其作为网址导航或个性首页都在使用这个效果,现在在使用的最著名就是iGoolge主页,还正在采用这种模式,[详细]
-
利用VML在网页上绘制一幅逼真的梅花图
所属栏目:[交互] 日期:2018-08-30 热度:116
今天烈火给大家介绍的是一个特殊的网页特效,在本特效中要用到VML,在文中,作者使用VML在网页上绘制了一幅梅花图,尤其对于VML爱好者来说,可不能错过机会哟。 关于VML VML是The Vector Markup Language(矢量可标记语言)的缩写。VML用于将图形数据矢量化[详细]
-
类似HAO123.COM的多个搜索引擎跳转效果
所属栏目:[交互] 日期:2018-08-29 热度:178
烈火网(LieHuo.Net)网页特效 前几天,有朋友咨询hao123.com网址首页的多个搜索引擎搜索跳转效果是如何实现的,烈火告诉他,这是利用JS代码,就如同烈火上网导航(访问)的多搜索一样,没有去hao123把代码扣下来,小编在网上找到一款代码,不过本代码与它的[详细]
-
JavaScript实现地图控制上下左右的移动
所属栏目:[交互] 日期:2018-08-29 热度:145
烈火网(LieHuo.Net)网页特效教程:本文介绍的是 Java Script编程实现地图上下左右的移动控制代码,比较不错,现在的地图网站很多,类似这种的特效也有很多,这是其中这一,写的很不错,用尽可能少的代码解决实际问题,各位读者不仿借鉴一下。欢迎对烈火的[详细]
-
JavaScript智能识别网页关键字并加红
所属栏目:[交互] 日期:2018-08-29 热度:192
烈火网(LieHuo.Net)JS网页特效 Java Script智能识别网页关键字并加红显示出来,这个效果大家不陌生吧,用JS加红关键字要比程序控制输出好得多,必竟将一部分功能交给了客户浏览器,相应减轻了服务器的压力。 演示部分: !DOCTYPE html PUBLIC -//W3C//DTD[详细]
-
JS模拟球落地、碰撞,用力扔出去弹来弹去
所属栏目:[交互] 日期:2018-08-17 热度:90
JS模拟球落地、碰撞,用力扔出去弹来弹去, Java Script结合图片完成的代码,随便拖到一个浏览器试试,就像跳跳球一样的效果,鼠标碰到某个浏览器的图标后,图标就会落下来。 这个效果让我们想起烈火网以前发表的《跟随鼠标的小球,有弹性围绕鼠标扯蛋效果[详细]
-
jQuery 回圈加图进网页,转自经典论坛
所属栏目:[交互] 日期:2018-08-17 热度:59
jQuery 回圈加图进网页,用循环控制输入图片,不能用HTML方法。你可以试下,HTML是替换元素内的内容 每次都会把原来的清楚再添加新的 自然只会只有一个。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。[详细]
-
JS网页烟花效果,可手动、自动和停止播放烟花
所属栏目:[交互] 日期:2018-08-17 热度:162
Java Script自动放烟花效果,可以手动放烟花、自动放烟花,由于浏览器渲染能力有限, 当浏览器为IE或选择自动放烟花时, 随机生成的烟花碎片范围自动调整至20-30,建议使用 Firefox , Chrome 浏览器预览效果。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3[详细]
-
JavaScript 的事件冒泡 demo 示例
所属栏目:[交互] 日期:2018-08-17 热度:57
Java Script 的事件冒泡 demo 示例,如果你还不理解JavaScript的事件冒泡往下看: 示例代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/x[详细]
-
JS实现类似表盘的圆环,虚线转动,自动变大变小
所属栏目:[交互] 日期:2018-08-17 热度:86
Java Script结合Css实现的一个类似表盘的圆环,外边为虚线的会转动的圆圈,在转动的过程中,循环自动变大变小,没有实际应用的意义,不过对于学习JS来说,是一个不错的例子。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadstyle#div1[详细]
-
Circle响应鼠标的环绕动画效果,基于jQuery插件
所属栏目:[交互] 日期:2018-08-17 热度:122
Circle响应鼠标的环绕动画效果,基于 jQuery 插件,Google+的圈子特效做的很不错,这里模仿下,时间有限,还有一个 动画累积 的问题没有解决。希望高手们能帮助分析一下。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别[详细]
-
JS操作Cookies实例:保存网页实时输入的文字
所属栏目:[交互] 日期:2018-08-17 热度:85
JS操作Cookies实例:保存网页实时输入的文字,cookies的用法也是想当广泛的,像网页上的拖动、购物车等等,都是基于Cookie的,希望通过本实例,你能掌握Js中Cookies的具体用法。 示例: htmlheadmeta http-equiv=content-type content=text/html; charset=[详细]
-
Js为文字加上确认删除对话框的功能
所属栏目:[交互] 日期:2018-08-17 热度:101
Js为文字链接加上确认删除的对话框功能。代码说明:单击删除的超链接后将执行delcfm()函数,在对话框中,如果点击确定,函数将返回true值,就将页面转到a标签中的链接页面执行删除的页面;如果点击取消,函数将返回false值,a标签将不转到执行删除的页面。[详细]
-
页面简洁、设计美观的404错误页面代码
所属栏目:[交互] 日期:2018-08-17 热度:109
收集了一个页面简洁、设计美观的404错误页面代码给大家,在这个页面上只有一张图片,页面整体结构设计的不错,非常简洁,我喜欢的风格,希望大家也喜欢哦。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR[详细]
-
Js通过screen函数直接显示器分辨率代码
所属栏目:[交互] 日期:2018-08-17 热度:154
Js通过screen函数直接显示器 分辨率 代码,一句话就得到了,超级简单啊,而且很准,做游戏的好好学习下,用它可以实现实现游戏界面与分辨率的自适应。 此类的实例,我们以前就介绍过,文章题目为《js检测浏览器对象 分辨率、鼠标坐标等》,比本文的例子要[详细]
-
案例解析|如何设计一个专业的产品着陆页?
所属栏目:[交互] 日期:2018-02-21 热度:141
副标题#e# 对于许多品牌和网站而言,着陆页在营销上有着至关重要的作用。用户打开着陆页之后,能够通过它瞬间明白这个网站是做什么的,提供什么样的产品,什么样的服务,同时不会被其他的信息所分心。正是因为着陆页的独特地位,它在品牌和内容营销上的作用[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目:[交互] 日期:2018-02-21 热度:170
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」,只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题,因此对 2018 年交互趋势的预测,我们将目光聚焦在[详细]