zoukankan      html  css  js  c++  java
  • jQuery学习教程(九):动画

    js就是这样一门语言,你可以说它很简单,会一点C就能编写代码;你也可以说它很难,丰富强大灵活;不屑者说它只能做些跑马灯、鼠标环绕的“雕虫小技”;高手用它来制作“星际争霸”游戏。

    jQuery中另一个颇具特色的便是它简单易用实用的动画效果。之前曾自己写窗体循环滚动写了两天还是无法兼容ff。–!!!

    show([arg])//将元素display属性置为除none之外的值,具体记忆功能; hide([arg])//将元素display属性置为none

    以上两个函数均可带参数,一类是关键字参数:slow,normal,fast;一类是数值参数。如show(1000)表示在1秒钟之内将元素由隐藏置为显示,

    slow -> 600,normal -> 400,fast -> 200

    fadeIn([arg])//提升已降低透明度的元素,直到显示;即“淡出”;

    fadeOut([arg])//降低元素透明度,直至隐藏,style值为"none";即 “淡入”

    $("p").mouseover(function(){  
    	 if($(this).is(":visible")){  
    	 	 $(this).fadeOut(1000,function(){  
    	 	 	 alert($(this).is(":visible"));//false  
    	 		 alert($(this).css("display"));//none  
    	 	 });  
    	 }  
    });
    

      

    slideUp()//元素由下到上缩短隐藏

    slideDown()//元素由上到下伸展

    <script type="text/javascript"> 
    	$(function(){  
    		$("h2").toggle(function(){  
    			$(this).next("p").slideUp();  
    		},function(){ 
    			$(this).next("p").slideDown();  
    		});
    	});
    </script>
    <h2>点击出现</h2>  
    <p style=" height:60px; background:#faa; border:solid 1px #d00;">一段文字</p>
    

  • 相关阅读:
    Pytorch-实战之对Himmelblau函数的优化
    Pytorch-tensor的感知机,链式法则
    Pytorch-tensor的激活函数
    Pytorch-tensor的分割,属性统计
    Pytorch-tensor的转置,运算
    Pytorch-tensor维度的扩展,挤压,扩张
    Transformer代码细节
    Leetcode 1494
    格雷码
    两个正序数组的中位数
  • 原文地址:https://www.cnblogs.com/liangle/p/2512664.html
Copyright © 2011-2022 走看看