你这个用的是css3的属性,不能通过js控制,要想通过js控制就把这里去掉改用jquery的animate函数吧
你所需要的网站建设服务,我们均能行业靠前的水平为你提供.标准是产品质量的保证,主要从事网站设计、成都做网站、企业网站建设、手机网站制作、网页设计、品牌网站制作、网页制作、做网站、建网站。成都创新互联公司拥有实力坚强的技术研发团队及素养的视觉设计专才。
jquery给所有的图片所在div加上鼠标悬停事件,然后得到鼠标所在div(可以通过class/id)元素,再修改div的css样式,隐藏就是display:none。
flash比较熟悉,可以再图片上加一层透明层,监听mouseover事件,控制图片的切换。淡入淡出就简单了,同样加一个半透明渐变就可以了
$("img:eq(0)").mousemove(function(){
$(this).attr("src",$("img:eq(1)").attr("src"));
});
意思为
当鼠标移入
第1个img元素属性为src的值为,第2个img元素属性为src的值
或是也可写成
$("img:eq(0)").attr("src","images/2.jpg");
用HOVER事件来,鼠标放在图片上触发(图片名称是一样的.不是一样的话,这两个层的结构一样也行.)然后在JQUERY里用CSS加上边框颜色.
var sp2 = $("#sp2");
$("#sp1").mouseover(function(){
var me = $(this);
me.stop().animate({
width: "300px"
},600,function(){
sp2.css("marginRight","10px").show();
me.width("300px");
});
}).mouseout(function(){
var me = $(this);
me.stop().animate({
width: "100px"
},600,function(){
sp2.hide();
me.width("100px");
});
});