5月20号工作

今天的工作

1、图片合并

图片合并的好处 要是拷贝9张图片一张图片为4.3kb的话 那就是要拷贝9个4.3kb的图片

那要是把图片合并成一个文件的话那就只要拷贝一次4kb的文件就可以了这样可以大大减少图片给用户带来的等待时间的问题


2、今天的拖拽布局的页面通过 jqueryui.com这个jquery库完成了拖拽的效果

<div class="class_div_body">
	<ul id="sortable">
		<div class="class_div_project">
			<div class="class_newproject">
				<p>创建新项目</p>
			</div>
			<div class="class_text">
				<textarea id="id_text" onfocus="focus_text()" onblur="blur_text()">输入内容</textarea>
			</div>
			<div id="id_yj" class="class_publish" onclick="click_publish()">
				<p>发布</p>
			</div>
			<div class="class_private">
				<input type="text" id="class_private"  value="私密" readonly="readonly">
				<img src="images/xiala.png" id="id_img_xiala"onclick="click_xiala()">
				<div class="class_select_body">
						<select size = "1" multiple id="id_select"  class="class_select">
						<option id="id_dj" onclick="click_dj()" 
	value="大叫">大叫</option>
						<option id="id_hj" onclick="click_hj()" 
	value="嚎叫">嚎叫</option>
						<option id="id_nh" onclick="click_nh()" 
	value="怒吼">怒吼</option>
					</select>
				</div>
			</div>
		</div>
		<li class="ui-state-default">
			<dl class="class_div_design">
				<dt><h1>产品开发设计1</h1></dt>
				<dd><h2>2013.3.18-2013.10.20</h2></dd>
				<dd><p>大家爱共同完成新产品的开发工作</p></dd>
				<dd><img src="images/touxiang.png" /></dd>
				<dd><h3>团子 <span class="span-time">最后更新2小时前</span></h3></dd>
			</dl>
		</li>
		<li class="ui-state-default">
			<dl class="class_div_design_logo">
				<dt><h1>公司LOGO22</h1></dt>
				<dd><h2>2013.3.18-2013.10.20</h2></dd>
				<dd><img src="images/touxiang.png" /></dd>
				<dd><h3>山药 <span class="span-time">最后更新3小时前</span></h3></dd>
			</dl>
		</li>
		<li class="ui-state-default">
			<dl class="class_div_design">
				<dt><h1>产品开发设计3</h1></dt>
				<dd><h2>2013.3.18-2013.10.20</h2></dd>
				<dd><p>大家爱共同完成新产品的开发工作</p></dd>
				<dd><img src="images/touxiang.png" /></dd>
				<dd><h3>团子 <span class="span-time">最后更新2小时前</span></h3></li>
			</dl>	
		</li>
		<li class="ui-state-default">
			<dl class="class_div_design_logo">
				<dt><h1>公司LOGO24</h1></dt>
				<dd><h2>2013.3.18-2013.10.20</h2></dd>
				<dd><img src="images/touxiang.png" /></dd>
				<dd><h3>山药 <span class="span-time">最后更新3小时前</span></h3></dd>
			</dl>
		</li>
		<li class="ui-state-default">
			<dl class="class_div_design">
				<dt><h1>产品开发设计5</h1></dt>
				<dd><h2>2013.3.18-2013.10.20</h2></dd>
				<dd><p>大家爱共同完成新产品的开发工作</p></dd>
				<dd><img src="images/touxiang.png" /></dd>
				<dd><h3>团子 <span class="span-time">最后更新2小时前</span></h3></dd>
			</dl>
		</li>
		<li class="ui-state-default">	
			<dl class="class_div_design_logo">
				<dt><h1>公司LOGO26</h1></dt>
				<dd><h2>2013.3.18-2013.10.20</h2></dd>
				<dd><img src="images/touxiang.png" /></dd>
				<dd><h3>山药 <span class="span-time">最后更新3小时前</span></h3></dd>
			</dl>
		</li>
		<li class="ui-state-default">
			<dl class="class_div_design">
				<dt><h1>产品开发设计7</h1></dt>
				<dd><h2>2013.3.18-2013.10.20</h2></dd>
				<dd><p>大家爱共同完成新产品的开发工作</p></dd>
				<dd><img src="images/touxiang.png" /></dd>
				<dd><h3>团子 <span class="span-time">最后更新2小时前</span></h3></dd>
			</dl>
		</li>
	</ul>

把里面的dl放到拖拽的效果里面实现了拖拽布局的效果

今天的单词

1、 gas /gaes/ 汽油
2、 grass /geuld/ 金色的
3、 gold /gra:s/ 草坪