                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /展開(kāi)與收起效果

為什么總感覺(jué)JavaScript的代碼沒(méi)用啊

<html>

<head>

body{

margin: 0 auto;

padding: 0;

font-size: 9pt;

line-height: 180%;

}

#pn

{

background: #f8f8f8;

height: auto;

display: block;

width: 750px;

margin: 0 auto;

padding: 0;

}

.btn{

width: 80px;

height: 20px;

padding: 5px 3px 5px 3px;

text-decoration: none;

text-align: center;

background: #f0f0f0;

border: ?1px solid #ccc;

}

.content{

border: 1px solid #ccc;

display: ?none;

}

.title{

font-weight: bold;

color: #3030FF;

}

.subtitle{

color: #CCC;

}

.btm{

text-align: right;

height: 30px;

text-decoration: none;

}

</style>

function showdiv(obj){

var x=obj.parentNode; ?//摘要

var y=x.nextSibling; //正文

y.style.display="block";

x.style.display="none";

}

function hidediv(obj){

var x=obj.parentNode.parentNode; ?//正文

var y=x.nextSibling; //

y.style.display="none";

x.style.display="block";

}

</script>

</head>

<body>

? <div>

? <p class="title">Slack：團(tuán)隊(duì)日常溝通協(xié)作工具典范</p>

? <p class="subtitle"> ?作者：來(lái)自網(wǎng)絡(luò) 發(fā)表時(shí)間：2014-3-1</p>

? <p>現(xiàn)在可以在Slack.com上申請(qǐng)成為試用用戶，這是一個(gè)面對(duì)企業(yè)、團(tuán)隊(duì)的協(xié)作工具，似乎需要試用企業(yè)域名后綴的郵箱。 Slack從目前看，基本符合我對(duì)團(tuán)隊(duì)溝通工具的完全要求。特點(diǎn)如下：

? ? ? ? ? ? ? ? 在所有端都可以進(jìn)行，即桌面端，包括Mac OS和Windows系統(tǒng)；web端即瀏覽器；移動(dòng)端的支持包括iOS和Android。同時(shí)，移動(dòng)端是有良好體驗(yàn)以滿足移動(dòng)辦公便利性的。

? ? ? ? ? ? ? ? 聚焦核心行為，即"發(fā)布一條信息"，團(tuán)隊(duì)成員只需要做一個(gè)這個(gè)基本行為即可。發(fā)布一條.<a onclick="showdiv(this);" href="#">全文</a></p>

? <div class="content">

? 現(xiàn)在可以在Slack.com上申請(qǐng)成為試用用戶，這是一個(gè)面對(duì)企業(yè)、團(tuán)隊(duì)的協(xié)作工具，似乎需要試用企業(yè)域名后綴的郵箱。 Slack從目前看，基本符合我對(duì)團(tuán)隊(duì)溝通工具的完全要求。特點(diǎn)如下：</p>

? ? ? ? ? ? ? ? <p>

? ? ? ? ? ? ? ? ? ? 在所有端都可以進(jìn)行，即桌面端，包括Mac OS和Windows系統(tǒng)；web端即瀏覽器；移動(dòng)端的支持包括iOS和Android。</p>

? ? ? ? ? ? ? ? <p>

? ? ? ? ? ? ? ? ? ? 同時(shí)，移動(dòng)端是有良好體驗(yàn)以滿足移動(dòng)辦公便利性的。</p>

? ? ? ? ? ? ? ? <p>

? ? ? ? ? ? ? ? ? ? 聚焦核心行為，即“發(fā)布一條信息”，團(tuán)隊(duì)成員只需要做一個(gè)這個(gè)基本行為即可。</p>

? ? ? ? ? ? ? ? ?<p>

? ? ? ? ? ? ? ? ? ? 發(fā)布一條信息這個(gè)行為可以擴(kuò)展成為該信息是一個(gè)圖片或者一個(gè)文件等，以便協(xié)作更好進(jìn)行，如果文件能快速預(yù)覽則更好。</p>

? ? ? ? ? ? ? ? <p>

? ? ? ? ? ? ? ? ? ? 支持@方式直接和單個(gè)團(tuán)隊(duì)成員溝通，并且能夠被其他成員看到和參與進(jìn)來(lái)。</p>

? ? ? ? ? ? ? ? <p>

? ? ? ? ? ? ? ? ? ? 以#來(lái)進(jìn)行快速形成話題組或者項(xiàng)目組。</p>

? ? ? ? ? ? ? ? <p>

? ? ? ? ? ? ? ? ? ? 良好的搜索支持。上述雖然是Slack的特性，也是我對(duì)團(tuán)隊(duì)日常協(xié)作工具的要求——顯然，Slack完全符合這些要求，而且產(chǎn)品做得很易用。這些要求其實(shí)就是我對(duì)“移動(dòng)、社交、云端存儲(chǔ)”的理解，這三個(gè)因素基本會(huì)重寫很多軟件和應(yīng)用。</p>

? ? ? ? ? ? ? ? <p>

? ? ? ? ? ? ? ? ? ? Slack有免費(fèi)的lite版本，但收費(fèi)版本似乎價(jià)格對(duì)中文用戶而言略高。</p>

? ? ? ? ? ? ? ? <p>

? ? ? ? ? ? ? ? ? ? Slack由我很喜歡的項(xiàng)目Flickr的創(chuàng)始人新公司TinySpeck創(chuàng)辦，因此基礎(chǔ)甚好。而且從目前看，基本上會(huì)成為一個(gè)很成功的應(yīng)用，所以在產(chǎn)品持續(xù)發(fā)展上面應(yīng)該毫無(wú)問(wèn)題。</p>

? ? ? ? ? ? ? ? <p>

? ? ? ? ? ? ? ? ? ? The post Slack：團(tuán)隊(duì)日常溝通協(xié)作工具典范 appeared first on 游山打獵.</p>

? <div class="btm">

? <a href="#" class="btn" onclick="hidediv(this);">收起全文</a>

? </div>

</div>

</body>

</html>