站长资源网络编程

DIV+CSS 滑动门技术的简单例子

整理:jimmy2024/10/26浏览2
简介作者:zishu以下是客齐集网站上应用的一个导航条.这次写的没有直接在STYLE里用ID的形式控制.全部用的CLASS形式; 复制代码 代码如下:
  • 兼职实习
  • 车辆买卖
  • 同城活动
  • 房屋租售
  • 同城寻缘
  • 跳蚤市场
  • 个人服务
  • 学习与培训培训

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
说明:

1.CSS没有特别的优化.
2.可自动适应多字和少字.例如:学习与培训培训是7个字;
3.用到了两张图片.左边一张.右边一张;
4.加了鼠标移上去跳一下的效果;
5.这个例子写的不复杂.合适于初学者;

如果你认为这个色彩不玄,你可以看一下这个例子. 也许你会喜欢. 
仿淘宝首页导航条布局效果

上一篇:给自己的网站制作一个favicon.ico图标的实现方法

下一篇:编写纯 CSS 弹出菜单的原理及实现 By shawl.qiu