效果案例
南风number
好记性不如烂笔头
展开
-
小程序原生实现左右锚点联动
【代码】小程序原生实现左右锚点联动。原创 2023-08-01 09:34:28 · 761 阅读 · 0 评论 -
vue3实现todolist案例
<template> <div> <!-- 新增todo --> <input type="text" v-model="newTodo" @keyup.enter="addTodo" autofocus placeholder="新增今日待办" autocomplete="off"> <!-- todo列表 --> <ul> <li v-for="todo in fi.原创 2021-05-10 16:50:00 · 1594 阅读 · 0 评论 -
拖动的模态框
//案例分析 //1.点击弹出层,模态框和遮挡层就会显示出来 display:block //2.点击关闭按钮,模态框和遮挡层就会隐藏起来display:none //3.在页面中拖拽的原理:鼠标按下并且移动,之后松开鼠标 //4.触发事件是鼠标按下 mousedown,鼠标移动 mousemove 鼠标松开 mouseup //5.拖拽过程:鼠标移动过程中,获得最新的值赋值给模态框的left和top值,这样模态框就可以...原创 2021-01-13 16:56:07 · 317 阅读 · 0 评论 -
js原生发送短信案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input .原创 2020-12-24 14:13:19 · 341 阅读 · 0 评论 -
js原生倒计时效果案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> * {原创 2020-12-24 14:01:59 · 148 阅读 · 2 评论 -
模拟京东快递单号查询案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> * {原创 2020-12-24 08:59:51 · 290 阅读 · 2 评论