专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅
 如果用传统的方法制作这个翻转菜单,至少需要把图片切成10块,还要加上JS代码,在图片按钮上再加行为,现在完全用CSS来实现,图片只要一张,见下图:      CSS代码:  以下是引用片段:  #imgmenu{   width:450px;   height:25px;/*高度是背景图片的一半*/   background:url(/imagelist/06/43/473648jpj0j1.gif);   list-style-type:none;   padding:0px;   margin:0px;   }   #imgmenuli{   flo [阅读全文] [PDF]
  一个非常棒的DIV+CSS导航条效果!看下面的图片:  看下面的代码: Example Source Code [www.52css.com]<style>*{margin:0;padding:0;list-style:none;}body{font-size:12px;margin:100px;}#info{border:1pxsolid#BCFF1D;width:348px;background:#D6FF8Curl(http://shanghai.kijiji.cn/cg_img/home_r_bg1.gif)no-rep [阅读全文] [PDF]
  客齐集首页的一个效果,今天有人问我是怎么写的,于是晚上就又重写了一个;顺便把那个布局再理一下;  你可以先看一下客齐集首页的效果:http://shanghai.kijiji.cn  我试着不用position:absolute的方法;但写起来太难了;后来还是用position:absolute了;但在客齐集站上的是没有用的;真不知道当时是怎么写出来的;  以下是效果图:  以下是布局部分: Example Source Code [www.52css.com]<divid=\"info\"><divid=\"kjj_ta [阅读全文] [PDF]
淘宝的导航条效果估计很多人都看过吧,也有不少人想要这个代码,呵呵,今天特地分析了一下他的代码,给大家分享一下。 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"><html xmlns=\"http://www.w3.org/1999/xhtml\"><head> <title>CSS仿淘宝首页导航条布局效果</title&g [阅读全文] [PDF]
按照传统的方法,导航条由放在一行表格单元里的图形图像构成。由于人们不再推荐用表格来定位任何非表格的页面内容,所以很多制作Web的人正在寻找(新的)方法,用结构化的XHTML标记和CSS格式来创建导航条。 一个简单的CSS导航条创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里,就像例A里的一样。这种方法看起来很合理也很直观。但问题是,把所有的链接都放在一行文本里就很难控制链接之间以及前后的空白。所以,为了避免所有的链接都挤在一起,你最后通常都不得不插入管道(垂直条)和非换行的空白字符作为分隔符。就如下面的代码所示,结果很难是我们所要的清晰、结构 [阅读全文] [PDF]
1 共5条 分1页