cc_fys的博客

CSS 颜色代码大全 16进制颜色

jquery scrollTop及其应用例子 jquery获取整个网页的文档高度：$(document).height()浏览器可视窗口的高度：$(window).height() 浏览器可视窗口顶端距离网页顶端的当网页滚动条拉到最底端时：$(document).height() == $(window).height() + $(window).scrollTop()例子1：回到顶部按钮例子2：浏览进度条

JavaScript css3模拟简单的视频弹幕功能这个移动就用了CSS3 的transition 属性。position设置为absolute,那么就用的transition过度left属性，实现弹幕的移动。当然要注意设置其父元素的样式 overflow:hidden; 这样当字体飞出去的时候，就会隐藏飞出去的部分。

设计和自定义一个带展开动画效果的导航栏，尝试写了一个demo，加上设计和调试差不多写了一天吧。这里就来讲讲如何从设计->写布局->写样式->写JS代码 完成一个完全自己设计的导航栏。HTML写布局，CSS写样式，JS写动画效果和事件响应等，考虑到JQuery对DOM操作的便利性，这里选择用JQuery可以达到事半功倍的效果。

css实现多栏布局的几种方式,三个div显示在同一行.float实现多栏布局 inline-block盒模型 display: flex 弹性布局 display: table inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距。把空格去掉间隙自然就会消失。flex-direction属性决定主轴的方向，flex-direction: row;表示在父容器里横向排列，flex-direction: column;表示在父容器里纵向排列。

英文原文：Transition Effect with CSS Masks今天我们展示如何用CSS遮罩创建一个有趣又简单但吸引人的过渡效果。与裁剪一样，遮罩是另外一种定义可见性和元素组合的方式。在下面的教程中，我们将向你展示如何应用新属性实现现代转换效果。我们将使用steps()和位于图片之上的PNG实现一个有趣的过渡效果。steps()是一个timing function，允许我们将动画或者过渡...

分页组件是web开发中常见的组件，请完成pagination函数，在id为jsPagination的DOM元素中完成分页的显示部分，需求如下1、最多连续显示5页，居中高亮显示current页（如demo1所示)2、total为0时，隐藏整个元素（如demo2所示）3、如果total<=5，则显示全部页数，隐藏“首页”和“末页”元素（如demo3所示）4、当current居中不足5页，向后(前...