摘要: csdn 里的一篇文章,挺短的。 JS 获取滚动条位置 本文的结果能分别在最新版的chrome 和Fire Fox 中运行。 MDN里有关于Element.ScrollTop属性的资料: https://developer.mozilla.org/zh-CN/docs/Web/API/Element 阅读全文
posted @ 2018-11-13 19:47 托马斯blue_cat 阅读(702) 评论(0) 推荐(0) 编辑
摘要: 先上代码: 效果图: 主要运用的是1.border 组成的直角三角形。2,before 和 after 伪元素 。3,z-index属性 1. 将元素的长宽设置为0,并且将border的3条边设置为透明的,就会出现border颜色的直角三角形; 2. 利用伪元素after和before,可以不用另外 阅读全文
posted @ 2018-10-17 21:25 托马斯blue_cat 阅读(6628) 评论(0) 推荐(0) 编辑
摘要: 先声明,我的代码只是这位大神的超级简化 https://www.jianshu.com/p/23ed185ed246 效果还不太好,估计布局不紧密 修改过来了,有一个智障算法错误…… 这个就懒得上传GitHub了 if(idnumb>4) items[i] = 'item' + ((idnumb-1 阅读全文
posted @ 2018-09-21 20:25 托马斯blue_cat 阅读(832) 评论(0) 推荐(0) 编辑
摘要: 虽然感觉我的代码有点啰嗦,但最后还是完成了目标的 https://github.com/pork-chop-1/LOL-CarouselDemo 阅读全文
posted @ 2018-09-21 17:34 托马斯blue_cat 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 等一下???!!! 怎么没用了??? 这就很绝望了,编辑器里有用,发布了就没用了。。 我明白了,我的style 标签里的animate 和 @keyframes 都没有了。。。看来博客园不让发这种动画。。。 试着把鼠标移动到下面的方块上 css3 动画特效 这是css代码,根据鼠标覆盖触发动画,改变 阅读全文
posted @ 2018-09-19 20:20 托马斯blue_cat 阅读(276) 评论(0) 推荐(1) 编辑
摘要: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。 子元素用order属性排序 等等,直接看把 阅读全文
posted @ 2018-09-17 21:49 托马斯blue_cat 阅读(117) 评论(0) 推荐(0) 编辑
摘要: <label> 标签为 input 元素定义标注(标记)。 label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。 <label> 标签的 for 阅读全文
posted @ 2018-09-17 19:07 托马斯blue_cat 阅读(256) 评论(0) 推荐(0) 编辑
摘要: https://developers.weixin.qq.com/miniprogram/dev/component/button.html 示例wxml 示例js 我的js 阅读全文
posted @ 2018-09-16 19:56 托马斯blue_cat 阅读(809) 评论(0) 推荐(0) 编辑
摘要: 上代码 这些代码是独立的,直接粘贴就有效果 这样你的鼠标下就有了一个滑稽 本来像加到博客里的效果,结果发现不会。。。好像不支持jQuery特效,难道必须是纯css特效吗???? 阅读全文
posted @ 2018-09-11 23:51 托马斯blue_cat 阅读(663) 评论(0) 推荐(0) 编辑
摘要: 上面是根据正则表达式从css中的background-color提取rgb 并且改变rgb jQuery 自带的animate的高级用法 一般是直接用花括号写一些要改变的东西 现在还没什么意思,待更新 9/18 使一个id为b的元素背景变红 阅读全文
posted @ 2018-09-11 23:02 托马斯blue_cat 阅读(270) 评论(0) 推荐(0) 编辑