해표
2016-04-17 14:01
조회: 3,852
추천: 4
게시물에 접기/펼치기(토글) 사용하기제가 사용 중인 건데요, <div onclick="document.getElementById('haepyo_1').style.display=(document.getElementById('haepyo_1').style.display=='none')?'block':'none';"> <a style="cursor: pointer; line-height: normal;">[열기/닫기]</a> </div> <div style="line-height: normal; DISPLAY: none" id=haepyo_1> [내용] </div> 이 내용을 원하는 곳에 추가하시면 됩니다. 글 작성할 때 오른쪽 위에 HTML 코드 추가를 하시면 편합니다. 'haepyo_1' 이 세 곳 있는데, haepyo는 다른 걸로 바꾸셔도 되고, 하나의 접기에는 세 곳(haepyo_1)이 같아야 합니다. 접기를 여러 곳에 사용하실 경우 각각 다르게 지정해주셔야 합니다. 예를 들어 노래 1에는 haepyo_1, 노래 2에는 haepyo_2 이런 식으로요. <div onclick="document.getElementById('haepyo_2').style.display=(document.getElementById('haepyo_2').style.display=='none')?'block':'none';"> <a style="cursor: pointer; line-height: normal;">[열기/닫기]</a> </div> <div style="line-height: normal; DISPLAY: none" id=haepyo_2> [내용] </div> <a style="cursor: pointer; line-height: normal;">[열기/닫기]</a> 이 부분이 제목이고요, [열기/닫기]가 보여질 제목, style로 글자 스타일을 정해줄 수 있습니다. (HTML 코드 추가하신 후에 스타일 변경하셔도 됩니다.) 그리고 [내용]에 접혀질 내용을 추가하시면 됩니다. [예시] [예시 스크립트] <div onclick="document.getElementById('haepyo_1').style.display=(document.getElementById('haepyo_1').style.display=='none')?'block':'none';"> <a style="font-size: 24pt; font-weight: bold; text-shadow: #0a6eff 0px 0px 5px; cursor: pointer; line-height: normal;">Daughtry - Waiting for Superman (클릭)</a> </div> <div style="line-height: normal; DISPLAY: none" id=haepyo_1> <div style="text-align: center;"><b>"Waiting For Superman"</b></div><div style="text-align: center;"><br /></div><div style="text-align: center;">She’s watching the taxi driver, he pulls away</div><div style="text-align: center;">She’s been locked up inside her apartment a hundred days</div><div style="text-align: center;"><br /></div><div style="text-align: center;">She says, “Yeah, he’s still coming, just a little bit late.</div><div style="text-align: center;">He got stuck at the laundromat washing his cape.”</div><div style="text-align: center;">She’s just watching the clouds roll by and they spell her name</div><div style="text-align: center;">Like Lois Lane</div><div style="text-align: center;">And she smiles, oh the way she smiles</div><div style="text-align: center;"><br /></div><div style="text-align: center;">She’s talking to angels,</div><div style="text-align: center;">Counting the stars</div><div style="text-align: center;">Making a wish on a passing car</div><div style="text-align: center;">She’s dancing with strangers,</div><div style="text-align: center;">Falling apart</div><div style="text-align: center;">Waiting for Superman to pick her up</div><div style="text-align: center;">In his arms, yeah, in his arms, yeah</div><div style="text-align: center;">Waiting for Superman</div><div style="text-align: center;"><br /></div><div style="text-align: center;">She’s out on the corner trying to catch a glimpse</div><div style="text-align: center;">Nothing’s making sense</div><div style="text-align: center;">She’s been chasing an answer, a sign lost in the abyss,</div><div style="text-align: center;">This Metropolis</div><div style="text-align: center;"><br /></div><div style="text-align: center;">She says, "Yeah, he’s still coming, just a little bit late.</div><div style="text-align: center;">He got stuck at the Five and Dime saving the day.”</div><div style="text-align: center;">She says, "If life was a movie, then it wouldn’t end like this,</div><div style="text-align: center;">Left without a kiss."</div><div style="text-align: center;">Still, she smiles, oh, the way she smiles, yeah</div><div style="text-align: center;"><br /></div><div style="text-align: center;">She’s talking to angels,</div><div style="text-align: center;">Counting the stars</div><div style="text-align: center;">Making a wish on a passing car</div><div style="text-align: center;">She’s dancing with strangers,</div><div style="text-align: center;">She’s falling apart</div><div style="text-align: center;">Waiting for Superman to pick her up</div><div style="text-align: center;">In his arms, yeah, in his arms, yeah</div><div style="text-align: center;">She’s waiting for Superman...</div><div style="text-align: center;"><br /></div><div style="text-align: center;">...to lift her up and take her anywhere</div><div style="text-align: center;">Show her love and flying through the air</div><div style="text-align: center;">Save her now before it’s too late tonight</div><div style="text-align: center;">Oh, at the speed of light</div><div style="text-align: center;">And she smiles</div><div style="text-align: center;"><br /></div><div style="text-align: center;">She’s talking to angels,</div><div style="text-align: center;">Counting the stars</div><div style="text-align: center;">Making a wish on a passing car</div><div style="text-align: center;">She’s dancing with strangers,</div><div style="text-align: center;">She’s falling apart</div><div style="text-align: center;">Waiting for Superman to pick her up</div><div style="text-align: center;">In his arms, yeah, in his arms, yeah</div><div style="text-align: center;">She’s waiting for Superman...</div><div style="text-align: center;"><br /></div><div style="text-align: center;">...to lift her up and take her anywhere</div><div style="text-align: center;">Show her love, oh, and flying through the air</div><div style="text-align: center;">Save her now before it’s too late tonight</div><div style="text-align: center;">She’s waiting for Superman</div><div style="text-align: center;"><br /></div> </div> 이 글 참고하시면 됩니다. (나비꽃 님 글) |