zoukankan      html  css  js  c++  java
  • jq-toggle

    jq-toggle:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>toggle<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>toggle</title>
    		<style>
    			* {
    				margin: 0;
    				padding: 0;
    			}
    			button {
    				font-size: 18px;
    				padding: 0 19px;
    			}
    			#con {
    				 500px;
    				background: #ccc;
    				color: red;
    				font-size: 18px;
    				overflow: hidden;
    			}
    		</style>
    		<script src="js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
    	</head>
    	<body>
    		<button id="zk">展开</button>
    		<button id="sq">收起</button>
    		<div id="con">
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    			展开收起动画效果
    		</div>
    		<script type="text/javascript">
    			$('#sq').click(function() {
    //				$('#con').toggle();
    				$('#con').toggle(3000);
    			});
    		</script>
    	</body>
    </html>
    </title>
    	</head>
    	<body>
    	</body>
    </html>
    

      

  • 相关阅读:
    freemarker模板引擎 常用标签
    SSH面试题
    JAVA 2013面试题-下
    JAVA 2013面试题-上
    String和StringBuffer
    http请求和http响应详细解析
    一种将汉字转换为拼音的更简单的方法
    中文字符串排序
    UIControl类控件统一管理
    日期转换
  • 原文地址:https://www.cnblogs.com/handsomehan/p/5896584.html
Copyright © 2011-2022 走看看