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

网络编程发布日期：2024/10/14 浏览次数：1

正在浏览：Javascript+CSS实现Flash动态新闻效果（pp原创）

<style type="text/css"> /* 图片新闻大小可以更改此样式 */ .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; } </style>    <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20081011185509111.jpg');"><img src="/UploadFiles/2021-04-02/20081011185509111.jpg" alt="Javascript+CSS实现Flash动态新闻效果（pp原创）" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></img> 图片新闻一   <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20081011185509111.jpg');"><img src="/UploadFiles/2021-04-02/20081011185509111.jpg" alt="Javascript+CSS实现Flash动态新闻效果（pp原创）" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></img> 图片新闻二   <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20081011185509111.jpg');"><img src="/UploadFiles/2021-04-02/20081011185509111.jpg" alt="Javascript+CSS实现Flash动态新闻效果（pp原创）" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></img> 图片新闻三   <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20081011185509111.jpg');"><img src="/UploadFiles/2021-04-02/20081011185509111.jpg" alt="Javascript+CSS实现Flash动态新闻效果（pp原创）" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></img> 图片新闻四   <ul> <li> 1 </li> <li> 2 </li> <li> 3 </li> <li> 4 </li> </ul>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：Javascript中Eval函数的使用说明

下一篇：jabsorb笔记_几个小例子第1/2页