<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><HTML
xmlns="http://www.w3.org/1999/xhtml"><HEAD>
<META content="text/html; charset=gb2312" http-equiv="Content-Type">
<STYLE type="text/css">
body{position:relative;margin:0;padding:55px 0 0 0;}
</STYLE>
<TITLE>鼠标移动到图片上方自动显示大图的jquery广告代码_特效脚本 js.itobe.cn</TITLE>
<SCRIPT type="text/javascript" src="index_files/jquery.js"></SCRIPT>
<STYLE type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.advbox{width:990px;margin:0 auto;}
#foot_bm a,p,p a{font-size:12px;color:#666;}
</STYLE>
<META name="GENERATOR" content="MSHTML 9.00.8112.16496"></HEAD>
<BODY ondragstart="return false" oncontextmenu="return false">
<DIV class="advbox"><A href="http://www.jb51.net/" target="_blank"><IMG id="ad_img"
alt="" src="index_files/T14V_QXXViXXXbr4Hs-990-45.png"></A> </DIV>
<SCRIPT type="text/javascript">
(function(j){
j(function(){
var img_s_src = "images/T14V_QXXViXXXbr4Hs-990-45.png",
img_b_src = "images/T17gDLXl4rXXarV7Th-990-500.png",
img_s_h = 45,
img_b_h = 500,
_ad_img = "#ad_img",
I = j(_ad_img),
A = I.parents().eq(0),
D = I.parents().eq(1),
interval = undefined,
delay = 3000,
interval2 = undefined,
delay2 = 500,
isZoomin = false,
img_s = new Image(),
img_b = new Image();
img_s.src = img_s_src;
img_b.src = img_b_src;
var start = function(){
interval = window.setTimeout(function(){
D.css({
overflow: "hidden",
position: "relative",
height: img_b_h
});
I.css({
position: "absolute",
left: 0,
top: 0
});
D.stop(true, true).animate({
height: img_s_h
});
I.stop(true, true).animate({
top: -(img_b_h - img_s_h)
}, function(){
I.attr("src", img_s.src).css("top", 0);
});
isZoomin = false;
}, delay);
}
var stop = function(){
window.clearTimeout(interval);
interval = undefined;
window.clearTimeout(interval2);
interval2 = undefined;
}
var zoom_in = function(){
I.attr("src", img_b.src);
D.css("height", img_b_h);
isZoomin = true;
}
D.hover(function(e){
e.stopPropagation();
e.preventDefault();
stop();
interval2 = window.setTimeout(zoom_in, delay2);
}, function(e){
e.stopPropagation();
e.preventDefault();
stop();
delay = 1000;
if(isZoomin) start();
});
//start();
});
})(jQuery);
</SCRIPT>
<BR>
<DIV style="color: rgb(102, 102, 102); clear: both; font-size: 12px;" id="foot_bm"
align="center"><A href="http://www.jb51.net/"
target="_blank"><STRONG>鼠标移动到图片上方自动显示大图的jquery广告代码</STRONG></A><A href="http://www.jb51.net/"
target="_blank">[源码下载][使用帮助]</A></DIV>
<P style="font-size: 12px;" align="center">代码整理：<A href="http://www.jb51.net/"
target="_blank">脚本之家</A>，转载请注明出处。 本代码仅限于学习交流，请勿用于商业用途! </P> </BODY></HTML>
jquery实现的鼠标移动到图片上方自动显示大图的广告特效源码.zip （5个子文件） 
132689937194447168 index_files 
jquery.js 78KB
T14V_QXXViXXXbr4Hs-990-45.png 57KB images T17gDLXl4rXXarV7Th-990-500.png 356KB T14V_QXXViXXXbr4Hs-990-45.png 57KB index.htm 3KB资源评论
