data-id | 易学教程

博客园添加网易云音乐插件

阅读更多关于博客园添加网易云音乐插件

一、首先将下面的代码放置在设置中的 “页脚HTML” <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css"> <script src="https://files.cnblogs.com/files/wkfvawl/APlayer.min.js"></script> <div id="aplayer" class="aplayer" data-id="3025663508" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div> <script src="https://unpkg.com/meting@1.2/dist/Meting.min.``js"></script> 二、在网易云找到data-id 但是现在应该不能直接生成了但肯定是有办法的啦！ ↓↓↓ 这里我使用的是谷歌浏览器 1、直接F12 2、Ctrl+f 搜索outchain会看到类似data-href="/outchain/03087333656/" 双击复制

数据库的增删改查

阅读更多关于数据库的增删改查

function $(id) { // 获取html中所有id return document.getElementById(id); } let wq_content = $("wq-content"); // 问题 let wq_where = $("wq-where"); // 问题在哪 let wq_idea = $("wq-idea"); // 问题想法 let wq_save_question = $("wq-save-question"); // 提交按钮 let tbody = $("tbody"); // 显示区域 let wq_in = $("in") // 填空区 let add_wq = $("add-wq") // 添加按钮 // 封装提交/修改函数连个参数1.url 2.id function aUrl(urls, ids) { // 创建变量data存放用户输入内容 let data = { "id": ids, "wq_content": wq_content.value, "wq_where": wq_where.value, "wq_idea": wq_idea.value, }; // 调用ajax发送数据 ajax1({ url: urls, type: "post", data: data, fn: function(data) { if

多特蒙德主题本地个人任务清单小demo，你值得尝试！

阅读更多关于多特蒙德主题本地个人任务清单小demo，你值得尝试！

一，demo背景： 1，可以熟悉原生js 2，平时不知道自己学完js要做些什么东西的小伙伴 3，自己写的，可以当做自己的作品 4，为广大想练习练习原生js的贡献一个素材二，实现功能： 1，新建/删除任务功能 2，设置/取消星标任务功能 3，设置/取消任务完成功能 4，过期任务自动删除功能（本例期限设置为了2天） 5，任务超时后禁止操作功能三，逻辑实现：把新建的一个任务就抽象成一个对象，该对象里面有自己的创建时间，内容，结束事件，是否为星标任务等等。然后这个对象字符串化存放到 localStorage 里，每次在要数据时，都从 localStorage 里面取出数据。最后就是用各种的数据进行 If..else 判断，渲染Dom。（过程中用到了很多字符串，数组方法，可以增加你对这些方法的熟练度）四，demo效果展示：完成了的任务：星标任务：五，代码展示： html： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>LocalNotepad</title> <link rel="stylesheet" type="text/css" href="font-awesome-4.5.0/css/font-awesome.css"> <link rel="stylesheet" type="text/css

动态选项卡实现 CSS & js

阅读更多关于动态选项卡实现 CSS & js

动态选项卡实现 CSS & js 教程地址：原文地址（YouTube） B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图代码区以下代码为本人填写，转载请注明教程地址和本贴地址 html < div class = " container " > < div class = " icon " >  < div class = " iconBx active " data-id = ' content1 ' > < img src = " img/btn1.png " > </ div > < div class = " iconBx " data-id = ' content2 ' > < img src = " img/btn2.png " > </ div > < div class = " iconBx " data-id = ' content3 ' > < img src = " img/btn3.png " > </ div > < div class = " iconBx " data-id = ' content4 ' > < img src = " img/btn4.png " > </ div > </ div >  < div class = " content "

mui下拉刷新上拉加载

阅读更多关于 mui下拉刷新上拉加载

新外卖商家端主页订单大厅页面使用mui双webview,实现下拉刷新上拉加载主页面： order_index.html <!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"> <title>直播生活商家端-订单大厅</title> <script src="../../js/flexible.js"></script> <script src="../../js/mui.min.js"></script> <link rel="stylesheet" href="../../fonts/iconfont.css" /> <link rel="stylesheet" href="../../css/mui.min.css" /> <link rel="stylesheet" href="../../css/init.css" /> <link rel="stylesheet" type="text/css" href="../../css/gz_css.css" /> </head> <body style="background

web前端项目经验之《产品列表筛选》

阅读更多关于 web前端项目经验之《产品列表筛选》

HTML部分  <div class="s2"> <div class="container"> <div class="pro_type"> <div class="wrap"> <h2 class="pro_tit">{$content.pr_tit}</h2> <div class="pro_seabox"> <p>{$content.pr_des}</p> <div class="pro_topline"></div>  <div class="pro_typea clearfix application"> <div class="pro_typea_lf"> <b>{$content.pro_a}</b> </div> <div class="pro_typea_rt appsecond"> {empty name="catalogNames['id']"} <a href="javascript:;" title="" data-id="all-product" id="all" class="active all">All</a> {else/} <a href="javascript:;" title="" data-id="all-product" id="all" class="all"