JQ动画

2.动画

2.1显示，隐藏

hide（）：隐藏

将高度、宽度、透明度变为0。display变为none

show（）：显示

将高度、宽度、透明度变为初始的CSS设置的时候。display变为block

toggle（）：切换

如果display为none的时候，点击一下就变成了block。

反正变成none。

2.2淡入淡出

fadeIn（）：淡入

将隐藏的样式通过改变其透明度（透明度从0到1），

让它显示出来。

fadeOut（）：淡出

将显示的样式通过代表其透明度（透明度从1到0），

让它隐藏起来。

fadeToggle（）：淡入淡出的切换

如果样式隐藏，则将它显示出来

如果样式显示，则将它隐藏起来

fadeTo（）：固定

固定其透明度（透明度从0到1）。

2.3上滑/下滑

slideup（）：上滑

将设置的高度从初始变为0，然后隐藏它。  

slidedown（）：下滑

先显示它，然后将设置的高度从0变为初始。

slidetoggle（）：上滑与下滑的切换

如果元素是隐藏的，则让它显示，并把它的高度增加；

如果元素是显示的话，先将高度减为0，在隐藏它

2.4动画

自定义动画

1.移动一个块到另一个位置、

varp = $("#p");
$("button").click(function(){
  // $("#p").animate({left:'300px',top:'300px'});
    //设置相关属性

//同时使用多个属性实现动画效果（移动位置，颜色淡化，大小的改变）
    $("#p").animate({width:'+=100px',height:'+=100px',opacity:'0.5',left:'300px',top:'300px'});

});

改变预定值来实现我们需要的内容的显示或隐藏。

$("#p").animate({
    height:'toggle'
});

.Animate（）中有三个参数：

第一个参数是需要改变的样式

第一个参数是需要改变的样式

第二个参数是显示的速度（slow，fast，指定毫秒数）

第三个参数回调函数

vardiv = $("div");
$("#start").click(function(){
    div.animate({height:"500px"},"slow");
    div.animate({width:"500px"},"slow");
    div.animate({height:"200px"},"slow");
    div.animate({width:"200px"},"slow");
});
$("#stop").click(function(){
    div.stop(true);
});

  

}else{
    p= (a+b+c)/2;
    s =Math.sqrt(p* (p- a) * ( p- b)*(p-c));
}
   alert("三角形面积"+s)

prompt函数输入的数据是字符串类型，比方“345”注意“345”和345的区别：

如果你想输入345，那么应该强制转换，虽然js有时会帮我们自动转换，但有时不靠谱

案例：话费计时器，根据时长（单位为秒）计算话费，资费标准为0.5元/分钟

/*
* 提示用户输入通话时长秒数
* 把通话时长除以60然后向上取整得出分钟minute
* 在把minute乘以0.5
* 得出结果并且输出
* */
var  second = Number(prompt("请输入通话时长秒数"));
var  minute =Math.ceil(second /60);//按分钟收费，不满一分钟的部分按一分钟收费
  price= minute * 0.5;
alert("此次通话产生"+ price+ "元");

 

vara = 10;
    var  v =20 < a <30;
    alert(v);

计算机中 v = 20 < a <30这样写是存在问题的计算机先比较20<a是错的即是0那么0<30是正确的所以他显示的是true但是这种条件在计算机中应该表示为20<a && a<30