Javascript+CSS实现Flash动态新闻效果（pp原创）_图象特效

程序员文章站 2024-01-02 10:21:28

...

.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; 
} 
</style>
<div id="id_portal_imgNews" class="pp_portal_imgNews"> 
<div id="id_portal_imgNew1" class="pp_portal_imgNew" style="display:block;"> 
<a href="#"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"alt="Javascript+CSS实现Flash动态新闻效果（pp原创）_图象特效" src="/default/index/img?u=aHR0cDovL2ZpbGVzLmpiNTEubmV0L3VwbG9hZC8yMDA4MTAxMTE4NTUwOTExMS5qcGc=" title="Javascript+CSS实现Flash动态新闻效果（pp原创）_图象特效"></a> 
<div class="pp_portal_imgNew_title"><a href="http://sports.sina.com.cn/f1/2008-10-11/14014001153.shtml" target="_blank" rel="nofollow">图片新闻一</a></div> 
</div> 
<div id="id_portal_imgNew2" class="pp_portal_imgNew" style="display:none;"> 
<a href="#"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"alt="Javascript+CSS实现Flash动态新闻效果（pp原创）_图象特效" src="/default/index/img?u=aHR0cDovL2ZpbGVzLmpiNTEubmV0L3VwbG9hZC8yMDA4MTAxMTE4NTUwOTExMS5qcGc=" title="Javascript+CSS实现Flash动态新闻效果（pp原创）_图象特效"></a> 
<div class="pp_portal_imgNew_title"><a href="http://sports.sina.com.cn/f1/2008-10-11/14014001153.shtml" target="_blank" rel="nofollow">图片新闻二</a></div> 
</div> 
<div id="id_portal_imgNew3" class="pp_portal_imgNew" style="display:none;"> 
<a href="#"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"alt="Javascript+CSS实现Flash动态新闻效果（pp原创）_图象特效" src="/default/index/img?u=aHR0cDovL2ZpbGVzLmpiNTEubmV0L3VwbG9hZC8yMDA4MTAxMTE4NTUwOTExMS5qcGc=" title="Javascript+CSS实现Flash动态新闻效果（pp原创）_图象特效"></a> 
<div class="pp_portal_imgNew_title"><a href="http://sports.sina.com.cn/f1/2008-10-11/14014001153.shtml" target="_blank" rel="nofollow">图片新闻三</a></div> 
</div> 
<div id="id_portal_imgNew4" class="pp_portal_imgNew" style="display:none;"> 
<a href="#"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"alt="Javascript+CSS实现Flash动态新闻效果（pp原创）_图象特效" src="/default/index/img?u=aHR0cDovL2ZpbGVzLmpiNTEubmV0L3VwbG9hZC8yMDA4MTAxMTE4NTUwOTExMS5qcGc=" title="Javascript+CSS实现Flash动态新闻效果（pp原创）_图象特效"></a> 
<div class="pp_portal_imgNew_title"><a href="http://sports.sina.com.cn/f1/2008-10-11/14014001153.shtml" target="_blank" rel="nofollow">图片新闻四</a></div> 
</div> 
<div id="id_portal_navLinks" class="pp_portal_navLink"> 
<ul>
<li id="id_portal_navLink1"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDp2b2lkKDAp" onclick="pp_portal_selectPicNew(1)" target="_blank" rel="nofollow"> 1 </a></li> 
<li id="id_portal_navLink2"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDp2b2lkKDAp" onclick="pp_portal_selectPicNew(2)" target="_blank" rel="nofollow"> 2 </a></li> 
<li id="id_portal_navLink3"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDp2b2lkKDAp" onclick="pp_portal_selectPicNew(3)" target="_blank" rel="nofollow"> 3 </a></li> 
<li id="id_portal_navLink4"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDp2b2lkKDApcw==" onclick="pp_portal_selectPicNew(4)" target="_blank" rel="nofollow"> 4 </a></li> 
</ul>
</div> 
</div>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]