-
仿淘宝智能浮动的工具条,基于jQuery实现
所属栏目:[交互] 日期:2018-09-09 热度:167
烈73火87网(LieHuo36.Net)网页特效教12程 仿淘宝智能浮动的工具条,基于 jQuery 实现,智能判断滚动条是否移动到了页面的最顶部,如果是,则浮动至最顶部,以至于不受滚动条的影响;当滚动条滚回来的时候,它同样为判断是否滚到了自己原来的默认位置,如果[详细]
-
js模拟引力环境下的撞击、摩擦、落体运动 可拖拽
所属栏目:[交互] 日期:2018-09-09 热度:183
Java script模拟引力环境下的撞击、摩擦、落体 运动 ,摩擦,碰撞的消耗并没有按公式进行计算,纯属于杜撰,是不符合规律的,仅仅是模拟,希望同行们多切磋,共同探讨。 演示效果如下: htmlheadmeta charset=gbk /title模拟引力环境下的撞击、摩擦、落体[详细]
-
js获取字符串中指定位置的字符代码
所属栏目:[交互] 日期:2018-09-06 热度:79
javascript取得字符串中指定位置的字符,如果你对WEB编程了解的话,就会明白,取得某字符串指定位置的字符也是比较常见的问题,希望通过这个小小简单实例,让更多的朋友学会 Java Script中获取指定字符串这一功能的方法。 实例演示: htmlheadtitle取得字[详细]
-
JavaScript 实现缓冲效果演示大汇总
所属栏目:[交互] 日期:2018-09-06 热度:57
作者将45种可用于网页上的 Java Script缓冲效果集合于一个整体实例中,鼠标点击某个缓冲的名字,就能看到该缓冲的效果,很佩服作者的水平,研究JS的朋友,一定要切磋一下,见到高人了 作者:司徒正美,很多人都知道的,在博客园等多个知名网站开了博客,在[详细]
-
JavaScript模板替换函数代码 非常简洁
所属栏目:[交互] 日期:2018-09-06 热度:101
一个超简洁的 Java Script模板替换函数,其实从实用角度来说,用这种方式替换不太实用,不过里面的代码有些写的相当不错,特别是正则表达式代码,值得一看。 演示效果: htmlheadtitle模板替换函数/titlestyle*{margin:0; padding:0;}/style/headbodydiv i[详细]
-
js 网站连接速度测试 延迟加载
所属栏目:[交互] 日期:2018-09-06 热度:164
网站的连接速度测试,貌似速度都挺快,呵呵,测试个大概吧,这个更像是Windows中的Ping的速度,本代码测试的是连接到指定主机的速度,并不是网页下载的速度。 而且在本效果中,采用了js延迟加载的效果,如果网速慢的话,会显示:正在连接。。。 效果如下:[详细]
-
js检测浏览器对象 分辨率、鼠标坐标等
所属栏目:[交互] 日期:2018-09-06 热度:187
本文介绍的是 Java Script配合CSS检测浏览器对象和鼠标位置,CSS主要用于美化文字,将文字变成漂亮的字体以及设置自定义颜色,Js完成操作系统判断、浏览器版本及名称、显示器 分辨率 、鼠标的位置:x、y坐标等信息,尽管检测的不是太准确,但是已经把原理[详细]
-
js无刷新添加可拖拽、移动的DIV区域块
所属栏目:[交互] 日期:2018-09-06 热度:126
这是利用javascript实现的无刷新添加一个新的DIV层,没有使用 jQuery 哦,功能非常不错。并可实现的该层的拖动,鼠标拖动层可移动位置,将JS部分另存为一个新文件,用到的时候从外部引入,这个拖动层代码很流行,GG和YAHOO等大网站经常可以看到这种效果。[详细]
-
js实现更多内容的收缩与展开效果
所属栏目:[交互] 日期:2018-09-06 热度:160
Java SCript完成的一段文字收缩与展开的特效代码,在电影网站里,经常会看到电影简介,但是为了页面整体美观的情况下,会隐藏一部分文字以使网页整齐美观,当你想详细看的时候点击更多会展开所有的文字,本代码就是实现了这样一种功能,点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目:[交互] 日期:2018-09-06 热度:102
一款网页底部的浮动条效果,跟随滚动条。在IE与 火狐浏览器 下测试通过,这是烈火在UED TEAM博客发现的,特别分享出来给大家,希望对大家有所帮助。 原理:在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目:[交互] 日期:2018-09-06 热度:173
jQuery 伸缩与展开效果,个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题,当初朋友的一个网页,打开后某部分是闭合的,点击后才展开,后来过来问我如何让它一打开就展开,当时偶水平也很菜,没能搞出来。呜呜!!遇到类似问题的朋友,不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目:[交互] 日期:2018-09-06 热度:121
用VML在网页上画正弦和余弦曲线,这里使用polyLine和arrow两个函数分别画折线和箭头,两个基本的元素绘画完成,整条曲线也就很容易的就出现了。 关于VML的百科介绍:http://baike.liehuo.net/doc-view-8894.html 文章回顾: 利用VML在网页上绘制一幅逼真的[详细]
-
基于jquery写的脚本验证器【附实例代码】
所属栏目:[交互] 日期:2018-08-30 热度:74
主要用到了jquery,以及自定义的一个属性wl_check,属性说明如下: 1、语法 [need:true,type:int,maxlen:15,minlen:2] 2、关键字 need:文本输入框的必填限制 regtype:文本输入框的正则表达式类别验证 minlen:文本输入框的最小输入长度 maxlen:文本输入[详细]
-
关闭网页窗口自动提示收藏本站的代码
所属栏目:[交互] 日期:2018-08-21 热度:100
今天有朋友咨询关闭网页时弹出是否收藏本站的代码,下面就把实现打开/关闭网页窗口自动提示收藏本站功能的代码分享给大家,多多支持烈火网哦! 更多关于打开/关闭网页,提示收藏和其它收藏代码方式,请使用烈火搜索! script type=text/javascriptfunction[详细]
-
jQuery.selectALL插件实现全选和取消全选效果
所属栏目:[交互] 日期:2018-08-21 热度:125
在前端开发中,经常会出现这种情况:单击某一复选框实现某一行或某一列的复选框在被选中或不被选中的状态间切换。在没有 jQuery 之前,我们需要一大段js代码来实现这种效果。有了jQuery这个强大的库之后,我们可以很方便的开发实现这种效果的jQuery插件。[详细]
-
一个非常简单的点击打开/收缩代码
所属栏目:[交互] 日期:2018-08-21 热度:162
这是一个非常简单的点击打开/收缩代码,利用JS实现的,几行代码,烈火网没有美化,你可以自己用CSS美化一下,如果您还不懂如何使用CSS,请参照烈火网提供的CSS中文手册。 以下为实例代码: style#subitem1,#subitem2 {padding:2px;background-color:#FBFCF[详细]
-
jQuery 制作超级简单版的窗帘效果
所属栏目:[交互] 日期:2018-08-21 热度:142
本文的特效还是 jQuery 实现的,一个超级简单的窗帘特效,如果你会CSS的话,可以稍加美化,我相信一定会非常有用的哦。 烈火网提示,本效果中使用了WindowClose.js插件。 查看实例演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN htt[详细]
-
JavaScript 高亮显示文章中的关键字
所属栏目:[交互] 日期:2018-08-21 热度:55
用JS让文章内容指定的关键字加亮是这样的..现在有这些关键字:美容,生活,购物当在文章里头出现这些关键字,就把它加亮显示..文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...不知道怎样来实现这样的功能啊?特此求助 以上示例代码如下[详细]
-
如何实现打开网页自动到达指定位置?
所属栏目:[交互] 日期:2018-08-21 热度:70
问题: 如何进去页面后自动到某个位置 不要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-21 热度:120
jQuery 真的是无所不能的,我相信你们大多数人都看到过 WordPress 留言管理的后台。让我们用jQuery来模仿着试试看。为了模仿它的背景颜色,你必须添加Color Anination插件。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.o[详细]
-
幕布滑动下降效果 可用于网站公告
所属栏目:[交互] 日期:2018-08-21 热度:141
经常看电影吧?那你肯定见过电影的幕布降落,不过我们很难去做这样的事情,本文讲的就是利用 jQuery 实现的一个类似幕布下降的效果,缓冲滑动效果,烈火网友情提示:本特效您可以用于网站的顶部公告栏。但是前提需要加载JQuery.js。 !DOCTYPE html PUBLIC[详细]
-
如何防止网站的网页内容禁止他人复制
所属栏目:[交互] 日期:2018-08-21 热度:90
说实话,我觉得是没有办法避免别人复制你的网页,他可以把网站保存下来,或者在缓存目录C:Documents and SettingsAdministratorLocal SettingsTemporary Internet Files 里复制内容,然后去掉js代码,再保存,所以做这个功能只是迷惑一下外行。 !DOCTY[详细]
-
仿51job方式的地址选择效果代码
所属栏目:[交互] 日期:2018-08-21 热度:99
这是仿51job的一个选择效果,基于 Java script实现,单击选择后弹出遮罩层,以下拉的形式展现,被选择的项目会实时展示在层里面,点击确定后显示在网页上,非常不错的效果,大家可以借鉴一下实现思路: html xmlns=http://www.w3.org/1999/xhtmlheadmeta h[详细]
-
案例解析|如何设计一个专业的产品着陆页?
所属栏目:[交互] 日期:2018-02-23 热度:174
对于许多品牌和网站而言,着陆页在营销上有着至关重要的作用。用户打开着陆页之后,能够通过它瞬间明白这个网站是做什么的,提供什么样的产品,什么样的服务,同时不会被其他的信息所分心。正是因为着陆页的独特地位,它在品牌和内容营销上的作用是难以忽[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目:[交互] 日期:2018-02-23 热度:178
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」,只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题,因此对 2018 年交互趋势的预测,我们将目光聚焦在[详细]
