摘要: 这里的mvvm框架选用的是avalon. 元素插入用的是img做例子。 点击看效果demo 核心代码: 可以很清晰得看见。以上两种方式的效果是一样的,mvvm模式下的元素插入和删除会更加简洁。 demo源码 阅读全文
posted @ 2017-12-06 14:37 柠檬张先生 阅读(300) 评论(0) 推荐(0) 编辑
摘要: 核心方法: 鼠标滑动的时候通过触发动画动态改变目标图片和其他相邻图片的长度来突出目标图片 demo源码 点击看效果demo 效果图 这是划过第一个图片的伸缩效果 阅读全文
posted @ 2017-12-06 11:32 柠檬张先生 阅读(625) 评论(0) 推荐(0) 编辑
摘要: 话不多说,直接源码 点击看效果demo css主要用到两个地方: 1.垂直居中展示图片 2.圆角展示外框 以上两个地方的css可以看到前几篇的点击放大图片和垂直居中图片 阅读全文
posted @ 2017-12-06 10:44 柠檬张先生 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 图片放大方法有很多种,最直接粗暴的莫过于直接一个img标签固定高宽。 今天学习了一种通过控制字体大小来控制图片大小的方法。 点击看效果demo 将图片放入a标签中 内层图片样式 再给定固定的长宽单位,不过使用em来代替像素。em是一种相对于文本的长度单位 这样就可以控制上面a样式的字体大小,来控制图 阅读全文
posted @ 2017-12-06 09:56 柠檬张先生 阅读(1131) 评论(0) 推荐(0) 编辑