<Style type = "text/css">/* the image news size can be changed */. pp_portal_imgNews {position: relative; text-align: left; width: 250px; height: pixel PX ;}. pp_portal_imgNew {position: absolute;}/* image style */. pp_portal_imgNew img {width: 100%; height: 165px; border: 0;}/* text title style */. 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 ;} /* navigation prompt position */. pp_portal_navLink {position: absolute; display: block; right: 0px; bottom: 5px;}/* navigation prompt style (not selected )*/. 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> Picture News 1 Picture News 2 Picture News 3 Picture News 4 <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>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]