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>

网页中图片轮翻效果(js+jQuery实现)

做网页遇到的问题,老师强调实现图片轮翻效果,之前对网页一窍不通 感觉太难了,就把几张图片合成了一张gif图片放上去了...
  • u011639256
  • u011639256
  • 2014年07月08日 19:44
  • 1940

[官翻] 隐藏状态栏

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

js控制隐藏或显示table的某一行

主要JS如下:(兼容browser: IE9, FireFox, Chrome, 360 safe) var row = document.getElementById(ro...
  • keenweiwei
  • keenweiwei
  • 2013年02月18日 11:13
  • 17104

原生js显示隐藏div区域块

此处对不同种类数据的聚类分析采用的是k-means算法, 点击下方查看k-means简介 (1)这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事这是一个...
  • liuhailiuhai12
  • liuhailiuhai12
  • 2017年02月21日 20:18
  • 4148

JS小游戏-仙剑翻牌

游戏介绍: 这是一个翻牌配对游戏,共十关。 1.游戏随机从42张牌中抽取9张进行游戏,每组为2张相同的牌,共18张牌。 2.连续翻到两张相同的为胜利,当9组全部翻到则过关。如不是翻到连续两张相同的,...
  • fdipzone
  • fdipzone
  • 2013年03月03日 12:27
  • 19148

iOS开发上下滑动UIScrollview隐藏或者显示导航栏

一、好多App都有上下滑动UIScrollview隐藏或者显示导航栏,在这里我说说我觉得有用的几种方法: 1.iOS8之后系统有一个属性hidesBarsOnSwipe  Objective-C代...
  • wgl_happy
  • wgl_happy
  • 2016年06月30日 17:37
  • 6836

js中设置控件的隐藏与显示

用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。当style.display="block"或style.visibili...
  • a6225301
  • a6225301
  • 2014年03月02日 13:05
  • 24791

js控制li的隐藏和显示

(html页面)                                  全部({$count})                钢琴谱({$count_...
  • u011781769
  • u011781769
  • 2014年08月12日 17:05
  • 6760

javascript实现显示和隐藏div方法汇总

15种方法实现div显示和隐藏 body{ margin: 0; } h1,h2{ margin: 0; } ul{ margin: 0; paddin...
  • tiana0
  • tiana0
  • 2017年01月14日 10:00
  • 2135

js动态控制表单的显示和隐藏

文章一: 无论是事先写好的,还是动态生成的,要找到指定的tr或td都必须知道其相关的一个属性,未必必须是id或name,然后无论是在一个table还是多个 table都可以通过document.get...
  • zhengqiqiqinqin
  • zhengqiqiqinqin
  • 2013年10月09日 18:04
  • 6265
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js之上翻隐藏
举报原因:
原因补充:

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