JS 图片三行五列平铺效果

最新推荐文章于 2023-05-13 00:15:00 发布

心如止静

最新推荐文章于 2023-05-13 00:15:00 发布

阅读量2.7k

点赞数

本文链接：https://blog.csdn.net/qhx556/article/details/8810656

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script language="javascript" type="text/javascript">

         // 定时器
         var timeDelay;
         // 图片自动浏览时的时间间隔
         var timeInterval = 8000;

         //中间滚动图片dt
         var Imagedt;
         //中间滚动图片数组
         var Imageimage;
         //中间滚动图片序号
         var ImageNum;
         function LoadMiddleImage() {
             var ds = AjaxMethod.GetMiddlePhoto().value;
             if (ds) {
                 Imagedt = ds.Tables[0];
                 Imageimage = new Array();
                 for (var i = 0; i < Imagedt.Rows.length; i++) {
                     Imageimage.push(Imagedt.Rows[i].DefaultPicUrl);
                 }
                 var ImageimagePreload = new Array();
                 for (var i = 0; i < Imageimage.length; i++) {
                     ImageimagePreload[i] = new Image();
                     ImageimagePreload[i].src = Imageimage[i];
                 }
                 ImageNum = -1;
                 Image_auto();
             }
         }
         function Image_auto() {
             ImageNum++;
             document.getElementById("img1").src = Imageimage[ImageNum];
             ImageNum %= Imageimage.length;
             ImageNum++;
             document.getElementBy

最低0.47元/天解锁文章

心如止静

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 图片三行五列平铺效果

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> // 定时器 var timeDelay; // 图片自动浏览时的时间间隔 var timeInterval
复制链接

扫一扫