[理学]网页设计代码.doc

主页面文件夹movingbox.css * { margin: 0; padding: 0; } body { font: 11px Helvetica, Arial, sans-serif; } #intro { padding-bottom: 10px; } #slider { width: 800px; margin: 0 auto; position: relative; border: 10px solid #ccc; } .scroll { overflow: hidden; width: 800px; margin: 0 auto; position: relative; } .scrollContainer { position: relative; } .scrollContainer div.panel { padding: 10px; width: 274px; height: 318px; } #left-shadow { position: absolute; top: 0; left: 0; width: 12px; bottom: 0; background: url(../images/leftshadow.png) repeat-y; } #right-shadow { position: absolute; top: 0; right: 0; width: 12px; bottom: 0; background: url(../images/rightshadow.png) repeat-y; } .inside { padding: 10px; border: 1px solid #999; } .inside img { display: block; border: 1px solid #666; margin: 0 0 10px 0; width: 250px; } .inside h2 { font-weight: normal; color: #111; font-size: 16px; margin: 0 0 8px 0; } .inside p { font-size: 11px; color: #ccc; } a { color: #999; text-decoration: none; border-bottom: 1px dotted #ccc; } a:hover { border-bottom: 1px solid #999; } .scrollButtons { position: absolute; top: 127px; cursor: pointer; } .scrollButtons.left { left: -45px; } .scrollButtons.right { right: -45px; } .hide { display: none; } s3slider.css #slider { float: left; margin: 50px 0 0 50px; width: 400px; /* important to be same as image width */ height: 200px; /* important to be same as image height */ position: relative; /* important */ background: url(images/templatemo_banner_image_bg.jpg) no-repeat; overflow: hidden; } #sliderContent { padding: 10px; width: 380px; /* important to be same as image width or wider */ height: 180px; position: absolute; top: 0; margin-left: 0; } #sliderContent .sliderImage { float: left; position: relative; display: none; } .sliderImage span { position: absolute; font: 13px Arial, Helvetica, sans-serif; padding: 1