智享笔记 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Toggle Element Visibility and Modify Styles</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
.left {
width: 200px;
height: 200px;
background-color: #e0e0e0;
text-align: center;
line-height: 200px;
}
.highlight {
border: 2px solid red;
}
</style>
</head>
<body>
<button id="show-or-hide">Show/Hide Element</button>
<div class="left">
Content inside left div
</div>
<script>
$(document).ready(function(){
$('#show-or-hide').click(function () {
$('.left').toggle( function() {
if ($(this).is(":visible")) {
# 添加样式
$(this).addClass('highlight');
} else {
# 移除样式
$(this).removeClass('highlight');
}
});
});
});
</script>
</body>
</html>显示元素添加样式
相关推荐
-
生成图片
from PIL import Image, ImageColor, ImageDraw, ImageFont, ImageFilterdef create_image_with_text(size, color, text, font_path, font_size, text_color, shadow_color, output_path): """ Create a new image of specified size and color with centered text that has a border and shadow. :param size: A tuple con
-
获取指定目录下的所有图片信息
1 获取指定目录下的所有图片信息// 获取指定目录下的所有图片信息 public function getImagesInfo($directory) { $images = []; // 创建递归目录迭代器 $iterator = new \RecursiveIteratorIterator( new \RecursiveDirectoryIterator($directory, \RecursiveDirectoryIterator::SKIP_DOTS), \RecursiveIteratorIterator::LEAVES_ONLY ); // 遍历目录中的每个文件 foreach (
-
Thinkphp各版本的PHP要求
ThinkPHP 8.0：运行环境要求PHP8.0+，兼容PHP8.3ThinkPHP 6.1：运行环境要求PHP7.2+，兼容PHP8.1ThinkPHP 6.0：运行环境要求PHP7.2+，兼容PHP8.1ThinkPHP 5.1：运行环境要求PHP5.6+，兼容PHP8.0ThinkPHP 5.0：运行环境要求PHP5.4+，兼容PHP7.3
