第一百三十四章 JS 动画基础
既然说到了动画,说到了过渡效果或者说大家喜欢讲的——网页特效,那就索性把它们讲完全。前面讲了使用 jQuery 来实现,很方便,一句话语法。用 CSS 实现,也很方便,说清楚谁发生过渡以及时长...
第一百三十三章 CSS 动画的进化
现在动画效果是有的,但是他并没有表现出和前面过渡效果的明显区别,因为我们只讲了仅仅是能让它动起来的核心内容。 大家应该可以看出,无论是过渡属性还是动画属性,其实都是复合属性,叫做快...
第一百三十二章 CSS 动画
大家有没有觉得前面讲的 CSS 过渡效果和 jQuery 的动画十分类似。事实上他们还是有很多区别的,但是在基础效果上,它们确实有些相似。 这时候不禁让人好奇,那 CSS 的动画又是什么样子的呢? 区...
第一百三十一章 过渡效果的小应用
上一章已经把我们常用的内容讲的差不多了,但是讲的这么简短,总让人有一种心里不踏实的感觉,于是这一章我们来补充一些小练习。 让元素的 CSS 属性发生变化,我们已经学习了很多方法,很强大,...
第一百三十章 CSS 过渡效果
明明在讲着 jQuery,却忽然又跳回了 CSS ,小老鼠的课程就是这么随性。从知识体系上说,这样确实不够合理。但是把相似的和有联系的内容放在一起去讲,就更容易理解一些。 前面我们学习了过渡效...
第一百二十九章 动画
前面我们学了几种特效,确切的说,除了最后一种方法,前面的都是对于元素隐藏和显示的过渡效果。 虽然我们轻松的实现了一些特效,但是这不够厉害啊,我想要变得更强!(在不变秃的前提下。 这个...
第一百二十八章 滑动和显隐
上一章所讲的元素显示和隐藏的效果,大家都仔细观察过了吗? 可以认为这是两个效果的叠加,一个是以元素的左上角为基准进行缩放,另一个是元素透明度的变化。 左上角没有什么大问题,毕竟在文档...
第一百二十七章 显示和隐藏
想想我们已经学过的各种方法,要做到显示和隐藏一个元素应该不难,只要去操作这个元素的 CSS 属性就可以了。具体一点,修改 display 属性的值,从默认值修改到 none 就能隐...
第一百二十六章 位置
一个元素,在什么位置,尤其是视觉的位置,这个在我们制作某些特效的时候十分重要。offset 方法可以用来获取和设置一个元素的位置。 具体一点,它获取的是元素相对于文档的位置,返回值是...
第一百二十五章 宽高
有了样式我们就为所欲为了!? 这个链接元素的宽高是多少呢?用 css 方法是得不到的,因为行内元素没有宽高啊,设置了也不起作用。 可是一个元素,在页面中,总是要有一个尺寸的,它...
第一百二十四章 Class 的变换
如果某个元素需要改变的样式比较多,一般我们并不会使用 css 方法,这个效率不够高,写着麻烦,阅读也麻烦。 我们对自己的程序应该有一个规划,元素的样式从某个状态,变到另一个状态...
第一百二十三章 CSS 的操作
上一章我们知道了,使用 $().attr('style') 的方法可以操作行内样式表。但是这种方法,让人觉得泯然大众矣,有点对不起我们神奇的 CSS。 其实就是 CSS 是个比较复杂的属性,我们得给...