zoukankan      html  css  js  c++  java
  • 动画停止和延时

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    	<head>
    
    		<title>hello</title>
    
    		<meta http-equiv="Content"  "content=text/html; charset=utf-8" />
    		<script type="text/javascript"
    
    		src="jquery-1.5.0-vsdoc.js"></script>
    
    		<script type="text/javascript"
    
    		src="jquery-1.4.2.js"></script>
    
    		<style type="text/css">
    			body {
    				font-size:13px
    			}
    			.divFrame {
    				border:solid 1px #666;
    				233px;
    				text-align:center;
    			}
    			.divFrame .divTitle {
    				background-color:#eee;
    				padding:5px 0px 5px 0px
    			}
    			.divFrame .divContent {
    				padding:5px 0px 5px 0px
    			}
    			.divFrame .divContent img {
    				border:solid 1px #eee;
    				padding:2px
    			}
    		</style>
    
    		<script type="text/javascript">
    			$(function(){
    				$("a:eq(0)").click(function(){
    					$("img").slideToggle(3000);
    				})
    				$("a:eq(1)").click(function(){
    					$("img").stop();
    				})
    				$("a:eq(2)").click(function(){
    					$("img").delay(2000).slideToggle(3000);
    				})
    			})
    		</script>
    	</head>
    	<body>
    		<div class="divFrame">
    
    			<div class="divTitle">
    
    				<a href="javascript:void(0)">开始</a>  |  
    
    				<a href="javascript:void(0)">停止</a>  |  
    
    				<a href="javascript:void(0)">延时</a>
    
    			</div>
    
    			<div class="divContent">
    
    				<img src="1.gif" alt="" title="Log图片" />
    
    			</div>
    
    		</div>
    
    	</body>
    
    </html>
    

    ==============================================================================

    本博客已经废弃,不在维护。新博客地址:http://wenchao.ren


    我喜欢程序员,他们单纯、固执、容易体会到成就感;面对压力,能够挑灯夜战不眠不休;面对困难,能够迎难而上挑战自我。他
    们也会感到困惑与傍徨,但每个程序员的心中都有一个比尔盖茨或是乔布斯的梦想“用智慧开创属于自己的事业”。我想说的是,其
    实我是一个程序员

    ==============================================================================
  • 相关阅读:
    AQTime : ASP.NET Applications
    Ext Js 之坑
    才看到这个强贴,真是out了
    Ext JS多选控件 MultiCombo
    杂记
    NHibernate中用Criteria查询,不采用SetResultTransformer(new DistinctRootEntityResultTransformer())处理Distinct
    [转]IntelliJ IDEA整合VSS2005的配置
    Ext JS: Formpanel中联动ComboBox赋初值
    c#中using 的作用
    DIV+CSS中标签ul ol li dl dt dd用法
  • 原文地址:https://www.cnblogs.com/rollenholt/p/2109598.html
Copyright © 2011-2022 走看看