文章关键字 ‘动画效果’

小tips: 纯CSS实现打字动画效果

2019年01月10日,星期四

本文主要介绍如何使用CSS实现类似打印机一样的文本打字效果,展示了共两种方法,分别适用于纯中文场景,以及中英文混合场景,这种效果在线简历,或者一些运营活动上比较合适。希望本文内容可以对你的学习有所帮助。

阅读全文…

CSS3实现鸡蛋饼饼图loading等待转转转

2014年04月25日,星期五

今天,要实现一个长任务等待提示效果。然后设计师就把做好的gif效果图给我,就是下面这个,转转转等待提示效果。按照大众做法,我应该是把图片直接按图索骥,调调布局,然后早早回家抱老婆。
但是,我这个人,天生不安分守己。想到是用在客户端,客户端又是用的webkit内核,于是,立马决定使用CSS3来折腾一番……

阅读全文…

URL锚点HTML定位技术机制、应用与问题

2013年08月25日,星期日

点击查看本文

关于锚点,我3年前就写过关于锚点跳转及jQuery下相关操作与插件,不过内容略浮躁,都是偏表象、偏基本应用层面的东西;这里还是关于锚点,探讨的内容可能更深层次一点。

我们可能就很简单地认为锚点定位的触发是通过点击事件。而实际上,这种顺势而然的理解类似于古人理解为太阳绕着地球转一样,是有失偏颇的。我个人认为,锚点的定位是通过……

长篇,内容丰富,干货较多,希望本文内容能够对您的学习有所帮助!

阅读全文…

小tip: CSS3 animation渐进实现点点点等待提示效果

2013年06月9日,星期日

一个名叫“阿贾克斯”的屌丝男在名为“客户端”的学校上学,为了追女神,下狠心,借了高利贷给女神买Mac. 结果,期限已到,要债的找上门,没办法,只能向身在“服务器端”的父母要钱。但是,要钱是要一定的过程和时间的。他必须想办法向要债的表明,钱正在过来的过程中,否则,可能要债的会认为你在忽悠,直接使大招——”Ctrl+W”,瞬间灭了你,眼不见心不烦。
如果告知钱正在过来的过程中呢?
有人可能如下处理,弄个转转转的小图片告诉要债的,看,我在原地不停地转……

阅读全文…

近期折腾:使用JS以及HTML5实现鑫情动画

2012年05月2日,星期三

大学时期,因为兴趣,花了不少时间学习flash动画制作以及AS脚本。后来开发个人网站时候,一方面想自娱自乐,另一方面由于这份无法割舍的情愫,开辟了个“阳光鑫情”的频道。要知道,这玩意很耗精力的。后来,工作忙了,任务重了,还要博客这块的压力,我只是个普通凡人,无法同时专注于几个事情,因此,“阳光鑫情”就让它去海南晒太阳去了。上周五一节前的几天,基本上没有什么活,各种x, y, z因素参杂在一起,让我突然脑中灯泡一亮——我是不是可以用HTML5实现“鑫情动画”?……

本文就将展示如何使用HTML5以及简单的JavaScript代码实现类似Flash的动画效果。

阅读全文…

仿新浪微博返回顶部的js实现(jQuery/MooTools)

2011年04月7日,星期四

在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮。本文就将简单展示下这种效果,本文的效果参照新浪微博的返回顶部效果,展示了在jQuery库和MooTools库下的实现。本文提供必要的demo页面和源代码展示。希望本文的内容能够对您的学习有所帮助。

阅读全文…

CSS3+js实现多彩炫酷旋转圆环时钟效果

2010年08月9日,星期一

圆环时钟效果截图 张鑫旭-鑫空间-鑫生活

本文介绍主要由CSS3 transform的rotate配合一些巧妙的方法实现的炫酷的时钟旋转效果。虽说没有多大实用价值,不过对于熟悉CSS3的旋转属性,以及了解IE滤镜旋转的一些知识是很有用的。本文提供源文件下载,代码展示,以及必要的demo。希望能对您的学习有所帮助。

阅读全文…

JavaScript实现图片幻灯片滚动播放动画效果

2009年10月21日,星期三

在网页上用幻灯片动画效果展示图片等是常用的手段之一,有一类效果相对酷一点的是JavaScript+flash的实现,但是一般这类动画总是占据网页最重要的位置,如果用户未安装flash插件,则显然会有问题。在大型网站上,多使用纯粹的JavaScript实现这类效果。
这里我就尝试性的实现了这个效果。在本文中所展示的这个图片切换的JavaScript代码,个人觉得,还是挺精炼的,希望对有兴趣的同仁能提供一些参考。提供直观的demo实例页面,源代码可以在实例页面上右键单击查看,希望对您有所帮助。

阅读全文…