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

</p> <p>/* 图片新闻大小可以更改此样式 */<br /> .pp_portal_imgNews {<br /> position:relative;<br /> text-align:left;<br /> width:250px;<br /> height:190px;<br /> } </p> <p>.pp_portal_imgNew {<br /> position:absolute;<br /> } </p> <p>/* 图片样式 */<br /> .pp_portal_imgNew img {<br /> width:100%;<br /> height:165px;<br /> border:0;<br /> } </p> <p>/* 文字标题样式 */<br /> .pp_portal_imgNew_title {<br /> text-align:center;<br /> margin-top:5px;<br /> } </p> <p>.pp_portal_imgNew_title a{<br /> display:block;<br /> color:#000;<br /> text-decoration: none;<br /> font-size: 14px;<br /> font-weight: bold;<br /> text-align:center;<br /> } </p> <p>/* 导航提示位置 */<br /> .pp_portal_navLink {<br /> position:absolute;<br /> display:block;<br /> right:0px;<br /> bottom:5px;<br /> } </p> <p>/* 导航提示样式(未选择) */<br /> .pp_portal_navLink a {<br /> color:#fff;<br /> text-align:center;<br /> text-decoration: none;<br /> } </p> <p>.pp_portal_navLink li {<br /> display:inline;<br /> text-align:center;<br /> background-color:#333;<br /> width:15px;<br /> margin-left:1px;<br /> } </p> <p></img><br /> 图片新闻一 </p> <p></img><br /> 图片新闻二 </p> <p></img><br /> 图片新闻三 </p> <p></img><br /> 图片新闻四 </p> <ul> <li id="id_portal_navLink1"> 1 </li> <li id="id_portal_navLink2"> 2 </li> <li id="id_portal_navLink3"> 3 </li> <li id="id_portal_navLink4"> 4 </li> </ul> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• javascript检查浏览器是否支持flash的实现代码
• JavaScript中跨域调用Flash的方法
• 借助JavaScript脚本判断浏览器Flash Player信息的方法
• javascript检测浏览器flash版本的实现代码
• JavaScript flash复制库类 Zero Clipboard
• Javascript 判断Flash是否加载完成的代码
• flash javascript之间的通讯方法小结
• Javascript与flash交互通信基础教程
• 可控制Flash Player的Javascript方法总结
• javascript获取flash版本号的方法