1、html结构，show显示窗口(超出内容隐藏)，contents内容部分（超出窗口，绝对定位，滚动效果用left属性)
2、jg，利用animate让一张图片1s滚动到最左边。滚动完成后，left-300，当前显示的是第二图，为了以后的滚动是连续的，
所有当滚动过去一张图片后，就把第一张放到最后一张，因为图片位置发生改变，第二张变成了第一张图，所以再去设置
left: 0。让每张图停留1s，那么setlnTMal调用要有时间差，就2s
jquery绑定事件
一、鼠标点击事件（有事件冒泡）
1.click事件---单击某个元素或其后代元素事件
2.dblclick事件—双击某个元素或其后代元素事件
3.mousedown事件—鼠标左键按下某个元素或其后代元素事件
4.mouseup事件—鼠标左键抬起某个元素或其后代元素事件
二、鼠标移动事件（3、4、5有事件冒泡）
1.mouseenter事件-鼠标指针进入某个元素事件
2.mouseleave事件-鼠标指针离开某个元素事件
3.mouseover事件-鼠标指针进入某个元素或其后代元素事件
4.mouseout事件-鼠标指针离开某个元素或其后代元素事件
5.mousemove事件—当鼠标在某个元素或其后代元素移动事件
合成事件
1.hover事件—如果要为元素同时绑定mouseenter和mouseleave事件，那么可以使用hover()方法。
语法:hover(处理函数1(),处理函数2());鼠标移动到元素上时，调用处理函数1()，移出时调用处理函数2()
toggle事件—如果要多次触发元素的click事件，且需要循环执行不同的函数，那么可以使用toggle()方法。
语法:
toggle(处理函数1()),处理函数2().处理函数3.……;
第一次单击，执行处理函数1()，
第二次单击执行处理函数2().....
最后一次以后，执行处理函数1()，循环执行。
焦点事件
1.focus事件—通过鼠标单击或Tab键定位元素触发。
2.blur事件—元素失去焦点事件
3.focusin事件一通过鼠标单击或Tab键定位元素或元素的后代元素获得焦点
4.focusout事件—通过鼠标单击或Tab键定位元素或元素的后代元素失去焦点
五、键盘事件
1.keydown事件—按下键盘上的任意键，会触发获得焦点元素的keydown事件
2.keyup事件一按下键盘上的任意键，会触发获得焦点元素的keyup事件
3.keypress事件一当想获得焦点的元素输入一个字符时，会触发该元素及其祖先元素发送的keypress
六、表单事件
1.change事件—当表单元素的value属性值或选中项发生变化时，会触发该元素及其祖先元素发送的change事件
2.select事件—当在<input type= “text”>或<textarea>元素内进行文本选中时，会向该元素及其祖先元素发送
select事件。需要注意，在IE浏览器中并不会向触发元素的祖先元素发送 select事件
3.submit事件—通过<input type= "submit">、<input type= "image">或<button type= "submit">元素或当其
获得焦点时按下回车，可以提交表单
七、加载和卸载事件
1.load事件—当某个元素及其后代元素已经完全加载时
2.unload事件—当离开当其页面时
trigger ()模拟事件触发
triggerHander ()模拟事件触发但是阻止浏览器默认操作
$(".one").click(function () { console.log("12"); })
$(".p1").click(function () {
$(".one").trigger("click");
})
$("a").click(function () {
$(".one").triggerHandler("click");
})
