jquery旅游网站带标题的焦点图片切换代码怎么写
这篇文章主要讲解了"jquery旅游网站带标题的焦点图片切换代码怎么写",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"jquery旅游网站带标题的焦点图片切换代码怎么写"吧!
$(".content") .hover(function(){
$(this) .children(".txt").stop() .animate({height:"360px"},200);
$(this) .parent(".teacherPic") .css({"background":"url(images/"+($(this).attr('id'))+".jpg) no-repeat","-webkit-transition":"all 0.8s ease 0.2s","transition":"all 0.8s ease 0.2s"});
/* $(this) .parent(".teacherPic") .css("background","url(images/"+($(this).attr('id'))+".jpg) no-repeat");*/
$(this) .find(".txt h4").stop() .animate({paddingTop:"130"},550);
$(this) .find(".txt p").stop() .show();
},function(){
$(this) .children(".txt").stop() .animate({height:"100px"},200);
$(this) .find(".txt h4").stop().animate({paddingTop:"0px"},550);
$(this) .find(".txt p").stop() .hide();
})
感谢各位的阅读,以上就是"jquery旅游网站带标题的焦点图片切换代码怎么写"的内容了,经过本文的学习后,相信大家对jquery旅游网站带标题的焦点图片切换代码怎么写这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是,小编将为大家推送更多相关知识点的文章,欢迎关注!