jQuery效果-滑动(slide系列)_jquery slide-程序员宅基地

技术标签: jQuery  前端  js  html  网页设计  jquery  

在body中你需要四个div块

<div id="flipshow">点击</div>
<div id="fliphide">隐藏</div>
<div id="fliptoggle">隐藏/显示</div>
<div id="content">Hello World</div>

在js文件中写入如下内容

$(document).ready(function(){
    $("#flipshow").click(function(){
        $("#content").slideDown(1000);
    });
    //设置点击按钮,slideDown属性的效果
    $("#fliphide").click(function(){
        $("#content").slideUp(500);
    });
    //设置隐藏按钮,slideUp属性的效果
    $("#fliptoggle").click(function(){
        $("#content").slideToggle(1000);
    });
    //设置隐藏/显示按钮,slideToggle属性的效果
});

在css文件中写入如下内容


#content,#flipshow,#fliphide,#fliptoggle{
    pad
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44253640/article/details/90146027

智能推荐

OpenLayers-Geometry格式转换-程序员宅基地

文章浏览阅读341次。Geometry有多种格式,例如WKT, GML, KML等格式。OpenLayers提供Geometry格式的转换方法,可以实现不同格式的Geometry的转换。Geometry格式转换类位于OpenLayers.Format命名空间下。本文以WKT--> GML的转换来说明OpenLayers Geometry格式转换方法的使用。1. 定义WKT Geometry..._openlayers 单几何转多几何

十五. MySQL explain 执行计划_start temporary-程序员宅基地

文章浏览阅读409次。目录一. EXPLAIN 执行计划基础解释二. EXPLAIN 字段解释id一. EXPLAIN 执行计划基础解释解释: 使用EXPLAIN关键字可以模拟优化器执行SQL查询语句,从而知道MySql是如何处理接收的SQL语句的,然后进行指定的修改通过EXPLAIN+SQL语句,查看该语句的执行计划,执行顺序,可以获取到当前执行的SQL语句的查询耗时时间,索引是否生效,使用了几个索引等…,分析优进行优化,借用大神整理的EXPLAIN用法,EXPLAIN作用查看表的读取顺序数据读取操作的操作类型_start temporary

NR5G R17 Cell selection and reselectio——小区选择和重选_nr同频小区重选-程序员宅基地

文章浏览阅读5k次,点赞3次,收藏43次。本文设计NR小区选择和小区重选,包括异频、异系统以及同频和同优先级异频的小区重选。_nr同频小区重选

android html audio,html5 用audio的playbackRate属性控制播放速度在安卓手机不起作用?...-程序员宅基地

文章浏览阅读209次。speed:function(th){varself=this,speed=$(th).data('speed');self.Audio.playbackRate=speed;console.log("speed="+speed)}speed 有0.5 , 0.8 , 1 几种速度,在ios上没有问题,但是我的安卓手机却没有反应,不知是什么原因..._audio控制速度属性

matlab中plot画图参数的设置_matlab plot图例怎么设置false-程序员宅基地

文章浏览阅读9.5k次,点赞3次,收藏16次。Matlab画图中的参数设置_matlab plot图例怎么设置false

靶场-Hacker_Kid-v1.0.1-程序员宅基地

文章浏览阅读193次。5.nmap扫描出来的信息知道这里是tornado框架,可能存在ssti注入,测试:192.168.12.170:9999/?name={{3*3}}3.对9999端口的登录页面进行登录,用户admin失败,saket/Saket!2./usr/bin/python2.7 权限设置是有问题的,查找与root相关的进程。base64解密后,发现用户名和密码:admin/Saket!2.对靶机ip进行端口扫描,53端口、80端口和9999端口。1.主机发现,发现靶机ip:192.168.12.170。_hacker_kid-v1.0.1

随便推点

CV资源:网站,Companies,Labs及牛人-程序员宅基地

文章浏览阅读499次。学习网站:http://videolectures.net/ (you can find everything)https://www.learnopencv.com/companies:(1) Google AI:https://ai.google/about/(2) Facebook AI Research (FAIR):https://research.fb.com/...

【Linux监控平台搭建】Linux监控平台介绍、zabbix监控介绍、安装zabbix、忘记Admin密码如何做和Zabbix客户端安装_zabbix server 和客户端要求版本一直吗-程序员宅基地

文章浏览阅读281次。一、Linux监控平台介绍cacti、nagios、zabbix、smokeping、open-falcon等等 cacti、smokeping偏向于基础监控,成图非常漂亮 cacti、nagios、zabbix服务端监控中心,需要php环境支持,其中zabbix和cacti都需要mysql作为数据存储,nagios不用存储历史数据,注重服务或者监控项的状态,zabbix会获取_zabbix server 和客户端要求版本一直吗

xwiki的搭建及jetty升级_jetty容器怎么升级-程序员宅基地

文章浏览阅读663次。本文属于原创,未经过允许,请勿转载Topic1: 如何搭建xwikixwiki的搭建对于自己学习或者小型范围内的使用,建议直接安装带有flavor版本的xwiki, 因为distribution的版本在安装完后初始化在国内网的情况下, 插件下载不下来,导致页面不够友好。步骤1:下载 xwiki包:https://www.xwiki.org/xwiki/bin/view/Downl..._jetty容器怎么升级

安卓项目连接虚拟机出现MIT droid4x-win(minsdk(api 21))> devicesdk(×××)_mitdroid4x-程序员宅基地

文章浏览阅读381次。MIT droid4x-win(minsdk(api 21))> devicesdk(×××)今天又是被安卓搞崩溃????的一天!!!上午代码五分钟,调试两小时。被安卓自带的虚拟机气的都困????了,到了上课时间,便想喜新厌旧了。下午下了一个海马玩模拟器(Droid4X,听说现在官网被黑了,下不到,想下的小伙伴请移步我的下载区),流畅的一批啊。这谁**还用安装虚拟机啊,海马玩它不香吗???(非..._mitdroid4x

Netty系列之Netty 服务端创建(绝对好文)-程序员宅基地

文章浏览阅读96次。2019独角兽企业重金招聘Python工程师标准>>> ..._netty能创建多少种类型的服务

数据结构与算法python语言实现-第一章答案_minmaxdata-程序员宅基地

文章浏览阅读1.4k次。数据结构与算法python第一章答案link._minmaxdata

推荐文章

热门文章

相关标签