作者： | 来源：互联网 | 2023-10-10 09:52
web前端|js教程jquery,图片切换web前端-js教程下面的代码对于学习jquery的朋友是个参考html代码：蜘蛛池程序源码,ubuntu怎么删除配置,商业爬虫廖雪峰,p
web前端|js教程
jquery,图片切换
web前端-js教程
下面的代码对于学习jquery的朋友是个参考
html代码：
蜘蛛池程序源码,ubuntu怎么删除配置,商业爬虫廖雪峰,php精炼,威海seo平台lzw
代码
影视吧 源码,宝塔面板与ubuntu,tomcat常见的安装路径,爬虫vip图片,支付php代码,和平区企业抖音seo优化选择lzw
Javascript：
外贸源码网站,ubuntu c1060,tomcat做游戏服务器,app爬虫技术学,php框架入门教程交流教程,前端提高seolzw
$(document).ready(function(){
var $warp = $("#warp");
$warp.IsRunning = false;
var secOnds= 500;
$warp.children("img").click(function(){
if($warp.IsRunning){return;}
$warp.IsRunning = true;
var $imgs = $("#warp").children("img");
$imgs.eq(2).css("marginTop","63px").animate({marginTop:"0px"},{duration:seconds});
$imgs.eq(0).css({position:"absolute",opacity:"0.5"}).animate({width:"108px", height:"57px",left:"372px",top:"126px",opacity:"1"},{duration:seconds});
//$imgs.eq(1).css({position:"absolute",left:"372px",top:"6px",opacity:"0.2"});
$imgs.eq(1).css({position:"absolute",left:"372px",top:"6px",opacity:"0.2",clear:"none"}).animate({width:"360px", height:"190px",left:"-9px",top:"-5px",opacity:"1"},{duration:seconds,complete:function(){
$imgs.eq(0).appendTo($("#warp"));
$imgs.eq(0).removeAttr("style").removeClass("imgBig").addClass("imgLittle");
$imgs.eq(1).removeAttr("style").removeClass("imgLittle").addClass("imgBig");
$warp.IsRunning = false;
}});
});
});
css代码：
.warp{width:487px; height:194px; overflow:hidden;border:solid 1px #ccc;position:relative; top:0px; left:0px; background-color:#fafafa}
.warp img{border-width:0px;cursor:pointer;position:relative; top:0px; left:0px}
.imgBig{float:left; width:360px; height:190px;padding:2px;}
.imgLittle{float:right; width:108px; height:57px;padding:6px 5px 0 10px;clear:right}
京公网安备 11010802041100号