- 要求： 有时候我们移动端和客户端的首页因为布局问题所以是分开写的，所以下面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是最底层...
- 效果： 【html+css+js】俄罗斯方块源码分享 这是在网上跟着黑马的视频做的，然后也加了些自己的想法。 在线试玩：http://www.beijiguang.site/game/index.html 完整代码： 直接复制用的换个背景视频地址就行~ 核心 js 部分都有解析。 <!DOCTYPE html> <html lang="zh-CN... 效果： 【html+css+js】俄罗斯方块源码分享 这是在网上跟着黑马的视频做的，然后也加了些自己的想法。 在线试玩：http://www.beijiguang.site/game/index.html 完整代码： 直接复制用的换个背景视频地址就行~ 核心 js 部分都有解析。 <!DOCTYPE html> <html lang="zh-CN...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签