如果用传统的方法制作这个翻转菜单,至少需要把图片切成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页
- 单片机数码管:51单片机数码管显示的好帮手---MAX...
- 点阵显示屏:智能点阵显示屏HCMS-29xx/39xx及其应用
- 单片机教程:单片机编程入门七
- 汇编语言指令集:IBM-PC汇编语言指令集
- 数据传送指令:MCS-51数据传送指令
- 0083智能工社:浅谈足球游戏的人工智能
- 提拔将领:即时战略游戏将领指挥AI方案设想
- directinput:DirectInput 鼠标编程入门
- 实现爆炸后的振动效果
- 飞机射击类小游戏:有关飞机射击类游戏的设计原理
- 音效最好的播放器:游戏音乐和音效的播放
- 游戏调试:利用双计算机调试游戏程序
- 多任务处理:游戏中的多任务处理
- 电脑游戏中的人工智能制作
- 系统升级:角色扮演游戏的升级系统研究
- rpg游戏制作:深入RPG游戏制作—图形篇
- directdraw:通向DirectDraw的捷径
- 3d场景:如何在3D场景中加入Fog
- 游戏搜索:论游戏中的搜索问题(初级篇)
- directx如何使用:使用DirectX优化声音特性