练习

最新推荐文章于 2023-06-25 20:12:28 发布
最新推荐文章于 2023-06-25 20:12:28 发布
阅读量164 收藏
点赞数
分类专栏： 随笔
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiaqingge/article/details/52825262
版权

<!DOCTYPE html>

<html>


<head>

<meta charset="UTF-8">

<title>作业04</title>

<style type="text/css">

div {

border: 3px solid;

background: white;

margin-top: 44px;

margin-left: 44px;

}

#div1 {

width: 400px;

height: 400px;

}

#div2 {

width: 300px;

height: 300px;

}

#div3 {

width: 200px;

height: 200px;

}

#div4 {

width: 100px;

height: 100px;

}

</style>

</head>


<body>

<h4>1.制作双色球机选效果</h4>

<script type="text/javascript">

function randomNum(m, n) {

return Math.floor(Math.random() * (n - m + 1) + m);

}

function nums_random() {

var red = [];

red[0] = 0;

red.length = 1;

var Mark

while(red.length < 7) {

a = randomNum(1, 33);

for(var z = 1; z <= red.length; z++) {

if(a == red[z]) {

Mark = 0;

break;

} else {

Mark = 1;

}

}

if(Mark = 1) {

red[red.length - 1] = a;

red.length++

}

return red;

}

nums_random()

}

document.write(red + "&nbsp&nbsp");

var blue = randomNum(1, 16)

document.write(blue);


</script>


<h4>2.随机切换颜色</h4>

<div id="div1">

<div id="div2">

<div id="div3">

<div id="div4">

</div>

</div>

</div>

</div>

<br />

<br />

<input type="button" value="由外向内" id="btn20" />

<input type="button" value="由内向外" id="btn21" />


</script>

<script type="text/javascript">

function color_random() {

var red = randomNum(0, 255);

var green = randomNum(0, 255);

var blue = randomNum(0, 255);

return "rgb(" + red + "," + green + "," + blue + ")"

}

// var a

// var b

// var c

// var d


btn20.onclick = function() {

//获取所有的div

//getElementsByTagName() 获取所有对应标签名的元素

var divs = document.getElementsByTagName("div")

for(var i = 4 - 1; i > 0; i--) {

divs[i].style.background = divs[i - 1].style.background;

}

divs[0].style.background = color_random()


//                     d=c;

//                   div1.style.background=d

//                   c=b

//                   div2.style.background=c

//                   b=a

//                   div3.style.background=b

//                   a=color_random()

//                   div4.style.background=a

}

btn21.onclick = function() {

var divs = document.getElementsByTagName("div")

for(var i = 0; i < 4 - 1; i++) {

divs[i].style.background = divs[i + 1].style.background;

}

divs[3].style.background = color_random()

//                    

//                     a=b;

//                   div4.style.background=a

//                   b=c;

//                   div3.style.background=b

//                   c=d;

//                   div2.style.background=c

//                   d=color_random()

//                   div1.style.background=d

}

</script>


<h4>第三题</h4>

<img src="img/1.gif" alt="" id="Img" />

<script type="text/javascript">

var Img1 = document.getElementById("Img");

// var i = 2;


Img1.onclick = function() {

// Img1.src = "img/" + i + ".gif"

// i--;

// if(i == 0) {

// i = 2;

// }


var str = (Img1.src).substr(-5, 5)


if(str == "1.gif") {

Img1.src = "img/2.gif"


} else {

Img1.src = "img/1.gif"


}

}

</script>

</body>


</html>

紫颖梦忆
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
练习题
zt_96123的博客
09-25 1609
1.创建用户user1，附加组委bin和root，默认shell为/bin/bash，注释信息为“user1_info&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot; 2.创建admins的组 3.创建用户natasha，使用admins作为附加组 4.创建用户harry，也使用admins作为附加组 5.创建用户sarah，不可交互登录系统，且不是admins的成员 6.natasha，harry，sarah密码都是centos7 7.创建.
练习敲代码速度
热门推荐
m0_61629312的博客
09-18 9万+
2023年9月18日，周一晚上今晚不想学习，但又不想玩游戏，于是找了一些练习敲代码的网站来玩玩，顺便练习一下敲代码的速度。
刻意练习
西瓜皮儿的皮儿
03-27 3271
1.“刻意练习”定义：有目的性，有针对性的大量练习，通过创建“心理表征”来实现对事物的“预见”并做出下意识地解决动作。 2.“刻意练习”原则有七点： ①目标要有明确合理针对性。 ②制订具体计划达目标。 ③专注投入计划中（全身心投入计划达到忘我愉快地痴迷状态）。 ④及时反馈并修正。（实践与反省） ⑤走出舒适，接受新挑战。 ⑥遭遇瓶颈，利用不同方法求突破。 ⑦保持动机速前进。 3.“...
Python循环练习
纪宁的博客
06-25 4062
python循环部分练习题：阶乘、字符串、打印菱形、水仙花数等等
Excel函数练习题
04-25
excel函数练习题，数据处理练300道，另附常用函数以及其格式。
svg练习svg练习svg练习.html
05-28
svg练习
数据类型和运算符练习题.md
06-14
python巩固基础的练习题，答案以及解题思路我全写在了博客里面，特别适合新手学习期间的日常练习，多做习题，多敲多写。加油吧
练习记录练习记录练习记录练习记录
最新发布
04-22
练习记录练习记录练习记录练习记录
数据库练习数据
09-13
一个超市的数据，用来新手练习数据库，一个超市的数据，用来新手练习数据库
鼠标移入移出事件
JQG的博客
10-18 5624
DOCTYPE html> html> head> meta charset="UTF-8"> title>鼠标移入移出事件title> style type="text/css"> #div1 { width: 200px; height: 200px; background:yellow; } #div2 { width: 100px; height:
统计网站pv数
JQG的博客
11-29 927
//统计网站pv数 if(is_file("pv.txt")){ //有 $count = file_get_contents("pv.txt"); $count += 1; echo "当前页面的pv是:$count"; file_put_contents("pv.txt",$count); }else{ //没有 file_put_contents("pv.txt",
TweenJS
JQG的博客
10-18 676
DOCTYPE html> html> head> meta charset="UTF-8"> title>TweenJStitle> style type="text/css"> * { margin: 0; padding: 0; } #div1 { width: 50px; height: 50px; background: red; positi
京东版轮播图
JQG的博客
10-19 571
DOCTYPE html> html> head> meta charset="UTF-8"> title>title> style type="text/css"> * { margin: 0; padding: 0; } #wrap { width: 300px; height: 200px; margin:100px auto; border:2
JS时钟
JQG的博客
10-18 530
DOCTYPE html> html> head> meta charset="UTF-8"> title>JS时钟title> style type="text/css"> * { margin: 0; padding: 0; } #wrap { width: 300px; height: 300px; border-radius:50%; backg
函数
JQG的博客
10-15 514
DOCTYPE html> html> head> meta charset="UTF-8"> title>函数title> style type="text/css"> div { width: 100px; height: 100px; border: 1px solid; } style> head> body> div class="
DOM基础01
JQG的博客
10-20 487
DOCTYPE html> html> head> meta charset="UTF-8"> title>DOM基础01title> style type="text/css"> #p1 { visibility: hidden; } #div1 { width: 200px; height: 100px; background: red; } styl
php面向对象,正则,文件列表
JQG的博客
11-29 474
//面向对象 //创建类 class class Person{ //1.属性 public $name = "zhangsan"; public $age = "18"; //2.私有 private $money = 200; //3.受保护的 protected $height = 160; //4.方法 public function setNa
tweenjs大图滚动
JQG的博客
10-18 382
DOCTYPE html> html> head> meta charset="UTF-8"> title>tweenjs大图滚动title> style type="text/css"> #show { width: 730px; height: 454px; margin:100px auto; border:3px solid gold; overflow
Python编程练习解答解析
"《Python程序设计》练习答案包含多个Python编程相关的练习题目及解答，涵盖了逻辑运算、条件表达式、算术运算、字符串操作、循环、函数应用等多个方面。" 在《Python程序设计》这本书的练习中，我们可以看到一系列...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值