征途人生&梦

我的编程之路

js之上翻隐藏

$(".upturn").hover(function(){
    $(this).find("div:first").animate({"margin-top":"-48px"},200);
  },function(){
    $(this).find("div:first").animate({"margin-top":"0"},200);

  });



 .one-quick-menu{width:100%; height: 60px;  margin-top: 20px; position: relative; overflow: hidden;}
 .one-quick-menu ul li{float:left;}
 .one-quick-menu ul .content{width:150px; padding-left: 85px; padding-top: 8px;}
 .one-quick-menu ul .content h2{color:#de1d31;font-size: 14px;}
 .one-quick-menu ul .content h2 span{font-size: 18px;}
 .one-quick-menu ul .content .upturn-toggle{margin-top: 10px;}


<div class="one-quick-menu bg-white mt20">
<ul>
<li class="content upturn">
<div class="quick-price">
<h2><span>快速</span>上传</h2>
<p>海量曝光</p>
</div>
<div class="upturn-toggle">
<p>批量上传</p>
<p>让企业曝光度几何级增长</p>
</div>
</li>
<li class="line">/</li>
<li class="content upturn">
<div class="up-price">
<h2><span>快速</span>上传</h2>
<p>海量曝光</p>
</div>
<div class="upturn-toggle">
<p>批量上传</p>
<p>让企业曝光度几何级增长</p>
</div>
</li>
</ul>
</div>

阅读更多
个人分类: js文章
想对作者说点什么? 我来说一句

js实现图片轮翻滚动

2008年11月11日 156KB 下载

水晶上翻的js导航菜单

2012年10月13日 31KB 下载

没有更多推荐了,返回首页

不良信息举报

js之上翻隐藏

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭