最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

jQuery腾讯肌肤缺水指数测试

来源:http://www.erdangjiade.com/ 沐浴春风 2015-08-20 03:12浏览(1628)

群里有人分享出来的肌肤测试效果。

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

jQuery腾讯肌肤缺水指数测试
分类:其它特效 > jQuery插件 难易:中级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 30 积分

HTML

<div class="tc_wt_box six"> 
     <h2>你的工作是咩?</h2> 
     <ul> 
      <li class="one" bcolor="yellow">学生党</li> 
      <li class="two" bcolor="red">苦逼<br />加班族</li> 
      <li class="two" bcolor="yellow">个体<br />老板</li> 
      <li class="one" bcolor="yellow">家庭主妇</li> 
      <li class="one" bcolor="blue">自由人</li> 
      <li class="one" bcolor="orange">上班族</li> 
     </ul> 
    </div> 
    <div class="tc_wt_box sev"> 
     <h2>如果不是萌妹子,那你是?</h2> 
     <ul> 
      <li class="one" bcolor="red">女汉子</li> 
      <li class="one" bcolor="orange">女强人</li> 
      <li class="one" bcolor="blue">白富美</li> 
      <li class="one" bcolor="yellow">文艺控</li> 
      <li class="one ml" bcolor="orange">女屌丝</li> 
      <li class="one" bcolor="yellow">萌妹子</li> 
      <li class="one" bcolor="blue">小清新</li> 
     </ul> 
</div>

引入jQuery库、测试css和js

<link type="text/css" href="style/css/page.css" rel="stylesheet" />
<script type="text/javascript" src="style/js/jquery.js"></script> 
<script type="text/javascript" src="style/js/test.js"></script

js/test.js

//问题答案点击
function change(now) {
    $('.test .tc_wt_box').eq(now).show().find('h2').animate({
        'margin-top': '150px',
        'opacity': '1'
    },
    600,
    function() {
        $('.test .tc_wt_box').eq(now).find('li').each(function(i) {
            $(this).delay(i * 100).fadeIn(350);
        });
    });
}
标签: qq测试test腾讯
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/262.html
评论1
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 沙发
    02-20 13:14
    LMQxs
    http://www.erdangjiade.com/Member/downloaded.html
1 2