冒泡代码
时间: 2023-07-02 10:23:56 浏览: 45
冒泡排序是一种排序算法,它的基本思路是比较相邻的两个数的大小,如果第一个数比第二个数大,则交换它们的位置。这样每次操作后,最大的数就会浮到最后一位。然后我们再对剩下的数进行相同的操作,直到最后剩下的数就是有序的。
以下是一个简单的冒泡排序代码:
```
def bubble_sort(lst):
for i in range(len(lst)-1):
for j in range(len(lst)-1-i):
if lst[j] > lst[j+1]:
lst[j], lst[j+1] = lst[j+1], lst[j]
return lst
```
这个代码的时间复杂度为 O(n^2),不是一种很高效的排序算法,但是它的实现非常简单,很适合作为初学者的入门算法。
相关问题
JS冒泡代码
下面是一个简单的 JS 冒泡代码示例:
HTML 代码:
```html
<body>
<div id="outer">
<div id="inner">
<button id="btn">点击</button>
</div>
</div>
</body>
```
JS 代码:
```js
var outer = document.getElementById('outer');
var inner = document.getElementById('inner');
var btn = document.getElementById('btn');
outer.addEventListener('click', function() {
console.log('outer clicked');
}, false);
inner.addEventListener('click', function() {
console.log('inner clicked');
}, false);
btn.addEventListener('click', function() {
console.log('button clicked');
}, false);
```
点击按钮时,会依次输出:
```
button clicked
inner clicked
outer clicked
```
因为事件是冒泡传递的,所以先执行了最内层元素(按钮)的点击事件处理函数,然后依次向外执行父元素的点击事件处理函数。在代码中,我们使用 `addEventListener` 方法添加了三个元素的点击事件处理函数,并且都设置了 `false`,表示事件不使用捕获方式传递。
html冒泡代码
以下是一个简单的 HTML 冒泡代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>冒泡</title>
<style>
/* 样式表 */
.container {
width: 400px;
height: 400px;
background-color: #eee;
position: relative;
}
.bubble {
width: 20px;
height: 20px;
background-color: #f00;
border-radius: 50%;
position: absolute;
animation: bubble 1s ease-in-out infinite;
}
@keyframes bubble {
0% {
transform: scale(0);
}
50% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0);
opacity: 0;
}
}
</style>
</head>
<body>
<div class="container" onclick="addBubble(event)">
</div>
<script>
/* JavaScript 代码 */
function addBubble(event) {
// 创建 div 元素
var bubble = document.createElement("div");
bubble.className = "bubble";
// 设置 div 元素位置
bubble.style.top = event.pageY + "px";
bubble.style.left = event.pageX + "px";
// 将 div 元素添加到容器中
document.querySelector(".container").appendChild(bubble);
}
</script>
</body>
</html>
```
这个示例使用了 HTML、CSS 和 JavaScript。它创建了一个容器 div ,当用户在容器上点击时,会在点击位置添加一个表示冒泡的 div。这是通过 JavaScript 动态创建 DOM 元素并设置其位置实现的。冒泡效果是通过 CSS 的动画实现的。
相关推荐
![html](https://img-home.csdnimg.cn/images/20210720083451.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)