在做门户网站时,首页面上经常会有新闻图片类的展示,下面收集两个图片展示的方式:
方法1.显示多个图片,横行滚动
JS代码如下:
页面代码如下:
效果图如下:
JS代码中设置的速度为50,上面的图片会按着此速度从右往左移动。
方法2.显示一张图片,图层上面有固定图片数码,类似于翻页功能。页面代码如下:
效果显示如下:
其中图片大小格式和页码样式,可以在样式和JS代码中调,注意,此显示为固定数值的图片。其中body上下两部分JS代码因为页面加载顺序的不同不可调换。在页面中初始化几张图片,在body下面代码 new SlideTrans()中要对应图片数。