js之上翻隐藏

原创 2015年07月10日 16:41:52

$(".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>

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

Android下拉上滑显示与隐藏Toolbar另一种实现

关于介绍就不说了,不使用嵌套滑动情况下,另一种实现,当然还可以用design包下的CoordinatorLayout.Behavior。比较简单直接添代码:继承RecyclerView.OnScrol...

[官翻] 隐藏状态栏

android的状态栏的隐藏是初级新手遇到的一个比较头疼的问题,原因是android的版本不同而需要兼容导致的。 这篇文章是翻译官网的。虽然本人英语烂得要死,但对应那种一看全英文就心里发慌的人来说,总...

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

微信隐藏分享js

wx.config({ debug: false, appId: 'wxfc2df8df104e

点击隐藏js效果

runcode var lastFaqClick=null;//上次点击的faq window.onload=function(){ var faq=document

96.iOS各种 bar 隐藏的方法

iOS中 tabbar, navigationbar, statusbar 等隐藏的方法

隐藏Activity到后台而不关闭

moveTaskToBack()方法:在activity中调用 moveTaskToBack (boolean nonRoot)方法即可将activity 退到后台,注意不是finish()退出。 ...

iOS 10隐藏APP图标 – 让隐私的APP从桌面上消失

因为隐私方面的原因,我们有需求隐藏iOS系统中的APP,这里指的是所有的APP,而且是隐藏不是删除,也就是隐藏后还能正常使用,一般用第三方APP启动。想要GET这个技能吗,跟我来,一步都不能错哦!下面...

android基础知识----上滑标题变浅变透明

今天一个小学弟,有这个需求他问我,我就写了个简单的demo 首先说下思路这里用的scrollview,我需要自定义一个,然后监听y轴变化,然后将toolbar的高度分成255份,让y轴值除以一份然后...

展开/收起按钮显示隐藏文字js代码

Document *{padding:0;margin: 0;} .pn{width:400px; margin: 200px auto 0; background-color: #ddd;...

idTab直接跳转And隐藏(js)

一.js (function () {     var dep = { "jQuery": "http://code.jquery.com/jquery-latest.min.js" };   ...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)