python之show、hide、slidedonw、slideup方法实例

一：show 、hide方法使用

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div>hello</div>
<button onclick="f1()">显示</button>
<button onclick="f2()">隐藏</button>
<button onclick="f3()">切换</button>
<script src="jquery-3.3.1.min.js"></script>
<script>// 显示function f1() {$('div').show(1000)}// 隐藏function f2() {$('div').hidden(1000)}// 切换、function f3() {$('div').toggle(1000)}
</script>
</body>
</html>

二、slidedown、slideUp用法

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="jquery-3.3.1.min.js"></script><script>$(document).ready(function () {$('#slideDown').click(function () {$('#content').slideDown(1000)});$('#slideUp').click(function () {$('#content').slideUp(1000)});$('#slidetaggle').click(function () {$('#content').slideToggle(1000)})})</script><style>#content{text-align: center;background-color:lightblue;border: 1px solid red;/*display: none;*/padding: 30px;}</style>
</head>
<body>
<div id="slideDown">显示</div>
<div id="slideUp">隐藏</div>
<div id="slidetaggle">切换</div>
<div id="content">hello world</div></body>
</html>

三、fandein 、fandeout、fadetaggle、fadeto用法

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="jquery-3.3.1.min.js"></script><script>$(document).ready(function () {$('#in').click(function () {$('#id1').fadeIn(1000)});$('#out').click(function () {$('#id1').fadeOut(1000)});$('#fadetaggle').click(function () {$('#id1').fadeToggle(1000)});$('#fadeto').click(function () {$('#id1').fadeTo(1000,0.2)})})</script><style>/*#content{*//*text-align: center;*//*background-color:lightblue;*//*border: 1px solid red;*//*!*display: none;*!*//*padding: 30px;*//*}*/</style>
</head>
<body>
<div id="in">fadein</div>
<div id="out">fadeout</div>
<div id="fadetaggle">切换</div>
<div id="fadeto">hello world</div>
<div id="id1" style="width: 80px; height: 100px;background-color: blue;"></div>
</body>
</html>

python之show、hide、slidedonw、slideup方法实例相关推荐

python装饰器函数-Python函数装饰器常见使用方法实例详解
本文实例讲述了Python函数装饰器常见使用方法.分享给大家供大家参考,具体如下: 一.装饰器首先,我们要了解到什么是开放封闭式原则? 软件一旦上线后,对修改源代码是封闭的,对功能的扩张是开放的,所 ...
Python中optionParser模块的使用方法实例教程
Python中optionParser模块的使用方法实例教程转载 2014-08-29 投稿:shichen2014 我要评论这篇文章主要介绍了Python中optionParser模 ...
python死锁案例_python避免死锁方法实例分析
本文实例讲述了python避免死锁方法.分享给大家供大家参考.具体分析如下: 当两个或者更多的线程在等待资源的时候就会产生死锁,两个线程相互等待. 在本文实例中 thread1 等待thread2释放 ...
判断ip地址的合法性python_使用Python判断IP地址合法性的方法实例
一.使用方法和执行效果请看图: 二.python实现代码: [root@yang python]# vi check_ip.py #!/usr/bin/python import os,sys def ...
python 类装饰器 __set___python装饰器代替set get方法实例
对于变量的访问和设置,我们可以使用get.set方法,如下: class student: def __init__(self,name): self.__name = name def get_na ...
python编写交互界面查分,Python实现CET查分的方法 -电脑资料
作者:Sephiroth 字体:[增加减小] 类型:转载这篇文章主要介绍了Python实现CET查分的方法,实例分析了Python操作链接查询的技巧,需要的朋友可以参考下本文实例讲述了Pytho ...
python装饰器实例-基于Python 装饰器装饰类中的方法实例
title: Python 装饰器装饰类中的方法 comments: true date: 2017-04-17 20:44:31 tags: ['Python', 'Decorate'] categ ...
python构造和析构_python魔法方法构造和析构实例讲解
目录: 一._ _init_ _(self[, ...]) 二._ _new_ _(cls[, ...]) 三._ _del_ _(self) 四.课时41课后习题及答案说的那么厉害,那什么是魔法方 ...
什么是python中子类父类_零基础入门：python中子类继承父类的__init__方法实例
前言: 今天为大家带来的内容是零基础入门:python中子类继承父类的__init__方法实例!具有不错的参考意义,希望在此能够帮助到各位!(喜欢的话记得点赞转发关注不迷路哦) 使用Python写过面 ...
python list排序的两种方法及实例讲解
对List进行排序,Python提供了两个方法方法1.用List的内建函数list.sort进行排序 list.sort(func=None, key=None, reverse=False) Py ...

python之show、hide、slidedonw、slideup方法实例

python之show、hide、slidedonw、slideup方法实例相关推荐

最新文章

热门文章