皮一下很开心，99%的人还不晓得的秘密，为你揭晓！
承接今天的第一篇，为了不破坏第一篇信封打开完整效果，后面没有加内容，专门弄到第二篇来进行说明。
如果讲具体技术，大部分人看不懂，但是我们可以讲原理，明白了原理即可，毕竟不是每个人都需要懂具体技术的。
首先我们来看看下面这张动图，左边是一个网页代码，右边是网页代码浏览器打开后看到的效果。
（点开可以放大查看）
具体代码是这样的：
（点开可以放大查看）
起效果的就是svg开头，中间animate，然后svg结尾那三段，它实际上就是描述了一种效果，一行没有文字，但是高度从30到50再到30的变换，频率是0.8秒，所以当这一行高度缩小，下面的内容就跟着上来，然后反复变换，达到了跳动的效果。
给大家看看今天第一篇文章对应的html代码：
（点开可以放大查看）
公众号后台默认是看不到文章对应的html代码的，当然大白有另外的秘招可以看到代码并且编辑代码。
所以如果你想深入学习，要学习的是html是什么，svg标签又有哪些功能或者效果。
再展示两个效果：
（点开可以放大查看）
（点开可以放大查看）
上面两张图，就是上面的代码对应下面的效果。
所以你现在明白跳动是怎么回事了吧，往公众号聊天框发送“tiao”获取tiao.html文件，测试下你的浏览器是否支持这种跳的效果，你自己可以修改跳的高度，修改跳动频率，再浏览器打开看跳的效果。
最后补充一点扩展知识：SVG 意为可缩放矢量图形（Scalable Vector Graphics），有点类似Flash，所以如果你知道了Flash的用途，就可以知道SVG的用途，但是它比Flash以及其他的图形格式，又有很多优点，下图就是标准组织给出的优点描述：
（点开可以放大查看）
事实上现在大部分浏览器都支持svg，不过需要安装插件的 Internet Explorer 除外，插件是免费的，比如 Adobe SVG Viewer。
近期必看电脑问题：
为什么我的电脑会卡？（留言区在跳）
这个网站的电影、电视剧我随便下，你也可以！（留言区在快速的跳）
电脑问题咨询
你的随身电脑顾问，专业、实用不失趣味的电脑知识、技巧，感悟人生、调剂生活、逗你开心的良心公众号，你还没关注哪？