a372900905的博客

jQuery实现居于左侧的弹出菜单 .box-163css{ position:absolute; left:0; top:220px; background:#f5f5f5; line-height:117px;} #box{ width:0; overflow:hidden; float:left;} .btn1{ display:block; border:none; cursor:pointer; float:left; background:url(../images/slide-button-active.gif) no-repeat; width:43px; height:117px; text-indent:-999em; outline:none;} .active{background:url(../images/slide-button.gif) no-repeat;display:block;float:left; width:43px; height:117px; text-indent:-999em;border:none; cursor:pointer; outline:none;}

带竖向滚动条的图组展示效果 .box-163css{position:relative;height:330px;border:solid 1px #ddd;width:600px;margin:20px auto;} .picul{ width:100%; float:left;} .picul li{ width:115px; height:115px; float:left; margin:0 7px 25px 7px; padding:1px; border:1px solid #ccc;} .picul li a{ display:block;} .picul li img{width:100%; height:100%;} #dv_scroll{position:absolute;height:310px;overflow:hidden;width:570px; top:15px;} .Scroller-Container{width:100%;} #dv_scroll_bar{position:absolute;right:0;top:10px;width:14px;height:310px;border-left:1px solid #B5B5B5;} .Scrollbar-Track{position:absolute;left:0;top:20px;width:13px;height:270px;} .Scrollbar-Handle{position:absolute;left:-7px;top:0;width:13px;height:103px;overflow:hidden;background:url(../images/srcoll.gif) no-repeat;cursor:pointer;} #dv_scroll_text{position:absolute;}

一：与字体有关的 font-size: 11px; //定义字体大小 COLOR: #000; //字体颜色 ……

v页头：header 登录条：loginBar 标志：logo 侧栏：sideBar 广告：banner 导航：nav 子导航：subNav 菜单：menu 子菜单：subMenu 搜索：search 滚动：scroll

在写CSS的时候，经常为一些名字而发愁，比如说菜单后面的背景要用什么词来表示呢？大家都知道，菜单一般用menu来表示，那么菜单后面的背景我会用menubg，CSS里就写#menubg {…}。

我们在结构层中已经将所有用于创建九宫格的结构全部删除了，那么在我们就要在行为层（js）中动态的创建它。 在这里我们会遇到一个问题：我们想将所有应用了class="box"的div都用循环的方式遍历出来……

1、不要将链接全部放在图像中 2、慎用自动滚动 3、不要用延时效果的javascript ……

　　模仿语言包式的简繁转换功能插件，轻松实现繁体和简体互换，很方便，只有一个JS文件。