慌丿拥
Published on 2017-09-02 11:31 in 暂未分类 with 慌丿拥
摘要: 伯乐在线已在 GitHub 上发起「JavaScript 资源大全中文版」的整理。欢迎扩散、欢迎加入。 https://github.com/jobbole/awesome-javascript-cn js包下载地址:http://www.quzhuanpan.com/download/checkR 阅读全文
posted @ 2019-08-12 17:14 慌拥 阅读(433) 评论(0) 推荐(0) 编辑
摘要: 一个简单的轮播图的实现,帮助理解Wsiper插件 首先,下载插件:https://www.swiper.com.cn/download/index.html#file1 这里需要用到的文件有swiper.min.js和swiper.min.css文件,自己找一下,添加到工程。 在head中引入swi 阅读全文
posted @ 2019-08-12 16:35 慌拥 阅读(1927) 评论(0) 推荐(0) 编辑
摘要: 一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给页面的背景使用大图,我们既不想图片因为不同分辨率图片变形,也不希望当在大屏的情况下,背景有一块露白,简而言之,就是实现能自适应屏幕大小又不会变形的背景大图,而且背景图片不会随着滚动条滚动而滚动。 HTML: CSS: 下面,我们来分析一下,cs 阅读全文
posted @ 2019-08-12 14:10 慌拥 阅读(908) 评论(0) 推荐(0) 编辑
摘要: 鼠标移入改变样式,纯用CSS写应该要用到伪类hover 格式为 .ClassA:hover{ } 想做一个鼠标移入到一个标签改变另外一个个标签样式的模型 原先想的是: .ClassA:hover .ClassB{ } 发现没有效果,得知这种写法只能作用于鼠标所经过标签的自身或者往下有血缘关系的标签的 阅读全文
posted @ 2019-08-12 14:01 慌拥 阅读(3318) 评论(0) 推荐(0) 编辑
摘要: 简单的图标扩散动画,重点备注 效果为一个心脏跳动 Body: <div id="img_head_back"> <img src="img/邮箱(1).png" class="img_head_back_1" > </div> Css: .img_head_back_1{ margin: auto; 阅读全文
posted @ 2019-08-12 13:58 慌拥 阅读(649) 评论(0) 推荐(0) 编辑
摘要: 想用纯CSS在头像后做一个简单的动画效果,想的是俩个图片重合,这样动画效果不影响前面的头像hover事件,进行框架设计时发现这样需要讲俩个div重合 Body: <div id="img_head" > <img src="img/首页logo.png" class="head"> </div> < 阅读全文
posted @ 2019-08-12 13:56 慌拥 阅读(634) 评论(0) 推荐(0) 编辑
// //