影音时空

http://q.163.com

［手工］带翅膀的心

2008年08月07日 17:18:22 作者： solo.mon2

以下图例，依大小不同各有用途

下面是具体折叠方法，一看就会^^

再上个动画，做个演示

once in every life (aselin debison)

[返回顶部]

评论(14) 引用(2) 查看原文(84)

固定链接

http://solo.mon2.blog.163.com/blog/static/6250987020087751822759

正在加载博主信息...

正在加载博主日志...

圈内相关日志

正在加载分类相关日志...

公司简介 - 联系方法 - 招聘信息 - 客户服务 - 相关法律 - 用户反馈-

<div id="blog_${blog.id}">
	    <div id="blogMainTitle_${blog.id}" class="blogtitle" onclick="showHideContent('blogContent_${blog.id}', 'blogMainTitle_${blog.id}','${style}');" style="background:url(${style}/ico_up.gif) no-repeat 98% 50%" title="折叠/展开日志正文">
	   	  <div class="autoTrim" style="width:90%;">${blog.title|default:""|escape}</div>
	    </div>
	    <div class="blogsubtitle">
	    	<span>${NetEase.DateTime.formatDate(blog.publishTime,"yyyy年MM月dd日 HH:mm",true)}</span>
	    	<span>作者：
	    		<a class="secLink" href="${SpaceInfo.getSpaceLink(blog.userName)}" target="_blank">${blog.userNickname|escape}</a>
	    	</span>
	    </div>
	    <div id="blogContent_${blog.id}" style="width:740px;margin:0px auto;">
    	    <div id="blogtext_${blog.id}" class="blogtext">
		      ${blog.content|default:""}
		    </div>
		</div>
		<div style="margin:10px 20px;padding:0 20px;text-align:right;"><a class="secLink" href="#">[返回顶部]</a></div>
	    <div id="blogToolsDiv" class="blogtools secBorder">
	    	<span id="commentsLink" class="secText secBorder selecttedtab">
		    	<a class="secLink" href="#" onclick="BlogTools.openComments('${blog.id}', ${blog.commentCount}, ${blog.allowComment}, '${blog.permalink}');return false;">
		    		评论(<nobr id="comCount_${blog.id}">${blog.commentCount}</nobr>)
		    	</a>
	    	</span>
	    	<span id="trackbackLink" class="secText secBorder">
		    	<a class="secLink" href="#" onclick="BlogTools.openTrackbacks('${blog.id}', '${blog.trackbackUrl}');return false;">引用(<nobr id="refCount_${blog.id}">${blog.trackbackCount}</nobr>)</a>
	    	</span>
	    	<span id="spaceBlogLink" class="secText secBorder">
		    	<a class="secLink" href="#" onclick="window.open(SpaceInfo.getSpaceBlogLink('${blog.userName}','${blog.permalink}'));return false;">查看原文(<nobr id="accessCount_${blog.id}">${blog.accessCount}</nobr>)</a>
	    	</span> 
	    	{if isAdmin && CircleInfo.isEdit()}
	    	<span id="blogAdminLink" class="secText secBorder">
		    	<a class="secLink" href="#" onclick="BlogAdmin.showDialog();">[管理]</a>
	    	</span> 
	    	{/if}
			<input id="openPerma_${blog.id}" type="hidden" value="0"/>
	    	<input id="openCom_${blog.id}" type="hidden" value="1"/>
	    	<input id="openTrack_${blog.id}" type="hidden" value="2"/>
	    </div>
	    <div id="perma_${blog.id}" class="blogextend" style="display:none;">
      		<div class="blogextendtitle">
        		<div class="blogextendtitleright"><a id="aClosePerma${blog.id}" href="" onclick="BlogTools.closePermalink('${blog.id}');return false;"><img src="/style/common/icn_close.gif" title="关闭"/></a></div>固定链接
        	</div>
        	<div class="blogpermalink">
        		<a id="aPerma${blog.id}" href="${SpaceInfo.getSpaceBlogLink(blog.userName, blog.permalink)}" target="_blank">${SpaceInfo.getSpaceBlogLink(blog.userName, blog.permalink)}</a>
        		  
        	</div>
	  	</div>
	  	<div id="com_${blog.id}" class="blogextend">
	  		<div id="comShow_${blog.id}"></div>
	  		<div id="comPub_${blog.id}"></div>
	  	</div>
	  	<div id="track_${blog.id}" class="blogextend" style="display:none;"> 
	  	</div>
   </div>

<div class="blogextendtitle">
		<div class="blogextendtitleright"><a id="aCloseTb${blogId}" href="" onclick="BlogTools.openTrackbacks('${blog.id}', '${blog.trackbackUrl}');return false;">
			<img src="/style/common/icn_close.gif" title="关闭"/></a>
		</div>
	</div>
	<div class="blogtrackback">
		<div style="display:inline;">本文引用地址：</div>
		<div id="copyFinished_${blogId}" style="display:none;">  <img src="${style}/icon_ok_new.gif"/>复制引用链接成功</div>
		<div>
			<a id="tb_${blogId}" ><font color="#A2B3C4">${SpaceInfo.getSpaceLink(blog.userName)}/${tbUrl}</font></a>     
			<input id="imgCopyPerma${blogId}" class="button_input input_button" type="button" value=" 复 制 " title="复制引用链接" onclick="clickTBUrl('tb_${blogId}', 'copyFinished_${blogId}')" />  
			<input id="imgRefer${blogId}" class="button_input input_button" type="button" value=" 引 用 " title="引用这篇日志" 
				{if visitorName!=null && visitorName != ""}onclick="window.open('${SpaceInfo.getSpaceLink(visitorName)}/blog/getBlog.do?bid=${blogId}&r=1&host=${visitorName}&uid=${blog.userId}');"
				{else}onclick="showLoginDlg('');return false;" 
				{/if}/>
		</div>
		{if tbs == null || tbs.length == 0}
			
	    {else}
	    	引用此项的网络日志
			<ul class="blogtbul">
			{for tb in tbs}
		      <li class="secLink"><em>•</em><a href="${tb.referBlogUrl}" target="_blank">${tb.referBlogTitle|default:""|escape}</a> (引用人：<a href="${tb.referHomePage|default:""|escape}" target="_blank">${tb.referBloggerName|default:""|escape}</a>)</li>
		    {/for}
		    </ul>	
	    {/if}
	    </p>
	</div>

<div style="width:100%;">
  	<div>
  		<div style="float:left;width:45%;">
  			<a href="${SpaceInfo.getSpaceLink(profile.name)}" target="_blank" title="${openUserTips}"><img src='${formatMemberImageUrl(profile.imageShowUrl)}' width="75" height="75" class="imgwithborder"></a>
  		</div>
  		<div style="float:right;width:50%;">
  			<div class="autoTrim" style="width:100%;font-weight:bold;margin-bottom:10px;">
				<a class="secLink" href="${SpaceInfo.getSpaceLink(profile.name)}" target="_blank" title="${openUserTips}">
					${profile.nickname|default:" "|escape}
				</a>
			</div>
			<div style="marign-bottom:10px;">
				<div style="float:left;width:30%;">
				   		{if profile.gender!==null}
		    			{if profile.gender=='F'}
			    			<img src="/style/common/mm.gif" />
			    		{else if profile.gender=='M'}
			    			<img src="/style/common/gg.gif" />
			    		{/if}
			    	{/if}
				</div>
				<div style="float:left;width:65%;">
					{if profile.age ==-1||profile.age==null}
		    		{else}
		    		${profile.age|default:" "}岁
		    		{/if}
				</div>
			</div>
			<div style="clear:both;">
				{if profile.occupation>0 && profile.occupation<occupationArray.length} ${occupationArray[profile.occupation][1]|default:" "} {/if}
			</div>
		</div>
	</div>
  	<div style="clear:both;margin-top:5px;width:100%;overflow:hidden;word-break:break-all;">
		${profile.aboutMe|default:" "|escape}
	</div>
  </div>

<div class="pagebodyblockbody userdefineclass">
		<div class="subnavitem firLink" style="background-image:url(${style}/icn_file_all.gif);">
			<div {if loadType=='all'} class="selectItem"{/if}>
				<a href="#" onclick="BlogColumnLoader.switchColumn(-1)">所有日志(${circle.blogNum})</a>
			</div>
		</div>
		<div class="subnavitem firLink" style="background-image:url(/style/common/icn_sort.gif);">
			分类
		</div>
		<div style="margin-left:30px" class="subbody">
			<ul>
				{for circleColumn in circleColumns}
					<li class="secLink{if circleColumn.id==curColumn.id && loadType=='column'} selectItem{/if}"  style="cursor:pointer;margin-top:3px">
						<em>•</em><a href="#" onclick="BlogColumnLoader.switchColumn(${circleColumn.id})">${circleColumn.name}(${circleColumn.blogCount})</a>
					</li>
				{/for}	
				<hr style="width:100px;margin-left:0px;"/>
				<li class="secLink{if loadType=='author'} selectItem{/if}"  style="cursor:pointer;margin-top:3px">
					<em>•</em><a href="#" onclick="BlogColumnLoader.switchToAuthor(${curBlog.userId})">${curBlog.userNickname|escape}的文集</a>
				</li>
			</ul>
		</div>
		<div style="clear:both;"><br/></div>
	</div>