Javascript+CSS实现Flash动态新闻效果(pp原创)
/* 图片新闻大小可以更改此样式 */
.pp_portal_imgNews {
position:relative;
text-align:left;
width:250px;
height:190px;
}
.pp_portal_imgNew {
position:absolute;
}
/* 图片样式 */
.pp_portal_imgNew img {
width:100%;
height:165px;
border:0;
}
/* 文字标题样式 */
.pp_portal_imgNew_title {
text-align:center;
margin-top:5px;
}
.pp_portal_imgNew_title a{
display:block;
color:#000;
text-decoration: none;
font-size: 14px;
font-weight: bold;
text-align:center;
}
/* 导航提示位置 */
.pp_portal_navLink {
position:absolute;
display:block;
right:0px;
bottom:5px;
}
/* 导航提示样式(未选择) */
.pp_portal_navLink a {
color:#fff;
text-align:center;
text-decoration: none;
}
.pp_portal_navLink li {
display:inline;
text-align:center;
background-color:#333;
width:15px;
margin-left:1px;
}
var newsNum = 4;
var nn = 1;
function pp_portal_selectPicNew(o) {
for(var i=1; inewsNum) nn=1
//alert(nn);
pp_portal_selectPicNew(nn);
nn++;
}
function pp_portal_picNew_auto() {
pp_portal_picNew_autoTask = setInterval('pp_portal_changePicNew()', 2000);
}
pp_portal_picNew_auto();
- 1
- 2
- 3
- 4
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]