首先引用文件
<link rel="stylesheet" href="images/reset.css"> <link rel="stylesheet" href="images/layout.css"> <script src="jquery.js"></script>
初始化jquery代码如下：
//服务 $('.one_fourth_box').each(function(){ $(this).hover(function(){ $(this).children('.ofb-img').stop(true).animate({top:'-135px'}) $(this).children('.ofb-img-bottom').stop(true).animate({top:'25px'}) $(this).children('.ofb-text').stop(true).animate({top:'160px'}) $(this).children('.ofb-text-top').stop(true).animate({top:'25px'}) $(this).children('.ofb-bg').stop(true,true).fadeIn(); },function(){ $(this).children('.ofb-img').stop(true).animate({top:'25px'}) $(this).children('.ofb-img-bottom').stop(true).animate({top:'160px'}) $(this).children('.ofb-text').stop(true).animate({top:'25px'}) $(this).children('.ofb-text-top').stop(true).animate({top:'-110px'}) $(this).children('.ofb-bg').stop(true,true).fadeOut(); }) }) // 案例
*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
