导航制作

<li style=" float:left;border:2px solid #8A0000;background-color:#ffffff;font-size:9pt;margin:0px;padding:0px 20px 0px 20px;">

<a style=color:#FCBDC6;text-decoration:none;">

<a style=" height:26px;   line-height:26px; ">

.nav_layout .nav ul li:hover ul{
display:block;
}
 .nav_layout .nav ul li:hover ul li{
    width:100px; 
    height:30px; 
}
 .nav_layout .nav ul li:hover ul li a{
display:block;
width:96px; 
    height:26px; 
    line-height:26px;
text-align:center;
}

简单图片缩放组件

<div class="sub">
<img src="assets/images/index_160.png">		
			<div data-widget-config="{
	          'trigger':'.sub',
	          'align':{
	                  'node':'.sub',
	                  'offset':[0,0],
	                  'points':['tr','tl']
	                  }
	            }" data-widget-type="Popup" class="J_TWidget hidden">
			    <div>
			       <img src="assets/images/index.png">
			    </div>
			</div>
</div>

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
<div class="edt" id="e_body">
	<div id="e_controls" class="bar">
	<div id="e_button" class="btn cl">
	<div class="b2r nbr nbl" id="e_adv_s2">
		<a id="e_bold" title="文字加粗">B</a>
		<a id="e_italic" title="文字斜体">I</a>
		<a id="e_underline" title="文字加下划线">U</a>
		<a id="e_forecolor" title="设置文字颜色">Color</a>
		<a id="e_backcolor" title="设置文字背景色">BgColor</a>
		<a id="e_url" title="添加链接">Url</a>
	</div>
	
	
	</div>
	</div>
</div>

editor.gif

/*style.css*/

.edt .bar a{
float:left;
border:1px solid #F2F2F2;
background:transparent url(image/editor/editor.gif) no-repeat 0 0;
}


.edt .b2r a{
width:20px;
height:20px;
/*文字对齐*/
text-indent:-9999px;
}
/*分割*/
#e_bold{background-position:0 0;}
#e_italic{background-position:-20px 0;}
#e_underline{background-position:-40px 0;}
#e_forecolor{background-position:-60px 0;}
#e_backcolor{background-position:-80px 0;}
#e_url{background-position:-40px -20px;}