点击//练习

最新推荐文章于 2022-04-27 19:36:03 发布
最新推荐文章于 2022-04-27 19:36:03 发布
阅读量285 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44811890/article/details/104042941
版权

点击有惊喜

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
	*{
		padding: 0;
		margin: 0;
	}
	#surprised{
		width: 400px;
		height: 200px;
		font-size: 30px;
		text-align: center;
		line-height: 200px;
		margin: 20px auto;
		color: white;
		background-color: blue;

	}
	</style>
</head>
<body>
	<div id="surprised">点击有惊喜
	</div>
</body>
<script type="text/javascript">
	var oDiv=document.getElementById('surprised');
	var clickTimer=0;
	oDiv.onclick=function(){
		switch(clickTimer%4){
			case 1:
				this.style.backgroundColor='green';
				this.innerText='再次点击试试';
				break;
			case 2:
				this.style.backgroundColor='pink';
				this.innerText='看来你点错啦';
				break;
			case 3:
				this.style.backgroundColor='red';
				this.innerText='再点开看看';
				break;
			default:
				this.style.backgroundColor='blue';
				this.innerText='点击有惊喜';

		}
		clickTimer++;
	}
</script>
</html>
窗边的橘猫
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
鼠标点击小练习
wangmengsasa的博客
06-22 1509
DOM节点的小练习
js点击弹窗练习(modal/模态框)
大龄python业余爱好者锅大虾
07-16 3876
要求： 点击按钮，弹出窗口，点击关闭按钮关闭窗口 要点： 1、使用按钮的click方法触发js函数 2、js函数中对隐藏的modal设置dispaly为blcok 3、点击关闭按钮，通过click方法触发js函数 4、js函数中对modal设置display为none 示例代码1： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>modal练习</title
鼠标点击函数练习
记录
04-27 811
如何让程序判断鼠标点击是否在指定区域内 最简朴的判断，假设在（200，200）到（300，300）范围内 bool isClick(ExMessage msg) { if (msg.x > 200 && msg.x < 300 && msg.y > 200 && msg.y < 300) return 1; } 利用参数简化 bool isClick2(ExMessage msg,int x1,int y1,int
鼠标点击训练工具
01-02
鼠标点击训练工具。 可以永远设计类游戏的基础训练。 可以设置等级和速度。 资源为源码资源，好用再来
jQuery-点击切换练习（3种写法）
qq_44604924的博客
08-29 228
描述：点击时，进行TAB切换 完整代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>切换练习</title> <style type="text/css"> ul li{ display: block; list-style: none; height: 50px; width: 80
JS小练习之点击随机切换图片
weixin_41586886的博客
05-29 1861
这里主要用到的新增知识点是：Math对象方法。Math对象有许多方法，在这里就只谈一谈常用的几个方法：Math.abs(x);  //返回x的绝对值Math.random();  //返回0-1之间的随机数Math.floor(x);   //对x进行下舍入，比如x=1.6,会返回x=1Math.round(x);  //把x四舍五入为最接近的整数，比如x=1.6,会返回x=2Math.max(x...
js DOM 练习题
哈哈绝的博客
10-22 3837
js DOM 练习题 点击按钮，将奇数列的li背景色设置为红色，偶数列li背景色设置为绿色 通过在页面上点击button，实现主题切换 主题1：黑底白字 主题2：粉底绿字 封装一个函数，兼容所有浏览器，通过类名取得标签。 xxx.getElementsByClassName() IE8及以前的浏览器不兼容，定义一个函数，来实现这个功能 点击button，在页面上创建一个三行四列的表格 表格的动态添加、删除 封装函数，实现查找兄弟节点（next、previous），
PL/SQL Developer
09-18
在安装过程中，通常只需按照向导提示进行，即使不懂英文也能通过点击“Next”（下一步）按钮完成安装。安装过程中，记得指定安装路径，并在必要时配置数据库连接信息。 4. 学习和使用： 对于初学者，了解PL/SQL的...
(源码)Linux QT/C++练习:简易贪吃蛇练习:使用单链表存储数据
01-05
本练习主要使用QPainter操作，单链表，自定义鼠标事件，定时事件来实现一个简易的贪吃蛇练习 参考常见的贪吃蛇游戏，包含以下功能： 1. **页面背景**:绘制网格线背景 2. **绘制蛇**:使用QPainter绘制连续的小方块...
推荐系统实战练习项目和源码.rar
06-20
反馈机制：用户对推荐内容的点击、购买、评价等行为作为反馈，用于优化推荐效果。 推荐系统是一种广泛应用的技术，它利用用户的历史行为和偏好数据，为用户提供个性化的内容或服务推荐。实战介绍通常包含以下几个...
微信小程序练习demo：点击变色
03-17
本实践项目“微信小程序练习demo：点击变色”旨在帮助初学者掌握微信小程序的基本开发技巧，特别是关于用户交互和动态更新界面的技能。 在微信小程序中，当用户进行点击操作时，我们通常会通过监听事件来实现相应的...
phone.rar_JavaScript/JQuery_Java_
08-09
总的来说，"phone.rar"项目为初学者提供了一个全面的学习机会，涵盖了前端和后端开发的重要技术，是一个很好的实战练习项目。通过这个项目，初学者不仅可以深化对JavaScript、jQuery和Java的理解，还能提升解决问题...
CTF练习平台 JavaScript ”点击一万次“ writeup
warmjuhao的博客
11-29 7620
进入题目，查看源代码 可以看到 当满足条件后，会执行post clicks=1000000 所以我们直接用hackbar来post 得到flag！
avif-0.5.0-cp37-cp37m-manylinux2010_i686.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
[毕设]HTTP代理服务器开发与实现.zip
07-27
[毕设]HTTP代理服务器开发与实现
PyQt5-5.15.11-cp38-abi3-win32.whl
最新发布
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
jupyterlab_broccoli_turtle-0.4.7-py3-none-any.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
pillow-10.4.0-cp311-cp311-win32.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
TCL/TK入门经典第二版：计算机编程学习资源
3. **事件处理**：学习TCL/TK中的事件模型，包括如何响应用户的点击、键盘输入和其他交互事件。 4. **图像和文件操作**：TCL/TK支持读取和显示多种图像格式，以及文件的读写操作，这些在实际应用中非常实用。 5. *...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值