用JQuery写Web前端特效

以前写前端特效绝大多数用JavaScript，代码多而且调试麻烦，有第三方插件的支持，这方面的工作容易了许多，比如JQuery、ExtJS等就很好。
　　JQuery比较流行，用JQuery做动画真是Easy！JQuery里的EasyUI更是强悍！
　　比如网络上很流行的图片焦点特效，即：鼠标移到的图片呈现正常，有文字说明，失去焦点的图片变成半透明。

创新互联建站是一家专业提供林芝企业网站建设,专注与成都网站制作、成都网站设计、H5场景定制、小程序制作等业务。10年已为林芝众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

*{padding:0;Margin:0;list-style:none;}
#divSlide {position: relative;margin:auto auto; width: 996px;height:300px;overflow:hidden;}
#divSlide ul{position:absolute;top:0px;left:0px;text-align:left;cursor:pointer;}
#divSlide ul li{position:relative;display:block;width:196px;float:left;}
.PSP{position: absolute;left:0;width:100%;height:35%;cursor:pointer;word-break: normal;background-color:#333333;}
.p1 {width:100%;height:100%;color:#FFFFFF;word-wrap:break-word;line-height:20px;}


  window.onload=function(){ 
    self.moveTo(0,0)
    self.resizeTo(screen.availWidth,screen.availHeight)
  }
  $(function(){
    $("#divSlide>ul li").mouseover(function(){
      $(this).stop().fadeTo("fast",1);
      $(this).css("border","1px solid #d70008");
      s=$(this).css("height");
      s=s.substring(0,s.length - 2);
      s=(parseInt(s)*2/3).toString();
      $(this).append(""+$(this).children().attr("alt")+"