随笔分类 -  CSS

上一页 1 2
颜色数组
摘要：const colors = ["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"] 阅读全文
posted @ 2016-01-28 23:00 lunawzh 阅读(1737) 评论(0) 推荐(0)
::before和::after 常见的用法
摘要：.lizi:after{ content: "I'M after"; /*插入字符串*/ content: "attr(id)"; /*插入当前元素属性*/ content: url(/path/to/image.jpg); /*插... 阅读全文
posted @ 2015-11-05 17:47 lunawzh 阅读(268) 评论(0) 推荐(0)
HTML5拖拽表格中单元格间的数据库
摘要：效果图：代码： 1111111111 222222222 ... 阅读全文
posted @ 2015-10-18 16:34 lunawzh 阅读(332) 评论(0) 推荐(0)
HTML5拖拽练习
摘要：HTML5提供专门的拖拽与拖放的API，以后实现这类效果就不必乱折腾了相关属性和事件如下: 1、DataTransfer 对象：退拽对象用来传递的媒介，使用一般为Event.dataTransfer。 2、 draggable 属性：就是标签元素要设置draggable=true，否则不会有效果，例... 阅读全文
posted @ 2015-10-18 14:31 lunawzh 阅读(360) 评论(0) 推荐(0)
表格单元格间数据的拖拽
摘要：asldflasl a bcd e 1111111 ... 阅读全文
posted @ 2015-10-17 23:43 lunawzh 阅读(371) 评论(0) 推荐(0)
窗口中各模块的切换效果，使用jquery实现
摘要：用到了两个js库，请自行下载，用到的背景图片可任意图片都可以，主要是看效果 我是头部 页面1 页面2 页面3 页面4 ... 阅读全文
posted @ 2015-10-09 12:38 lunawzh 阅读(615) 评论(0) 推荐(0)
窗口模块自适应高度
摘要：JQuery:$(document).ready(function(){alert($(window).height()); //浏览器当前窗口可视区域高度alert($(document).height()); //浏览器当前窗口文档的高度alert($(document.body).height... 阅读全文
posted @ 2015-10-09 11:47 lunawzh 阅读(587) 评论(0) 推荐(0)
用js+css3做一个小球投篮的动画（easing）
摘要：这里测试了 CSS3中的新的特性animation,实现了一个简单的移动动画，可以通过这种方式，做出不同的效果，这里只是抛砖引玉。下面是用JQUERY的esing行为实现的一个，效果更好。 jQuery默... 阅读全文
posted @ 2015-09-29 15:20 lunawzh 阅读(1853) 评论(0) 推荐(0)
CCS3 动画－鼠标放上去放大背景图片
摘要：－－－〉效果如上，一个简单的过渡放大效果， 这里transition:all ease-in-out 0.5s;设定变形参数， transform:scale(1.1);是原图放大1.1倍 阅读全文
posted @ 2015-09-29 09:31 lunawzh 阅读(656) 评论(0) 推荐(0)
网页布局，左固定右自适应宽
摘要：顶部 右侧 左侧 底部另一种方法 左栏 右栏 底栏 阅读全文
posted @ 2015-07-13 19:57 lunawzh 阅读(205) 评论(0) 推荐(0)
Css实现拖动效果
摘要：效果如下，可以拖动滑块，数字显示的是离左侧距离：代码如下，需要jquery和jquery-ui库，请从官网上下载 0 阅读全文
posted @ 2015-05-12 17:16 lunawzh 阅读(2053) 评论(0) 推荐(0)

上一页 1 2