实例
文章平均质量分 53
micoria
这个作者很懒,什么都没留下…
展开
-
Vue 按钮权限 —— sessionStorage
在项目中会有很多个角色,如管理员,用户等等,这时就会设置这些角色的操作权限,比如新增、编辑等等。如果有很多个按钮,全局自定义指令更适合原创 2022-03-04 17:03:18 · 153 阅读 · 0 评论 -
轮播图(一) PC端 轮播图(JS定时器)
思路:html 代码:<div class="focus fl"> <!-- 左侧按钮 --> <a href="javascript:;" class="arrow-l"> < </a> <!-- 右侧按钮 --> <a href="javascript:;" class="arrow-r"> > </a> <!--原创 2021-03-17 22:11:50 · 602 阅读 · 0 评论 -
实现放大镜效果详解 JS+CSS
思路:实现放大镜功能有三个模块左侧黄色框是放大镜,右侧是图片的放大后的效果。当鼠标移动到左侧图片上时,放大镜和右侧的大图显示鼠标移动,放大镜也进行移动,此时获取鼠标的坐标进行控制放大镜,并设置移动的范围当移动放大镜时,右侧放大效果图也进行移动HTML代码:<div class="box"> <img class="preImg" src="images/3.jpg" alt=""> <div class="mask"></div&g.原创 2021-03-16 15:50:17 · 691 阅读 · 0 评论 -
绝对定位、固定定位、相对定位分别和浮动使用的影响
今天我们讲一下 一个盒子使用绝对定位和浮动会有什么影响。当一个盒子在另一个盒子的下边重叠,那么就会想到定位,这时就要想,是要使用绝对定位和相对定位。效果如图一:下面分为三种情况如果使用绝对定位,和浮动的效果,如图二咱们看一下代码:<style> .box1 { width: 100%; height: 50px; } .box1 div { float: left原创 2021-02-04 18:26:26 · 2210 阅读 · 1 评论 -
CSS3动画animation使用和属性及相关案例
5.2 动画过渡:鼠标经过和离开才可以触发。动画:可以自己自动触发。5.2.1 动画的基本使用先定义动画。在使用(调动)动画。用@keyframes 定义动画@keyframes move(动画名称) { 0% { /*起始状态*/ transform: translate(0,0); } 100% { /*中止状态*/ transform: translate(500px,500px) scale(1.3) rotate(180deg); }}调用动画原创 2021-01-31 19:37:55 · 534 阅读 · 0 评论 -
盒子水平垂直居中transform+position,input框的下拉三角按钮的设计
效果如图:代码展示:<style> * { margin: 0; padding: 0; } .box { position: relative; width: 800px; height: 800px; background-color: #999999; }原创 2021-01-30 19:47:38 · 135 阅读 · 0 评论