摘要： 描述：1.每个图片宽度都一样，高度不一样思路：1.算出一共有几列（通过视窗总宽度/单个图片宽度得出）2.根据一共几列*单个图片宽度，设置外围总宽度并水平居中（注：这个宽度应该是计算出来的，而不是定死，因为窗口大小会改变）3.将第一行图片高度按顺序填充进数组4.算出第一行图片里高度最短的那个，将第二行... 阅读全文

摘要： $( document ).ready( function(e){ var $catCont = $( ".cat-cont" ); //二级菜单div var $catList = $( ".J_Cat" ); //一级菜单li $catList.on( "mouseenter", functio... 阅读全文

摘要： $(function(){ var $box=$("#box"); var $img=$box.find("img"); var imgWidth=$img.eq(0).width(); var exposeWidth=160; var boxWidth=imgWidth+exposeWidth*(... 阅读全文

摘要： 描述：鼠标移动到一副图片上，会显示该副图片的全貌，而其他图片会显示概貌一、没有动画效果的运动思路：1.定好每张图片的初始位置（第一张完全显示，234只露出一部分）2.计算每道门的移动距离（即未显露的部分）3.绑定鼠标滑过事件window.onload=function(){ var box=docu... 阅读全文

摘要： 描述：左右联动的导航，非常适合展示页面内容多，区块划分又很明显的，点击右边固定导航项时，左边的内容跟着切换。滑动滚动条的时候，右边的导航也随着左边的展示而进行高亮切换。思路：比较滚动距离和楼层距离（相对于顶部），如果滚动距离大于等于楼层距离，即进入了相应楼层，然后通过一个变量来记录该楼层的信息，最后... 阅读全文

摘要： 思路：取得头部和内容的div，头部当前点击的高亮，其余的去除高亮，并通过index（）方法获得当前点击的索引，然后内容div通过.eq(index)显示和隐藏优化：当前做法，从第一个快速移到最后一个，中间每个内容都会相继显示出来。比较好的用户体验是，从某个标签迅速移到另一个标签，中间不想看的内容不显... 阅读全文

摘要： $(function(){ var $next=$(".right"); var $prev=$(".left"); var $list_num=$(".list-num a"); var $banner=$(".banner"); var $list_banner=$(".list-banner"... 阅读全文

摘要： 原理：最外层放水平平铺的背景，第二层放左边，第三层放右边，注意这个做法背景图不能透明结构: 样式：.module-title { height:33px; background: url(../images/more-title.png) 0 -33px repeat-x; text-inden... 阅读全文

摘要： 一、所用到的知识点1.DOM操作2.定时器3.事件运用4.Js动画5.函数递归6.无限滚动大法二、结构和样式 .banner{position:relative;width:624px;height:200px;overflow:hidden;}.bann... 阅读全文

摘要： 思路：遍历每个li，并把它们存放到数组中去，然后通过sort()方法进行排序，再插入 58 8 31 98 75 阅读全文