导航制作

转载 2015年07月10日 13:00:04

<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;}




相关文章推荐

Anylogic中导航栏超链接制作

  • 2017年08月23日 14:55
  • 19KB
  • 下载

简易css导航制作

  • 2016年01月07日 12:30
  • 23.16MB
  • 下载

制作3D旋转导航综合练习题

小伙伴们,根据变形transform和过渡transition等内容,实现如下3D旋转动画下拉导航 案例在线演示地址:http://codepen.io/airen/pen/icFba ...

flash 制作导航菜单

  • 2013年04月07日 01:42
  • 132KB
  • 下载

滑动门制作的月光博客导航栏

  • 2013年01月10日 13:51
  • 3KB
  • 下载

网页制作实践步骤一 导航栏

第一次手写css代码,好酸爽; 实现一个比较正常的导航栏,效果如下: 登录的效果还是十分的有意思: .header_right a.btn{ background: #FFF n...

div+css制作的几款好看的导航栏

  • 2012年11月07日 14:00
  • 5KB
  • 下载

flash图标制作导航

  • 2010年05月29日 16:05
  • 788KB
  • 下载

如何利用jQuery制作下拉导航菜单

下拉导航菜单可以用jQuery制作,首先做三个导航条(css代码省略了)       衬衫               短袖衬衫         长袖衬衫         短袖T...

HTML5浮动-制作QQ会员页面导航

  • 2017年08月29日 22:04
  • 14KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:导航制作
举报原因:
原因补充:

(最多只允许输入30个字)