Javascript+CSS實現Flash動態新聞效果(pp原創)

來源:互聯網
上載者:User

<br /><style type="text/css"> /* 圖片新聞大小可以更改此樣式 */ .pp_portal_imgNews { position:relative; text-align:left; width:250px; height:190px; } </p><p>.pp_portal_imgNew { position:absolute; } </p><p>/* 圖片樣式 */ .pp_portal_imgNew img { width:100%; height:165px; border:0; } </p><p>/* 文字標題樣式 */ .pp_portal_imgNew_title { text-align:center; margin-top:5px; } </p><p>.pp_portal_imgNew_title a{ display:block; color:#000; text-decoration: none; font-size: 14px; font-weight: bold; text-align:center; } </p><p>/* 導航提示位置 */ .pp_portal_navLink { position:absolute; display:block; right:0px; bottom:5px; } </p><p>/* 導航提示樣式(未選擇) */ .pp_portal_navLink a { color:#fff; text-align:center; text-decoration: none; } </p><p>.pp_portal_navLink li { display:inline; text-align:center; background-color:#333; width:15px; margin-left:1px; } </style><p> </p>圖片新聞一 </p>圖片新聞二 </p>圖片新聞三 </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需重新整理才能執行]
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.