用jquery实现视频展示效果

这是我刚接触网页设计的时候就想做的一个功能!直到现在才知道怎么实现!

js实现思路:1设置页数和每页显示的数目;2获取点击按钮所在div的父div,然后找到视频展示区域所在的div和获取它的宽度;3获取视频的数目,计算得到总页数;4根据视频内容会展示区域是否处于动画之中进行判断 5在不是处于动画之中的情况下,对计算得到的总页数进行判断;6通过获取到的宽度来设置跳转版面;7给指定的元素添加样式,同辈元素去掉样式。

用到的部分函数和选择器:click(), parents(), fond(), width(), Math.ceil(), is(), :animated; animate(), eq(), addclass(), siblings(), removeclass() ;

源代码来源于《锋利的jquery》中的教学案例:





 

卡通动漫

1234
上一页下一页
更多>>
效果: 
   用jquery实现视频展示效果_第1张图片 
    
   用jquery实现视频展示效果_第2张图片 
   

 
   
 
   
 
   
 
  

你可能感兴趣的:(jquery学习)