&

優化textarea的樣式---背景圖片的實現

admin

2010年4月26日 23:23 本文熱度 7588

[p]1，初始狀態：[br][img]http://72color.com/upload/200907271344392134.jpg[/img][br]當鼠標點進去寫東西的時候，如下圖：[br][img]http://72color.com/upload/200907271344426615.jpg[/img][br]默認用了一個bg圖片，在文本框獲得一次焦點后把背景圖片去掉了，后來再失去焦點的時候用的是第三個樣式。[br]代碼是copy下來的，圖片路徑修改成了絕對路徑。 [br][br][/p] [url=http://72color.com/post/165.html#viewsource]view source[/url] [url=http://72color.com/post/165.html#printsource]print[/url][url=http://72color.com/post/165.html#about]?[/url] 01. 02. 03. 04.輸入框textarea提示點擊消失效果 - 時代前端 05. 06. 11. 13. 14. 15.

由時代前端收集整理 [url=http://52shidai.com/]http://52shidai.com/[/url] 時代前端

16.

17.</body> 
18.</html>
<div align="right" style="color:darkgrey;font-size:12px;"><br>該文章在 2010/4/26 23:23:12 編輯過</div></div>

</div>
		</td>
		<td id="td_rightpart" class="vtclgntop">
			<div   id="v6fgzc1vch"   class="closely boxborder">
				
				<div   id="v6fgzc1vch"   class="ultitle">關鍵字查詢</div>
				<div   id="v6fgzc1vch"   class="searchitem">
					
					<div><label><input type="checkbox" name="searchword" value="優化"  checked/>優化<label></div>
					
					<div><label><input type="checkbox" name="searchword" value="實現"  checked/>實現<label></div>
					
					<div><label><input type="checkbox" name="searchword" value="圖片"  checked/>圖片<label></div>
					
					<div><label><input type="checkbox" name="searchword" value="樣式" />樣式<label></div>
					
					<div><label><input type="checkbox" name="searchword" value="背景" />背景<label></div>
					<input type="button" value="查詢" class="button_40px" onclick="search_other_keyword()"/>
				</div>
				
				<div   id="v6fgzc1vch"   class="ultitle">相關文章</div>
				<div   class="v6fgzc1vch"   id="closely_list_area"><div style="padding:20px;text-align:center;">正在查詢...</div></div>
			</div>
			<div   id="v6fgzc1vch"   class="fixedtop">
			<div   id="v6fgzc1vch"   class="gg ggshadow">
	<a  target="_blank"><img src="images/gg1erp300_120.png" alt="點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。" title="點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。"/></a>
</div>
<div   id="v6fgzc1vch"   class="gg ggshadow">
	<a  target="_blank"><img src="images/gg2pms300_120.png" alt="點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理，結合碼頭的業務特點，圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業的高效ERP管理信息系統。" title="點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理，結合碼頭的業務特點，圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業的高效ERP管理信息系統。"/></a>
</div>
<div   id="v6fgzc1vch"   class="gg ggshadow">
	<a  target="_blank"><img src="images/gg3wms300_120.png" alt="點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。" title="點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。"/></a>
</div>
<div   id="v6fgzc1vch"   class="gg ggshadow">
	<a  target="_blank"><img src="images/gg4oa300_120.png" alt="點晴免費OA是一款軟件和通用服務都免費，不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。" title="點晴免費OA是一款軟件和通用服務都免費，不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。"/></a>
</div>
			</div>
		</td>
	</tr>
	</table>
</div>
<script type="text/javascript" src="js/prism.js"></script>
<script type="text/javascript">
getCloselyArticle();
var titlelist="";
try{
	var cj=JSON.parse('[]');
	for(var i=0;i<cj.length;i++){
		titlelist=titlelist+'<li><a href="showbbs.asp?id='+cj[i].id+'" target="_blank">'+cj[i].title+'</a></li>';
	}
	if(titlelist!=""){titlelist='<ul class="ulist">'+ titlelist +'</ul>';}
	document.getElementById("closely_list_area").innerHTML=titlelist;
}catch(err){}

Prism.hooks.add('before-sanity-check', function (env) {
  env.element.innerHTML = env.element.innerHTML.replace(/<br>/g, '\n');
  env.code = env.element.textContent;
});

</script>
<div style="font-size:12px;">
 <div align="center">Copyright 2010-2025 <a target=_blank href=http://www.rfklfw.com>ClickSun</a> All Rights Reserved</div><br></div>
<a href="http://www.rfklfw.com/">黄频国产免费高清视频,久久不卡精品中文字幕一区,激情五月天AV电影在线观看,欧美国产韩国日本一区二区</a>
<div style="position:fixed;left:-9000px;top:-9000px;"></div>
<a href="http://huiyucai.com" target="_blank">亚洲国产成久久综合片
</a>|
<a href="http://sdefv.com" target="_blank">亚洲中文影片在线看
</a>|
<a href="http://lfxhkj.com" target="_blank">日韩一区二区三区久久综合
</a>|
<a href="http://eefjeludwig.com" target="_blank">亚洲国产视频a在线观看
</a>|
<a href="http://mcldlb.com" target="_blank">午夜福利视频网站
</a>|
<a href="http://taozustore.com" target="_blank">五月天Av中文在线
</a>|