-
关闭网页窗口自动提示收藏本站的代码
所属栏目:[交互] 日期:2018-08-24 热度:76
今天有朋友咨询关闭网页时弹出是否收藏本站的代码,下面就把实现打开/关闭网页窗口自动提示收藏本站功能的代码分享给大家,多多支持烈火网哦! 更多关于打开/关闭网页,提示收藏和其它收藏代码方式,请使用烈火搜索! script type=text/javascriptfunction[详细]
-
jQuery.selectALL插件实现全选和取消全选效果
所属栏目:[交互] 日期:2018-08-24 热度:115
在前端开发中,经常会出现这种情况:单击某一复选框实现某一行或某一列的复选框在被选中或不被选中的状态间切换。在没有 jQuery 之前,我们需要一大段js代码来实现这种效果。有了jQuery这个强大的库之后,我们可以很方便的开发实现这种效果的jQuery插件。[详细]
-
一个非常简单的点击打开/收缩代码
所属栏目:[交互] 日期:2018-08-24 热度:113
这是一个非常简单的点击打开/收缩代码,利用JS实现的,几行代码,烈火网没有美化,你可以自己用CSS美化一下,如果您还不懂如何使用CSS,请参照烈火网提供的CSS中文手册。 以下为实例代码: style#subitem1,#subitem2 {padding:2px;background-color:#FBFCF[详细]
-
jQuery 制作超级简单版的窗帘效果
所属栏目:[交互] 日期:2018-08-24 热度:78
本文的特效还是 jQuery 实现的,一个超级简单的窗帘特效,如果你会CSS的话,可以稍加美化,我相信一定会非常有用的哦。 烈火网提示,本效果中使用了WindowClose.js插件。 查看实例演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN htt[详细]
-
JavaScript 高亮显示文章中的关键字
所属栏目:[交互] 日期:2018-08-24 热度:75
用JS让文章内容指定的关键字加亮是这样的..现在有这些关键字:美容,生活,购物当在文章里头出现这些关键字,就把它加亮显示..文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...不知道怎样来实现这样的功能啊?特此求助 以上示例代码如下[详细]
-
如何实现打开网页自动到达指定位置?
所属栏目:[交互] 日期:2018-08-24 热度:60
问题: 如何进去页面后自动到某个位置 不要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-24 热度:123
jQuery 真的是无所不能的,我相信你们大多数人都看到过 WordPress 留言管理的后台。让我们用jQuery来模仿着试试看。为了模仿它的背景颜色,你必须添加Color Anination插件。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.o[详细]
-
幕布滑动下降效果 可用于网站公告
所属栏目:[交互] 日期:2018-08-24 热度:55
经常看电影吧?那你肯定见过电影的幕布降落,不过我们很难去做这样的事情,本文讲的就是利用 jQuery 实现的一个类似幕布下降的效果,缓冲滑动效果,烈火网友情提示:本特效您可以用于网站的顶部公告栏。但是前提需要加载JQuery.js。 !DOCTYPE html PUBLIC[详细]
-
JavaScript绘图代码,圆形、弧形、扇形等
所属栏目:[交互] 日期:2018-08-15 热度:65
Java Script绘图代码演示实例,可以画出圆形、弧形、扇形、弹出扇形等图形。支持浏览器为IE5及以上版本,不支持火狐和谷歌等浏览器,否则会提示:对不起!您的浏览器不能支持该页的某些功能,请换用IE4.0以上版本的浏览器!谢谢! 演示: !DOCTYPE html PU[详细]
-
基于 jQuery 的冒泡事件 demo 示例代码
所属栏目:[交互] 日期:2018-08-15 热度:68
基于 jQuery 的冒泡事件 demo 示例代码,这是烈火网第一次发表jQuery的冒泡示例,有的网友可能还记得《JavaScript 的事件冒泡 demo 示例》,还有《JavaScript随机数排序(冒泡排序)代码》。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷[详细]
-
利用HTML5的Canvas元素实现方块字放大特效
所属栏目:[交互] 日期:2018-08-15 热度:69
利用HTML5的Canvas元素实现方块字放大特效,闲来无事研究一下Canvas,主要是为了熟悉ImageData,围绕方块字的放大特效 圆润毛边和曲线什么的没去研究过,因为涉及到算法和 画图 方面的东西,不是用Canvas自己的画图命令来画图,不然就像 AutoCAD 里手动命[详细]
-
雪花飘舞下的圣诞树旋转效果 基于HTML5技术实现
所属栏目:[交互] 日期:2018-08-15 热度:110
分享一款3D逼真的雪花飘舞下的圣诞树旋转效果,这么漂亮炫酷的效果当然是基于HTML5技术实现的哦,这可不是Flash制作的哦,另外本效果需要在 IE9 、 Chrome 、火狐等浏览器下才会有效果的,因此呢下边的运行按钮您也不用按了,请直接另存代码或复制代码再通[详细]
-
JS事件触发实例:数字摇奖的简单代码
所属栏目:[交互] 日期:2018-08-15 热度:112
Java Script事件触发实例:数字摇奖的简单代码,点击按钮后,数字会变化,模拟的代码,利用随机数变换数字。这里只是一个简单的雏形代码,主要是为了演示该效果,如果您打算实际应用,请在此基础上进行扩展或更深层次的开发。 示例: !DOCTYPE htmlhtmlhead[详细]
-
2012年百度首页响应鼠标动态“龙”涂鸦效果
所属栏目:[交互] 日期:2018-08-15 热度:58
2012龙年春节,全球最大中文搜索引擎百度,在首页上推出响应鼠标舞动的中国龙特效,百度也大牛了一把,把看似简单的事做的比较有亮点,实则用到的技术挺复杂,也挺前沿,再些把代码分享给广大前端爱好者,希望您能从中发现奇迹。 示例: !doctype htmlhtml[详细]
-
CSS3场景动画:从日出、云开到月亮升起
所属栏目:[交互] 日期:2018-08-15 热度:198
基于 jQuery 和CSS3实现的一幅场景动画,在这个物资中演示了:从日出云开、到日落傍晚,再到月亮升起的完整一天,兼容的浏览器有: Chrome , Safari , Firefox 5+,IE10 PP3,并且在网页中还提供了每个场景使用的CSS代码,方便大家阅读。 为解决一些网页特[详细]
-
JS实现图片以椭圆轨迹运动并实时坐标的代码
所属栏目:[交互] 日期:2018-08-15 热度:136
Java Script结合CSS实现图片以椭圆轨迹 运动 ,在代码中设置了图片起始和结束的坐标位置,图片在运动的过程中,在textarea中实时显示坐标,很有参考价值的特效代码。 演示: !DOCTYPE htmlhtmlheadstyle type=text/css#div1 {margin:100px auto;width:5px;[详细]
-
JS网页恶搞代码,不断弹出、关不掉的对话框
所属栏目:[交互] 日期:2018-08-15 热度:111
您还记得愚人节吗?烈火网推出了一个恶搞网页,当你点击进入这个网页以后,就会被不断弹出的对话框所困扰,今天我们再来看一个类似的效果,与愚人节那个有所不同,愚人节那个对话框是有数量的,也就是说可以一直点到关闭为止,而今天介绍的恶搞代码是永远[详细]
-
JS+CSS实现动态变幻的彩色“下划线”效果
所属栏目:[交互] 日期:2018-08-15 热度:192
JS+CSS实现动态变幻的彩色下划线效果,看一下你就知道是什么了,怎么样,神奇吧!?其实这是一个下划线,就像Windows2000系统加载时的彩条一样,完全用JS控制生成的程序,非GIF图片。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=t[详细]
-
案例解析|如何设计一个专业的产品着陆页?
所属栏目:[交互] 日期:2018-02-24 热度:162
对于许多品牌和网站而言,着陆页在营销上有着至关重要的作用。用户打开着陆页之后,能够通过它瞬间明白这个网站是做什么的,提供什么样的产品,什么样的服务,同时不会被其他的信息所分心。正是因为着陆页的独特地位,它在品牌和内容营销上的作用是难以忽[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目:[交互] 日期:2018-02-24 热度:147
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」,只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题,因此对 2018 年交互趋势的预测,我们将目光聚焦在[详细]
-
从这7个方面入手,让移动端交互体验更加优秀
所属栏目:[交互] 日期:2018-02-24 热度:102
移动端设计的质量好坏,其实并不难度量。当用户可以流畅轻松地使用,不用耗费精力便可以完成各种任务,这就说明APP或者网站的设计足够优秀。用户对于交互其实是很敏感的,好用不好用,满意不满意,他们会通过简单的操作快速判断出来。 移动端的应用和网页[详细]
-
行为的设计:行为也可以成为品牌的符号
所属栏目:[交互] 日期:2018-02-24 热度:180
注:行为的设计需要设计师对人与产品间的关系有更加深刻的理解,所以这并不是一件轻松的事情,设计师需要为此付出更多的尝试然后承受更多的失败。 为什么会出现下拉刷新,以及,在下拉刷新出现之前为什么没有下拉刷新?这些问题的答案似乎显而易见,却又总[详细]
-
减轻用户记忆负担:识别与回忆在人机交互中的应用
所属栏目:[交互] 日期:2018-02-24 热度:150
副标题#e# 注:为了更好的理解和区分识别和回忆,并找出为什么在UI设计时我们更喜欢“识别”,我们要探究一下人类的记忆是如何工作的。 在交互设计领域,Top10 的提升用户体验的方法之一即是:避免让用户艰难回忆,而是要让他们自然地识别出产品的功能。那[详细]
-
设计实战:以不变应万变,交互规范的制作与思考
所属栏目:[交互] 日期:2018-02-24 热度:93
副标题#e# 作者:网易UEDC 规范很重要 规范和秩序存在于生活的方方面面。不知道大家有没观察过,稍微有点规模的咖啡连锁店,一般至少会有 3 位职员,分别负责收银点单,制作咖啡,打扫。他们各司其职,高效配合,以保证快速满足客户的需求。规范操作让其井[详细]
-
恐怖,你的这些无意识行为被营销利用得如此彻底
所属栏目:[交互] 日期:2018-02-15 热度:118
副标题#e# 作者:Eva 来源:营销航班 上过叫兽课程的人都知道痛点文案算是叫兽课程的精华部分,按照叫兽给出的十一大痛点文案模板,你的文案水平几乎可以大踏步上一个台阶,句句戳中痛点。但是伴随着市面上痛点文案的大肆使用,一股反“扎心”风潮也席卷而[详细]