你的jq代码应该写入ready事件内：
站在用户的角度思考问题，与客户深入沟通，找到武昌网站设计与武昌网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、网站建设、外贸网站建设、企业官网、英文网站、手机端网站、网站推广、申请域名、网站空间、企业邮箱。业务覆盖武昌地区。
$(function(){
var q = 0;
$("#a1 ul li").mouseover(function() {
$(this).addClass("ys").siblings("#a1 ul li").removeClass("ys");
q = $(this).index();
$("#a1 img").eq(q).fadeIn().siblings("#a1 img").fadeOut();
});
//....其他代码这里略
})
如果不这样，直接就用 $("#a1 ul li").mous... ，当网页运行到这里时，Dom结构很可能还未加载完毕呢，浏览器会认为$("#a1 ul li")这个对象不存在，就直接跳过去了，所以这个鼠标事件就失效了，其他也一样的道理。而计时器是延迟一段时间才执行的，这时候整个页面肯定早就加载完毕啦，所以它能跑起来。
mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发，mouseout事件于用户把鼠标移出一个元素时触发。
下面为你详细介绍下jquery中的鼠标事件：
(1):click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发；
$('p').click(function(){
alert('click function is running
!');
});
(2):dbclick事件：dbclick事件在用户完成迅速连续的两次点击之后触发，双击的速度取决于操作系统的设置。一般双击事件在页面中不经常使用；
$('p').dbclick(function(){
alert('dbclick function is running
!');
});
(3):mousedown事件：mousedown事件在用户敲击鼠标键时触发，跟keydown事件不一样，该事件仅在按下鼠标时触发；
$('p').mousedown(function(){
alert('mousedown function is
running !');
});
(4):mouseup事件：mouseup事件在用户松开鼠标时触发，如果在与按下鼠标的元素相同元素上松开，那么click事件也会触发；
$('p').mouseup(function(){
alert('mouseup function is running
!');
}).click(function(){
alert('click
function is running too !');
});
(5):mouseover事件：mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发，如果需要知道来自那个元素可以使用，relatedTagrget属性；
(6):mouseout事件：mouseout事件于用户把鼠标移出一个元素时触发，这包括从父元素移动到子元素上，或者使用键盘跳到元素上。
jQuery中针对鼠标事件mouseout、mouseleave.首先这两个鼠标事件都代表鼠标离开事件对象触发。区别在于：不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。而只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。也就是说mouseout有一个事件冒泡，离开子元素的时候也会冒泡触发父元素的out事件。
用法：
$("#id").mouseout(function(){
alert("您的鼠标离开了");
//或者做一些层的显示和隐藏效果。
});
$("#id").mouseleave(function(){
alert("您的鼠标离开了");
//或者做一些层的显示和隐藏效果。
});
实际中这两者引用的场景：
mouseout一般只应用在没有嵌套的元素或者标签上，效果比如说：当你鼠标离开一个button按钮的时候，可以给用户一些提示。
mouseleave一般用在网站导航栏，鼠标指向导航栏显示隐藏的div层，而这个时候移出事件就需要mouseleave事件，因为你弹出的层里面可能元素比较多，你鼠标在层上一滑动，可能就导致刚才冒泡说的，引起鼠标还没离开整个大的DIV层，就关闭了。
定义和用法：
当点击元素时，会发生 click 事件。
当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click。
click() 方法触发 click 事件，或规定当发生 click 事件时运行的函数。
鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。
1、click事件：点击鼠标左键时触发
$('p').click(function(){});
示例：
123 $('p').click(function(){ alert('click function is running !'); });
2、dbclick事件：迅速连续的两次点击时触发
$('p').dbclick(function(){});
示例：
123 $("button").dblclick(function(){ $("p").slideToggle();});
3、mousedown事件：按下鼠标时触发
$('p').mousedown(function(){});
示例
123 $("button").mousedown(function(){ $("p").slideToggle();});
4、mouseup事件：松开鼠标时触发
$('p').mouseup(function(){});
示例：
123 $("button").mouseup(function(){ $("p").slideToggle();});
5、mouseover事件：鼠标从一个元素移入另一个元素时触发
mouseout事件：鼠标移出元素时触发
$('p').mouseover(function(){});
$('p').mouseout(function(){});
示例：
123456 $("p").mouseover(function(){ $("p").css("background-color","yellow");});$("p").mouseout(function(){ $("p").css("background-color","#E9E9E4");});
6、mouseenter事件：鼠标移入元素时触发
mouseleave事件：鼠标移出元素时触发
$('p').mouseenter(function(){});
$('p').mouseleave(function(){});
示例
123456 $("p").mouseenter(function(){ $("p").css("background-color","yellow");});$("p").mouseleave(function(){ $("p").css("background-color","#E9E9E4");});
7、hover事件
$('p').hover(
function(){},
function(){}
);
示例
123456789 $(".table_list tr").hover( function () { $(this).addClass("hover"); }, function () { $(this).removeClass("hover"); } );
8、toggle事件：鼠标点击切换事件
$('p').toggle(
function(){},
function(){}
);
示例
12345678 $("p").toggle( function(){ $("body").css("background-color","green");}, function(){ $("body").css("background-color","red");}, function(){ $("body").css("background-color","yellow");}
mouseenter([[data],fn])概述当鼠标指针穿过元素时，会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用。
案例：
//鼠标经过元素事件
$("p").mouseenter(function(){
$("p").css("background-color","yellow"); //鼠标经过元素事件执行的事件
});