- 标题：消除点击音乐播放器标签默认出现的边框 html+css 问题描述： 在写html文件时我们写audio标签时，点击播放歌曲时默认出现边框（如图），我们想消除掉。 解决方案： 1.定义标签 <audio src="白安-是什么让我遇见这样的你.mp3" controls class="yinyue"></audio> 1 通过添加outline属性... 标题：消除点击音乐播放器标签默认出现的边框 html+css 问题描述： 在写html文件时我们写audio标签时，点击播放歌曲时默认出现边框（如图），我们想消除掉。 解决方案： 1.定义标签 <audio src="白安-是什么让我遇见这样的你.mp3" controls class="yinyue"></audio> 1 通过添加outline属性...
- 要求： 有时候我们移动端和客户端的首页因为布局问题所以是分开写的，所以下面js代码能实现判断移动端（手机）还是客户端（电脑）打开网页并跳转不同页面。 实现 js代码： <script> if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { window.location.... 要求： 有时候我们移动端和客户端的首页因为布局问题所以是分开写的，所以下面js代码能实现判断移动端（手机）还是客户端（电脑）打开网页并跳转不同页面。 实现 js代码： <script> if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { window.location....
- 问题： 能够在网页上实时显示此网页运行或存在了多少天。 效果： 实现： 1.body标签添加下面代码： <body onload="time()"> 1 2.定义一个盒子显示天数，如： <h2 id="showtime"></h2> 1 3.js代码： <script> /* 时间 */ function time() { t_div = do... 问题： 能够在网页上实时显示此网页运行或存在了多少天。 效果： 实现： 1.body标签添加下面代码： <body onload="time()"> 1 2.定义一个盒子显示天数，如： <h2 id="showtime"></h2> 1 3.js代码： <script> /* 时间 */ function time() { t_div = do...
- 效果： 在网页上能实时显示当前的时间： 这个秒会一直走的。 实现代码 1.在body标签里添加如下代码： <body onload="time()"> </body> 12 2.定义一个盒子标签来显示时间，也可以用其它标签，id设为“showtime”，如： <h2 id="showtime"></h2> 1 3.js代码实现功能： <script> ... 效果： 在网页上能实时显示当前的时间： 这个秒会一直走的。 实现代码 1.在body标签里添加如下代码： <body onload="time()"> </body> 12 2.定义一个盒子标签来显示时间，也可以用其它标签，id设为“showtime”，如： <h2 id="showtime"></h2> 1 3.js代码实现功能： <script> ...
- 前言 用css的transform属性做一个3D相册~~~ 值translate表示偏移； scale表示缩放； rotate就是转动。 一、先看效果 二、实现步骤 1.我们知道一个正方体有6个面，所以定义一个父亲元素然后定义6个子元素作为6个面。每个面放一张图片。里面q1表示前面，h2表示后面，以此类推，就是首拼音。 <div class="baba"... 前言 用css的transform属性做一个3D相册~~~ 值translate表示偏移； scale表示缩放； rotate就是转动。 一、先看效果 二、实现步骤 1.我们知道一个正方体有6个面，所以定义一个父亲元素然后定义6个子元素作为6个面。每个面放一张图片。里面q1表示前面，h2表示后面，以此类推，就是首拼音。 <div class="baba"...
- 问题： 在我们学习了html与css的基础后，往往便申请了域名写了自己的个人博客。而个人博客常常有一个功能，那就是说说留言功能。而实现说说留言那必定得有后端数据库的数据交互支持才能实现，但是后端的环境布置与代码书写太复杂，我们也不想碰，就只想写页面。 本着分享快乐的原则（＾∀＾●）ﾉｼ， 所以想在分享一个js插件的好东西给学弟学妹们，10分钟就能布置好说说留言功能，再... 问题： 在我们学习了html与css的基础后，往往便申请了域名写了自己的个人博客。而个人博客常常有一个功能，那就是说说留言功能。而实现说说留言那必定得有后端数据库的数据交互支持才能实现，但是后端的环境布置与代码书写太复杂，我们也不想碰，就只想写页面。 本着分享快乐的原则（＾∀＾●）ﾉｼ， 所以想在分享一个js插件的好东西给学弟学妹们，10分钟就能布置好说说留言功能，再...
- 前提： ::-webkit-scrollbar这个伪类选择器能改（比如网页右侧的）滚动条样式，不过好像挺多浏览器不兼容，我也不是太熟这个属性。 用用： 对应改的部分 ::-webkit-scrollbar — 整个滚动条. ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头). ::-webkit-scrollbar-thumb ... 前提： ::-webkit-scrollbar这个伪类选择器能改（比如网页右侧的）滚动条样式，不过好像挺多浏览器不兼容，我也不是太熟这个属性。 用用： 对应改的部分 ::-webkit-scrollbar — 整个滚动条. ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头). ::-webkit-scrollbar-thumb ...
- <html> <head> <title>三种加事件的方式</title> <script language="javascript" type="text/javascript"> window.οnlοad=function(){ var arr = new Array(10); for(var i = 0;... <html> <head> <title>三种加事件的方式</title> <script language="javascript" type="text/javascript"> window.οnlοad=function(){ var arr = new Array(10); for(var i = 0;...
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv...
- 导读：UIPullRefresh 模块对引擎新推出的下拉刷新接口进行了一层封装，App 可以通过此模块来实现带炫酷动画效果的下拉刷新功能。 使用了 window + frame 的布局，如果你只是使用在独立的 window 布局，那么就需要在 config.xml 中配置 <preference name="customRefreshHeader' valu... 导读：UIPullRefresh 模块对引擎新推出的下拉刷新接口进行了一层封装，App 可以通过此模块来实现带炫酷动画效果的下拉刷新功能。 使用了 window + frame 的布局，如果你只是使用在独立的 window 布局，那么就需要在 config.xml 中配置 <preference name="customRefreshHeader' valu...
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="C... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="C...
- 在写爬虫之前，我们还需要了解一些基础知识，如 HTTP 原理、网页的基础知识、爬虫的基本原理 、 Cookies 的基本原理等。 HTTP基本原理 一个网站的图标链接，它就是一个URL，也可以叫URI，但是我个人习惯于URL，而且在互联网中URL也是比较常见的。 超文本 我们在浏览器里看到的网页就是超文本解析而成的， 其网页源代码是一系列 HTML 代码， ... 在写爬虫之前，我们还需要了解一些基础知识，如 HTTP 原理、网页的基础知识、爬虫的基本原理 、 Cookies 的基本原理等。 HTTP基本原理 一个网站的图标链接，它就是一个URL，也可以叫URI，但是我个人习惯于URL，而且在互联网中URL也是比较常见的。 超文本 我们在浏览器里看到的网页就是超文本解析而成的， 其网页源代码是一系列 HTML 代码， ...
- 效果： 实现： 定义标签, .result是显示计算结果框，.anniu里放数字和运算符按钮，.zero是清除按钮，它们都在表单域 form里： <form class="kuang" name="kuang" > <input type="text" class="result" name="result"> <div class="anniu"> <sp... 效果： 实现： 定义标签, .result是显示计算结果框，.anniu里放数字和运算符按钮，.zero是清除按钮，它们都在表单域 form里： <form class="kuang" name="kuang" > <input type="text" class="result" name="result"> <div class="anniu"> <sp...
- 先看效果（完整代码在底部）： canvas小球连线碰撞完整源代码 html+css+js 这是我的B站地址~热烈欢迎 实现（看注释，可一步一步跟着实现）： 0：定义标签： <h1>北极光之夜。</h1> <canvas id="canvas"></canvas> 12 1. 定义变量： /* 获取画布 */ var canvas =... 先看效果（完整代码在底部）： canvas小球连线碰撞完整源代码 html+css+js 这是我的B站地址~热烈欢迎 实现（看注释，可一步一步跟着实现）： 0：定义标签： <h1>北极光之夜。</h1> <canvas id="canvas"></canvas> 12 1. 定义变量： /* 获取画布 */ var canvas =...
- 先看效果： 轮播图做法有很多，效果也有很多。下面是一种简单的两边图片模糊，中间图片放大的轮播图效果。鼠标点击左边或右边的图片后，它们会移动到中间并变大，其它图片移动到到两边并模糊。 点击最右边图片： 点击最左边图片： 这个效果是只是有鼠标点击后就轮播，至于鼠标不点击也定时自动轮播的效果以后有时间再出一片文章。 实现： 1. 定义标签，.kuang是最底层... 先看效果： 轮播图做法有很多，效果也有很多。下面是一种简单的两边图片模糊，中间图片放大的轮播图效果。鼠标点击左边或右边的图片后，它们会移动到中间并变大，其它图片移动到到两边并模糊。 点击最右边图片： 点击最左边图片： 这个效果是只是有鼠标点击后就轮播，至于鼠标不点击也定时自动轮播的效果以后有时间再出一片文章。 实现： 1. 定义标签，.kuang是最底层...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第三期2026/08/21 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；念擎-华为云AI开发者运营案例开发专家
本期直播内容：AI六层能力首次详细解读 + 新一代华为云开发者空间亮相 + 校园案例直播带练
正在直播
热门标签