本页面的效果动画
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>39- jQuery 隐藏和显示动画</title>
2024年11月17日
本页面的效果动画
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>39- jQuery 隐藏和显示动画</title>
2024年11月17日
使用工具:关注私聊获取编译软件+源代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
/* //将内边距,外边距设置为0 .默认都是存在外边距内边距的 */
* {
padding: 0px;
margin: 0px;
list-style: none;
margin: auto;
}
/* //设置一级列表的宽度,背景 */
.lii {
background-color: yellow;
width: 110px;
border-right: 1px solid;
border-left: 1px solid;
}
/* //设置二级列表的框线,宽,背景 */
.ul li {
border: 1px solid;
width: 110px;
background-color: red;
}
</style>
<!-- //加载jquery文件 -->
<script type="text/javascript" src="js/jquery-3.4.1.js">
</script>
<script type="text/javascript">
//文档就绪函数
$(function() {
//一级列表的点击事件
$(".lii").click(function() {
//slideToggle是slideUp() 和 slideDown() 之间的切换:
//children()子元素,点击区域的子元素上滑消失或下滑出现
$(this).children().stop().slideToggle(500);
})
})
</script>
</head>
<body>
<div id="d">
<!-- 无序列表 -->
<ul id="li">
<!-- 一级列表001 -->
<li class="lii">一级列表001
<!-- 二级列表001 -->
<ul class="ul">
<li>二级列表001-1</li>
<li>二级列表001-2</li>
<li>二级列表001-3</li>
<li>二级列表001-4</li>
<li>二级列表001-5</li>
</ul>
</li>
<!-- 一级列表002 -->
<li class="lii">一级列表002
<!-- 二级列表002 -->
<ul class="ul">
<li>二级列表002-1</li>
<li>二级列表002-2</li>
<li>二级列表002-3</li>
<li>二级列表002-4</li>
<li>二级列表002-5</li>
</ul>
</li>
<!-- 一级列表003 -->
<li class="lii">一级列表003
<!-- 二级列表003 -->
<ul class="ul">
<li>二级列表003-1</li>
<li>二级列表003-2</li>
<li>二级列表003-3</li>
<li>二级列表003-4</li>
<li>二级列表003-5</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
2024年11月17日
Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
2024年11月17日
如果你是新手小白的话,可以直接复制下面的代码去尝试,不过要直接添加样式代码,
如果不是可以直接看下面的总结
<!DOCTYPE html>
<html>
2024年11月17日
在Vue中,可以使用v-if和v-show指令来根据条件隐藏和显示控件。
v-if指令是根据条件来决定是否渲染DOM元素。当条件为真时,元素会被渲染并插入到DOM中,当条件为假时,元素会被从DOM中移除。v-if指令的使用方式如下:
```html
<template>
<div>
<button @click="toggle">Toggle</button>
2024年11月17日
欢迎观看 Premiere Pro 教程,小编带大家学习 Pr 中常用的重要剪辑技巧,了解如何从序列中删除剪辑。
有些视频剪辑师喜欢先将剪辑都添加到序列中,然后再慢慢删除不需要的剪辑,直到只剩下效果最好的剪辑。
双击即可打开文件。视频编辑的一大部分工作不是添加内容,而是删除内容。您会经常发现序列中 有需要删除的剪辑,来看看怎么操作。
这是一个简单的序列, 其中有四五个剪辑。如果我选择第二个剪辑”孩子们滚轮胎“,然后按下 Delete 键,Pr就会留出一个间隙。
2024年11月17日
在日常办公和数据处理过程中,文件中常常会出现空白行。这些空白行不仅占用空间,还可能影响数据的整洁性和可读性。本文将探讨多种方法来删除空白行,包括使用文本编辑器、电子表格软件以及编程语言等工具。
In daily office work and data processing, blank lines often appear in files. These blank lines not only take up space but can also affect the neatness and readability of the data. This article will explore various methods to delete blank lines, including using text editors, spreadsheet software, and programming languages.
2024年11月17日
在现代社会,QQ作为一款广受欢迎的即时通讯软件,已经成为许多人日常生活中不可或缺的一部分。然而,随着用户需求的变化,可能会有人选择卸载QQ。本文将详细介绍如何在不同平台上卸载QQ,包括Windows、Mac、Android和iOS系统。
一、在Windows系统上卸载QQ (Uninstalling QQ on Windows)
1. 通过控制面板卸载 (Uninstalling via Control Panel)
2024年11月17日
Tailwind CSS 提供了大量预定义的实用程序,可帮助 Web 开发人员创建响应式和交互式 Web 设计和布局。一个这样的实用程序是@apply——一个 Tailwind CSS 指令,它允许开发人员将一组实用程序组合到一个可重用的组件类中。在本文中,我们将深入研究该@apply指令,突出其用途,并发现它如何可能取代 Tailwind CSS 中对复杂类的需求。
2024年11月17日
视频如何去掉水印 (How to Remove Watermarks from Videos)
在现代社会,视频已经成为了一种重要的传播媒介。无论是社交媒体上的短视频,还是专业制作的影视作品,水印常常被用来保护创作者的版权。然而,有时我们需要去掉视频中的水印,以便更好地使用这些视频。本文将详细探讨去除视频水印的方法和技巧。