- 博客(5)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 js将输入的字体放大显示案例
js将输入的字体放大显示案例 <!-- 案例分析： 1、快递单号输入内容时，上面的大号字体盒子（ con ）显示 这里面的文字 2、同时把快递单号里面的值（value）获取过来赋值给con盒子 （innerText）作为内容 3、如果快递单号里面内容为空，则隐藏大号字体盒子 （ con ） 盒子 4、注意：keydown 和 keypress 在文本框里面的特点：他们两个事件触发的时候，文字还没有落入文本框中
2020-06-30 22:39:13
349
原创 js图片随鼠标移动案例
js图片随鼠标移动案例 <!-- 案例分析 1、鼠标不断的移动，使用鼠标移动事件：mousemove 2、在页面中移动，给document注册事件 3、图片要移动距离，而且不占位置，使用绝对定位 4、核心原理：每次鼠标移动，我们都会获得最新的鼠标坐标，把这个x和y坐标作为图片的top和left值就可以移动图片 --> <style> img{
2020-06-30 21:38:48
298
原创 rem适配的两种方案
rem适配方案作用：让一些不能等比自适应的元素，达到当设备尺寸发生变化的时候，等比例适配当前设备使用媒体查询根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化元素尺寸也会发生变化，从而达到等比缩放的适配rem实际开发适配方案1rem + 媒体查询 + less技术1、 设计稿常见尺寸宽度设备常见宽度iphone45640pxiphone678750pxAndroid常见320px、360px、375px、
2020-06-30 12:41:27
2188
原创 js留言板案例
留言板案例最近看pink老师的视频留言板案例简单的记录下，没加css样式 <table cellspacing = "0"> <thead> <tr> <th>姓名</th> <th>科目</th> <th>成绩</th>
2020-06-28 12:31:45
473
原创 滚到固定位置播放动画(用的hover)
最近在做CSS3的动效，但是网页一般有滚动条，在下方的动画还没等鼠标滚到那就已经播完了，然后我想让滚动条滚动到固定位置再播放动画，又懒得写js，就用hover代替了先用-webkit-animation-play-state:paused;使动画处于暂停播放的状态@-webkit-keyframes silder-left {/*动画效果是，从上往下滑动*/ 0% {opacity: 0;transform: translate(0, -200px);} 100% {opaci.
2020-06-03 12:13:48
687
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人