2013年2月

生活继续,梦想随行

好吧,我承认我已经很久很久没打理这个网站了。一方面觉着网站越看越无法入目,另一 方面确实是太懒了,有点空余时间基本都堆LOL和日本文化研究上去了,偶尔刷刷微博,穷 得瑟一番感觉这么凑合着过也挺好。

年后看着我妈给我明年准备的红内裤,顿时觉着是时候再出去闯荡一番了,即使不能好男 儿志在四方,怎么着也得攒钱娶房媳妇儿吧。连想带抄的做了一份感觉特牛逼的简历,遍 地撒网似得全国各地飞了许多,很多如同石沉大海,让我感觉浪费了一份特牛逼的简历, 也陆陆续续收到一些回复及橄榄枝。好吧,我又得承认我有选择恐惧症。在几份工作之间 摇摆不定!小钱大师说要帮我做选择,结果被我侃晕了,只好让我跟从内心的选择。嗯, 我又怂了!说服的了别人,却说服不了自己。

或许这些天的求职收获,就是让我将死的前端梦又迎来了第二春,当然,这事儿它不怪我 。每个人都有一个伟大的梦想,有人是妹纸多多,有人是地位显赫,有人是多金帅气。我 居然是能做个前端攻城师,没事发发前端大牛都顶礼舔脚的技术贴得瑟得瑟。活该屌丝撸 管命!但是凭着几年的UI设计师的经验和一些勉强拿得出手的HTML/CSS,强差人意的JS、 JQuery,没有大型前端开发项目经验!实在没有底气去和招聘官谈待遇谈条件。想去一个互联网公司从前端实习生做起,却真心无法想象再去靠父母接济去维持生活会是怎样一个场面,也无法说服自己放弃薪资让我很是心动的工作从头开始。在这个时候总希望能有人能够帮我抉择一条路,一条一路光明的路。可能今年的前端梦又得落的乱棍打死的下场,可能今年我还得继续靠着设计来混口饭吃,可能今年我还是一个似乎什么都懂似乎什么都不懂的网络多面手。但是生活要继续,梦想也应随行!

2013.02.23 凌晨

jQuery选择器应用实例

最近在学习JQuery,目前看到选择器这一章,也实验了几个例子。结果发现经常漏写 $ ,看来得多练习实践。下面是一个展开收缩的例子。很简单,也算是一个起点吧。(实例来自《锋利的jQuery》)

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
  <title>JQ选择器</title> 
  <script type="text/javascript" src="jquery-1.3.2.js" ></script> 
  <script type="text/javascript">   
        $(function(){ 
            var $category = $("ul li:gt(5):not(:last)"); 
            $category.hide(); 
            var $toggleBtn = $("div.showmore > a"); 
            $toggleBtn.click(function(){ 
                if($category.is(":visible")){ 
                    $category.hide(); 
                    $(".showmore a span").text("显示全部品牌"); 
                    }else{ 
                        $category.show(); 
                        $(".showmore a span").text("精简显示品牌"); 
                        } 
                    return false; 
            }) 
        }); 
  </script> 
  <style> 
    .SubCategoryBox{ width: 500px; text-align: center; min-height: 200px; border: 1px solid #333; margin: 200px auto;} 
    .SubCategoryBox ul{list-style: none;} 
    .SubCategoryBox ul li{ float: left; padding-right: 20px; line-height: 30px;} 
    .SubCategoryBox ul li a{font-size:14px; color: #666; text-decoration: none;} 
    .showmore{width: 120px; height: 25px; margin: 0 auto;} 
    .showmore a{font-size:14px; color: #666; text-decoration: none; line-height: 25px; border: 1px solid #333; padding: 5px;} 
  </style> 
</head> 

<body> 
    <div class="SubCategoryBox"> 
        <ul> 
            <li><a href="#">佳能</a><i>(304000)</i></li> 
            <li><a href="#">索尼</a><i>(213123)</i></li> 
            <li><a href="#">三星</a><i>(232312)</i></li> 
            <li><a href="#">尼康</a><i>(23132)</i></li> 
            <li><a href="#">松下</a><i>(54654)</i></li> 
            <li><a href="#">卡西欧</a><i>(213435)</i></li> 
            <li><a href="#">富士</a><i>(86543)</i></li> 
            <li><a href="#">柯达</a><i>(43536)</i></li> 
            <li><a href="#">宾得</a><i>(56754)</i></li> 
            <li><a href="#">理光</a><i>(45463)</i></li> 
            <li><a href="#">奥林巴斯</a><i>(78342)</i></li> 
            <li><a href="#">明基</a><i>(3456)</i></li> 
            <li><a href="#">爱国者</a><i>(5665)</i></li> 
            <li><a href="#">其他品牌相机</a><i>(7754)</i></li> 
        </ul> 
        <div class="showmore"> 
            <a href="more.html"><span>显示全部品牌</span></a> 
        </div> 
    </div> 
</body> 
</html>