Using jquery. kinslideshow. JS, you can easily implement the slide effect.
Htm code: [HTML] <Div id = "focusnews" style = "visibility: hidden;" class = "ifocus"> <a href = "test. aspx "target =" _ blank "> </a> <a href = "test. aspx "target =" _ blank "> </a> <a href = "test. aspx "target =" _ blank "> </a> <a href = "test. aspx "target =" _ blank "> </a> <a href = "test. aspx "target =" _ blank "> </a> <a href = "test. aspx "target =" _ blank "> </a> </div> JS Code: [JavaScript] $ (function () {$ ("# focusnews "). kinslideshow ({// movestyle: "down", // set the switch direction to downward [default switch to left] intervaltime: 8, // set the interval to 8 seconds [5 seconds by default] mouseevent: "Mouseover", // set the mouse event to "mouse over switching" [switch when the default mouse is clicked] titlefont: {titlefont_size: 14, titlefont_color: "# ff0000"} // set the title text size to 14px, color: # ff0000});}) set the image size CSS [CSS]. ifocus {width: 400px; Height: 300px; visibility: hidden ;}. ifocus IMG {width: 700px; Height: 400px ;}