-
jQuery 模拟的无刷新分页代码
所属栏目:[交互] 日期:2018-08-18 热度:124
jquery 模拟的网页无刷新分页效果代码,这里实现的是一个基础的雏形,包括了分页的核心代码,搞懂了本代码,你基本可以明白分页的原理了,如果要用到你的程序中,可以需要一些改动。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问[详细]
-
JavaScript 关于 if else 条件判断的语句
所属栏目:[交互] 日期:2018-08-18 热度:54
Java Script 关于if/else条件语句的具体用法举例,虽然这是JavaScript中IF/ELSE,但几乎所有的程序语言中都有此用法,不懂提IF/ELSE的话,你可能还对程序开发没有入门,不管你是ASP/PHP/JSP/JS,你或许都要懂得它的用法和作用。 这里给出的仅是JS代码,你[详细]
-
JavaScript do while循环的用法代码实例
所属栏目:[交互] 日期:2018-08-18 热度:191
Java Script do while循环的用法代码实例,从1输出5个数字,循环输出,循环的用法当然是比较普遍的,不管是JS还是ASP/PHP/JSP等都有循环的使用。 演示代码: htmlheadtitledo while循环/title/headbodycenterh2测试do while循环/h2/centerhrscript languag[详细]
-
jQuery Parents的用法,大块的选择区
所属栏目:[交互] 日期:2018-08-18 热度:173
一个模仿悬停事件(鼠标移动到一个对象上面及 移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种保持在其中的状态。 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数[详细]
-
jQuery里面的闭包,一个极简单的效果
所属栏目:[交互] 日期:2018-08-18 热度:83
将变量$的控制权让渡给其他库。这样可以确保 jQuery 不会与其他库的$对象发生冲突。,jQuery里面的闭包,那为什么能 var cssrain=jQuery.noConflict(true) 这么写呢? 首先我们看jQuery的源代码: noConflict: function( deep ) { window.$ = _$; if ( deep )[详细]
-
jQuery 文字复制功能,keyup事件执行函数
所属栏目:[交互] 日期:2018-08-18 热度:196
代码的意思是说让p元素的text始终等于d的value,第一个keyup是定义了keyup事件执行的函数,第二个keyup是模拟一次keyup事件,也就是执行一下keyup里定义的函数,以此来保证页面初始状态下p元素的text就等于d的value,如果去掉后一个keyup看似也没有问题,[详细]
-
JavaScript模拟CMD实现HTTP Ping效果
所属栏目:[交互] 日期:2018-08-17 热度:195
Java Script模拟CMD,实现的HTTP Ping 效果。 JS虽然不能真正发送Ping的ICMP数据包,但Ping的本质仍然是请求/回复的时间差,HTTP自然可以实现此功能,不过在请求时无法统计HTTP头部的长度,所以当请求数据包长度在最大传输单元临界点时,额外的HTTP头可以导[详细]
-
实时改变网页字体大
所属栏目:[交互] 日期:2018-08-17 热度:88
jQuery 实时改变字体大孝字体背景色和颜色,一个引入了JQUERY的站长,可以把很多需要实现的效果变得更简单,确实是个实用的小插件,对JQ不熟悉的朋友,平时可要多看一些实例啦,比如现在这一个小实例,你可以从中学习到不少知识点的哦。 推荐阅读:烈火网[详细]
-
JavaScript绘图代码,圆形、弧形、扇形等
所属栏目:[交互] 日期:2018-08-13 热度:150
Java Script绘图代码演示实例,可以画出圆形、弧形、扇形、弹出扇形等图形。支持浏览器为IE5及以上版本,不支持火狐和谷歌等浏览器,否则会提示:对不起!您的浏览器不能支持该页的某些功能,请换用IE4.0以上版本的浏览器!谢谢! 演示: !DOCTYPE html PU[详细]
-
基于 jQuery 的冒泡事件 demo 示例代码
所属栏目:[交互] 日期:2018-08-13 热度:89
基于 jQuery 的冒泡事件 demo 示例代码,这是烈火网第一次发表jQuery的冒泡示例,有的网友可能还记得《JavaScript 的事件冒泡 demo 示例》,还有《JavaScript随机数排序(冒泡排序)代码》。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷[详细]
-
利用HTML5的Canvas元素实现方块字放大特效
所属栏目:[交互] 日期:2018-08-13 热度:197
利用HTML5的Canvas元素实现方块字放大特效,闲来无事研究一下Canvas,主要是为了熟悉ImageData,围绕方块字的放大特效 圆润毛边和曲线什么的没去研究过,因为涉及到算法和 画图 方面的东西,不是用Canvas自己的画图命令来画图,不然就像 AutoCAD 里手动命[详细]
-
雪花飘舞下的圣诞树旋转效果 基于HTML5技术实现
所属栏目:[交互] 日期:2018-08-13 热度:159
分享一款3D逼真的雪花飘舞下的圣诞树旋转效果,这么漂亮炫酷的效果当然是基于HTML5技术实现的哦,这可不是Flash制作的哦,另外本效果需要在 IE9 、 Chrome 、火狐等浏览器下才会有效果的,因此呢下边的运行按钮您也不用按了,请直接另存代码或复制代码再通[详细]
-
JS事件触发实例:数字摇奖的简单代码
所属栏目:[交互] 日期:2018-08-13 热度:88
Java Script事件触发实例:数字摇奖的简单代码,点击按钮后,数字会变化,模拟的代码,利用随机数变换数字。这里只是一个简单的雏形代码,主要是为了演示该效果,如果您打算实际应用,请在此基础上进行扩展或更深层次的开发。 示例: !DOCTYPE htmlhtmlhead[详细]
-
2012年百度首页响应鼠标动态“龙”涂鸦效果
所属栏目:[交互] 日期:2018-08-13 热度:175
2012龙年春节,全球最大中文搜索引擎百度,在首页上推出响应鼠标舞动的中国龙特效,百度也大牛了一把,把看似简单的事做的比较有亮点,实则用到的技术挺复杂,也挺前沿,再些把代码分享给广大前端爱好者,希望您能从中发现奇迹。 示例: !doctype htmlhtml[详细]
-
CSS3场景动画:从日出、云开到月亮升起
所属栏目:[交互] 日期:2018-08-13 热度:192
基于 jQuery 和CSS3实现的一幅场景动画,在这个物资中演示了:从日出云开、到日落傍晚,再到月亮升起的完整一天,兼容的浏览器有: Chrome , Safari , Firefox 5+,IE10 PP3,并且在网页中还提供了每个场景使用的CSS代码,方便大家阅读。 为解决一些网页特[详细]
-
JS实现图片以椭圆轨迹运动并实时坐标的代码
所属栏目:[交互] 日期:2018-08-13 热度:89
Java Script结合CSS实现图片以椭圆轨迹 运动 ,在代码中设置了图片起始和结束的坐标位置,图片在运动的过程中,在textarea中实时显示坐标,很有参考价值的特效代码。 演示: !DOCTYPE htmlhtmlheadstyle type=text/css#div1 {margin:100px auto;width:5px;[详细]
-
JS网页恶搞代码,不断弹出、关不掉的对话框
所属栏目:[交互] 日期:2018-08-13 热度:190
您还记得愚人节吗?烈火网推出了一个恶搞网页,当你点击进入这个网页以后,就会被不断弹出的对话框所困扰,今天我们再来看一个类似的效果,与愚人节那个有所不同,愚人节那个对话框是有数量的,也就是说可以一直点到关闭为止,而今天介绍的恶搞代码是永远[详细]
-
JS+CSS实现动态变幻的彩色“下划线”效果
所属栏目:[交互] 日期:2018-08-13 热度:189
JS+CSS实现动态变幻的彩色下划线效果,看一下你就知道是什么了,怎么样,神奇吧!?其实这是一个下划线,就像Windows2000系统加载时的彩条一样,完全用JS控制生成的程序,非GIF图片。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=t[详细]
-
案例解析|如何设计一个专业的产品着陆页?
所属栏目:[交互] 日期:2018-02-23 热度:168
对于许多品牌和网站而言,着陆页在营销上有着至关重要的作用。用户打开着陆页之后,能够通过它瞬间明白这个网站是做什么的,提供什么样的产品,什么样的服务,同时不会被其他的信息所分心。正是因为着陆页的独特地位,它在品牌和内容营销上的作用是难以忽[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目:[交互] 日期:2018-02-23 热度:164
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」,只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题,因此对 2018 年交互趋势的预测,我们将目光聚焦在[详细]
-
从这7个方面入手,让移动端交互体验更加优秀
所属栏目:[交互] 日期:2018-02-23 热度:66
移动端设计的质量好坏,其实并不难度量。当用户可以流畅轻松地使用,不用耗费精力便可以完成各种任务,这就说明APP或者网站的设计足够优秀。用户对于交互其实是很敏感的,好用不好用,满意不满意,他们会通过简单的操作快速判断出来。 移动端的应用和网页[详细]
-
行为的设计:行为也可以成为品牌的符号
所属栏目:[交互] 日期:2018-02-23 热度:97
注:行为的设计需要设计师对人与产品间的关系有更加深刻的理解,所以这并不是一件轻松的事情,设计师需要为此付出更多的尝试然后承受更多的失败。 为什么会出现下拉刷新,以及,在下拉刷新出现之前为什么没有下拉刷新?这些问题的答案似乎显而易见,却又总[详细]
-
减轻用户记忆负担:识别与回忆在人机交互中的应用
所属栏目:[交互] 日期:2018-02-23 热度:116
副标题#e# 注:为了更好的理解和区分识别和回忆,并找出为什么在UI设计时我们更喜欢“识别”,我们要探究一下人类的记忆是如何工作的。 在交互设计领域,Top10 的提升用户体验的方法之一即是:避免让用户艰难回忆,而是要让他们自然地识别出产品的功能。那[详细]
-
设计实战:以不变应万变,交互规范的制作与思考
所属栏目:[交互] 日期:2018-02-23 热度:64
副标题#e# 作者:网易UEDC 规范很重要 规范和秩序存在于生活的方方面面。不知道大家有没观察过,稍微有点规模的咖啡连锁店,一般至少会有 3 位职员,分别负责收银点单,制作咖啡,打扫。他们各司其职,高效配合,以保证快速满足客户的需求。规范操作让其井[详细]
-
谁说淘宝卖货只能促销,还可以这样做!
所属栏目:[交互] 日期:2018-02-03 热度:74
副标题#e# 关键词 :「痛点文案」 作者:林小晴 ,85 后,从业互联网行业十年,做了 5 年的互联网运营总监。 来源:营销航班(ID:YXHB18) 正文 你写PPT时,阿拉斯加的鳕鱼正跃出水面.... 你看报表时,梅里雪山的金丝猴刚好爬上树尖..... 你挤进地铁时,西[详细]