阿里巴巴css滑动菜单 ,滑动门
阿里巴巴的一款滑动分类菜单,效果很不错,但是使用了较多的图片,不过这些图片只是背景,不影响你修改菜单的文字,所以很值得大家使用,代码稍嫌多,学习CSS的朋友好好研究一下.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gb2312">
<title>滑动菜单 ,滑动门菜单,css滑动菜单</title>
<style type="text/css">
/*样式定义,由于左右滑动区宽度不同,所以代码略多*/
*{font-size:12px;}
body {margin:0px;border:0px;font-size:12px;background-color:#fff;}
a:link{color: #003278;text-decoration: none;}
a:visited{color: #003278;text-decoration: none;}
a:hover{color: #FF6600;text-decoration: underline;}
#slideBox{background:url(http://img.china.alibaba.com/images/cn/home/0110/slideBox_bg.gif);height:168px;width:178px;padding-left:5px;padding-right:5px;}
#slide{padding-top:5px}
#slide li img{margin-right:3px}
#slideBox ul{padding:0;margin:0;clear:both;list-style:none;overflow:hidden}
#slideBox li{float:left;font-weight:bold;height:37px !important;height:27px;}
#slideBox li a:link,#slideBox li a:visited{color:#000;}
#slideBox li a:hover{color:#ff7300;text-decoration: none}
#slideBox .l{background:url(http://img.china.alibaba.com/images/cn/home/0110/slideBox_tableft.gif);width:80px;}
#slideBox .r{background:url(http://img.china.alibaba.com/images/cn/home/0110/slideBox_tabright.gif);width:94px;float:right}
#slideBox .l_h{background:url(http://img.china.alibaba.com/images/cn/home/0110/slideBox_tableft_h.gif);width:80px;}
#slideBox .r_h{background:url(http://img.china.alibaba.com/images/cn/home/0110/slideBox_tabright_h.gif);width:94px;float:right;}
#slideBox .hide{display:none}
#slideBox .l a{width:52px;}
#slideBox .r a{width:68px;}
.arrow{padding-left:8px;background:url(http://img.china.alibaba.com/images/cn/common/icon/v2/icon_arrow03_right_08x.gif) no-repeat;}
#slideBox .l a,#slideBox .r a,#slideBox .l_h a,
相关文档：
首先要说的是元素的border，元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。CSS border 属性允许你规定元素边框的样式、宽度和颜色。
CSS 边框
在 HTML 中，我们使用表格来创建文本周围的边框，但是通过使用 CSS 边框属性，我们可以创建出效果出色的边框，并且可以应用于任何元素。
元素外边距内就是元素 ......
css实现背景拉伸 制作页面时，有时需要在表格内插入背景图,我们可以使用CSS进行控制，代码：
style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position: right bottom;"
其中，./images/counter_bg.jpg为显示图片路径。 ......
ninjacontent组件在我的网站上显示不正常，想修改它的CSS使其正常，可是怎么也找不到它的CSS的位置，现在终于找到了，特把它记录下来，以备有遇到跟我一样问题的人查看。
CSS位置：网站根目录\media\com_ninjacontent\css\目录下。 ......
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="Zend Studio" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery test</title>
</head>
<style>
.lastp{bord ......
原理：
当两个同父元素z-index相同时，后面的元素显示在上面。
当z-index超过浏览器最大值时，浏览器会按最大值计算。
方法：
连续放置两个div元素d1，d2；并设定position:absolute及不同背景色。
设定d1.z-index = max + 1, d2.z-index = max；
当max + 1有效时，d1在前；当max + 1 无效时，d2在前。（参看原理） ......
