静态静态静态静态静态页面分页效果

静态分页

需积分: 9 5 下载量 79 浏览量 2008-10-08 10:18:50 上传评论收藏 6KB TXT 举报

温馨提示

试读

6页

静态页面分页效果静态页面分页效果静态页面分页效果静态页面分页效果静态页面分页效果静态页面分页效果静态页面分页效果静态页面分页效果静态页面分页效果静态页面分页效果静态页面分页效果静态页面分页效果

资源推荐

资源详情

资源评论

<!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" lang="gb2312">
<head>
<title>CSS+JS实现的静态页面翻页效果</title>
<style type="text/css">
* {
font : normal 12px/1.5em "Microsoft YaHei", Tahoma;
_font : normal 12px/1.5em Tahoma; /* CSS Hack For IE6 */
border: 0px;
margin: 0px;
padding: 0px;
overflow: hidden;
text-decoration: none;
*text-overflow: ellipsis; /* CSS Hack For IE7 & IE6 */
}
a {
color: #333;
}
a :link{
color: #333;
}
a:active{color:#FF6600}
a:hover {
color: #06c;

}
body {
background: #f3faff;
text-align: center;
}

ul {
list-style-type: none;
}
li {
margin-bottom: 13px; /* CSS Hack For Firefox */
*margin-bottom: 12px; /* CSS Hack For IE7 & IE6 */
_margin-bottom: 3%; /* CSS Hack For IE6 */
white-space: nowrap;
}
#Main_News {
/*background-color: teal;*/
border: 1px #acd0f0 solid;
width: 445px;
height: 402px;
}
#Content {
width: 425px;
height: 372px;
margin: 10px 10px 0px 10px;
_margin: 10px 5px 0px 5px; /* CSS Hack For IE6 */
overflow: hidden;
text-align: left;
}
#Pages {
width: 445px;
height: 20px;
margin: 0px;
text-align: right;
}
#Pages a:link{color:#000000}

剩余5页未读，继续阅读

评论收藏

内容反馈

资源评论