-
JavaScript智能识别网页关键字并加红
所属栏目:[交互] 日期:2018-08-22 热度:159
烈火网(LieHuo.Net)JS网页特效 Java Script智能识别网页关键字并加红显示出来,这个效果大家不陌生吧,用JS加红关键字要比程序控制输出好得多,必竟将一部分功能交给了客户浏览器,相应减轻了服务器的压力。 演示部分: !DOCTYPE html PUBLIC -//W3C//DTD[详细]
-
基于jquery写的脚本验证器【附实例代码】
所属栏目:[交互] 日期:2018-08-22 热度:175
主要用到了jquery,以及自定义的一个属性wl_check,属性说明如下: 1、语法 [need:true,type:int,maxlen:15,minlen:2] 2、关键字 need:文本输入框的必填限制 regtype:文本输入框的正则表达式类别验证 minlen:文本输入框的最小输入长度 maxlen:文本输入[详细]
-
关闭网页窗口自动提示收藏本站的代码
所属栏目:[交互] 日期:2018-08-22 热度:70
今天有朋友咨询关闭网页时弹出是否收藏本站的代码,下面就把实现打开/关闭网页窗口自动提示收藏本站功能的代码分享给大家,多多支持烈火网哦! 更多关于打开/关闭网页,提示收藏和其它收藏代码方式,请使用烈火搜索! script type=text/javascriptfunction[详细]
-
jQuery.selectALL插件实现全选和取消全选效果
所属栏目:[交互] 日期:2018-08-22 热度:191
在前端开发中,经常会出现这种情况:单击某一复选框实现某一行或某一列的复选框在被选中或不被选中的状态间切换。在没有 jQuery 之前,我们需要一大段js代码来实现这种效果。有了jQuery这个强大的库之后,我们可以很方便的开发实现这种效果的jQuery插件。[详细]
-
一个非常简单的点击打开/收缩代码
所属栏目:[交互] 日期:2018-08-22 热度:72
这是一个非常简单的点击打开/收缩代码,利用JS实现的,几行代码,烈火网没有美化,你可以自己用CSS美化一下,如果您还不懂如何使用CSS,请参照烈火网提供的CSS中文手册。 以下为实例代码: style#subitem1,#subitem2 {padding:2px;background-color:#FBFCF[详细]
-
jQuery 制作超级简单版的窗帘效果
所属栏目:[交互] 日期:2018-08-22 热度:93
本文的特效还是 jQuery 实现的,一个超级简单的窗帘特效,如果你会CSS的话,可以稍加美化,我相信一定会非常有用的哦。 烈火网提示,本效果中使用了WindowClose.js插件。 查看实例演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN htt[详细]
-
JavaScript 高亮显示文章中的关键字
所属栏目:[交互] 日期:2018-08-22 热度:172
用JS让文章内容指定的关键字加亮是这样的..现在有这些关键字:美容,生活,购物当在文章里头出现这些关键字,就把它加亮显示..文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...不知道怎样来实现这样的功能啊?特此求助 以上示例代码如下[详细]
-
如何实现打开网页自动到达指定位置?
所属栏目:[交互] 日期:2018-08-22 热度:117
问题: 如何进去页面后自动到某个位置 不要index.html#hehe 这种形式, 就是我直接进入一个.html的文件,如何直接就到#hehe 的这个位置,谢谢了 回答: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xht[详细]
-
仿WordPress的评论管理 基于jQuery设计
所属栏目:[交互] 日期:2018-08-22 热度:199
jQuery 真的是无所不能的,我相信你们大多数人都看到过 WordPress 留言管理的后台。让我们用jQuery来模仿着试试看。为了模仿它的背景颜色,你必须添加Color Anination插件。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.o[详细]
-
幕布滑动下降效果 可用于网站公告
所属栏目:[交互] 日期:2018-08-22 热度:169
经常看电影吧?那你肯定见过电影的幕布降落,不过我们很难去做这样的事情,本文讲的就是利用 jQuery 实现的一个类似幕布下降的效果,缓冲滑动效果,烈火网友情提示:本特效您可以用于网站的顶部公告栏。但是前提需要加载JQuery.js。 !DOCTYPE html PUBLIC[详细]
-
跟随鼠标并呈圆形旋转散开的小花特效代码
所属栏目:[交互] 日期:2018-08-19 热度:53
跟随鼠标并呈圆形旋转散开的小花特效代码,一个比较老的特效代码了,烈火小编在网上收集来的,可能有的童鞋早就见过,适合在个人主页上使用,打开网页时,会看到鼠标周围有不断旋转的小花,然后迅速消散的无影无踪。 想知道是什么效果吗,赶紧点击下边的运[详细]
-
鼠标轨迹模拟效果,JavaScript图片跟随鼠标代码
所属栏目:[交互] 日期:2018-08-19 热度:199
鼠标轨迹模拟效果, Java Script图片跟随鼠标代码。当我们移动鼠标的时候,从第一个始点到终点间可用图片模拟出来,就像是带拖影的图片特效,不明白意思的是,可先运行一下看效果。 演示: htmlheadmeta http-equiv=Content-Type content=text/html; chars[详细]
-
跟随鼠标的小球,有弹性围绕鼠标“扯蛋”效果
所属栏目:[交互] 日期:2018-08-19 热度:140
跟随鼠标的小球,有弹性围绕鼠标扯蛋效果,看标题挺有意思吧,呵呵。烈火小编给这个特效取名为鼠标扯蛋效果,如果想知道是什么样的,就赶紧点击下边的运行代码按钮吧,运行后,如果不能立即显示效果,请单击网页任意空白处即可。 小提示:可将此代码用在自[详细]
-
网页顶部下垂的浮动条,有缓冲效果,可关闭
所属栏目:[交互] 日期:2018-08-19 热度:63
网页顶部下垂的浮动条,有缓冲效果,可关闭。该特效可以放网站公告,或一些导航菜单,比较醒目,当有人访问网站时,导航条徐徐的降下,不需要的时候可以关闭,跟IE默认的阻止弹窗的工具条有点相似,推荐使用! 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTM[详细]
-
JavaScript 递归算法计算阶乘代码
所属栏目:[交互] 日期:2018-08-19 热度:194
使用 Java Script中的递归算法计算阶乘,初学编程时候,这是很常见的小例子,比较一下,JS中的计算方法与其有何异同。 演示: htmlheadmeta http-equiv=content-type content=text/html; charset=GB2312 /title递归算法计算阶乘/title/headbody style=over[详细]
-
载入网页时弹出消息,并询问是否显示当前时间
所属栏目:[交互] 日期:2018-08-19 热度:189
载入网页时弹出消息,并询问是否显示当前时间,关于JS中confirm属性及document.write的使用,在网页制作中我们经常用到类似的例子,在本例中,首先弹出询问对话框,询问用户是否需要显示时间,根据用户的选择执行不同的过程,像这样使用document.write,你[详细]
-
JavaScript 代码获得键盘上按下的方向键
所属栏目:[交互] 日期:2018-08-19 热度:194
烈77火75网(LieHuo06.Net)教57程 Java Script取得按下键盘的方向键是哪个,通过创建一个event.keyCode对象,可有效获取键盘上的方向键,运行代码后,点击键盘上的任意方向键,网页会以Alert的方式返回你按下的是哪个键。 演示: htmlheadtitle取得键盘的方[详细]
-
网页定义快捷键访问网站,有询问提示效果
所属栏目:[交互] 日期:2018-08-19 热度:90
烈06火55网(LieHuo23.Net)网页36特效 网页定义快捷键访问网站,有询问提示效果!给网页设定快捷键的一种方法污染代码,本例子中定义了按下键盘上的g或G键,则弹出提示窗是否前往某链接,你完全可以自己修改这些自定义的键位。 演示代码: htmlheadtitle给[详细]
-
浏览本地文件,然后用js显示扩展名
所属栏目:[交互] 日期:2018-08-19 热度:159
烈97火14网(LieHuo12.Net)教84程 用文件域浏览指定文件,可以显示该文件的扩展名,想想它可以用在哪里?可以用在文件上传系统上,用来判断上传的文件类型是否是合法类型,不是则不允许上传。再看看代码,不足10行,解决问题,正在学习javaScript的朋友,你[详细]
-
JavaScript写的脚本运行速度分析小工具
所属栏目:[交互] 日期:2018-08-19 热度:129
脚本运行速度分析小工具,用 Java Script写的,得到部分数据如下:(循环100,000次,重复10次取平均值,下面的数据单位是 执行时间耗时-秒 每 百万操作) 特效代码: htmlheadtitle脚本运行分析/titlestyle* { font-size:12px; font-family:Arial, 宋体;[详细]
-
案例解析|如何设计一个专业的产品着陆页?
所属栏目:[交互] 日期:2018-02-24 热度:52
对于许多品牌和网站而言,着陆页在营销上有着至关重要的作用。用户打开着陆页之后,能够通过它瞬间明白这个网站是做什么的,提供什么样的产品,什么样的服务,同时不会被其他的信息所分心。正是因为着陆页的独特地位,它在品牌和内容营销上的作用是难以忽[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目:[交互] 日期:2018-02-24 热度:82
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」,只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题,因此对 2018 年交互趋势的预测,我们将目光聚焦在[详细]
-
从这7个方面入手,让移动端交互体验更加优秀
所属栏目:[交互] 日期:2018-02-24 热度:51
移动端设计的质量好坏,其实并不难度量。当用户可以流畅轻松地使用,不用耗费精力便可以完成各种任务,这就说明APP或者网站的设计足够优秀。用户对于交互其实是很敏感的,好用不好用,满意不满意,他们会通过简单的操作快速判断出来。 移动端的应用和网页[详细]
-
行为的设计:行为也可以成为品牌的符号
所属栏目:[交互] 日期:2018-02-24 热度:180
注:行为的设计需要设计师对人与产品间的关系有更加深刻的理解,所以这并不是一件轻松的事情,设计师需要为此付出更多的尝试然后承受更多的失败。 为什么会出现下拉刷新,以及,在下拉刷新出现之前为什么没有下拉刷新?这些问题的答案似乎显而易见,却又总[详细]
-
减轻用户记忆负担:识别与回忆在人机交互中的应用
所属栏目:[交互] 日期:2018-02-24 热度:93
副标题#e# 注:为了更好的理解和区分识别和回忆,并找出为什么在UI设计时我们更喜欢“识别”,我们要探究一下人类的记忆是如何工作的。 在交互设计领域,Top10 的提升用户体验的方法之一即是:避免让用户艰难回忆,而是要让他们自然地识别出产品的功能。那[详细]
