会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 133940个问题

//首页顶部轮播图


;(function () {
    $.ajax({
        type: 'get',
        url: 'php/getTopSwiperData.php',
        dataType: 'json',
        success:function (res) {
            var swiperInfoArr = res.swiperinfo;
            var swiperhd=document.createElement('div');
            swiperhd.className='swiper-container swiper-hd';
            document.querySelector('.dblb').appendChild(swiperhd);

            var swiperhd_wrapper = document.createElement('div');
            swiperhd_wrapper.className='swiper-wrapper';
            swiperhd.appendChild(swiperhd_wrapper);

            //左按钮
            var prevBtn = document.createElement('div');
            prevBtn.className='swiper-button-prev';
            swiperhd.appendChild(prevBtn);
            //右按钮
            var nextBtn = document.createElement('div');
            nextBtn.className='swiper-button-next';
            swiperhd.appendChild(nextBtn);

            //构建slide
            for (var i = 0;i<swiperInfoArr.length;i++){
                var slideDiv =document.createElement('div');
                slideDiv.className='swiper-slide';
                slideDiv.style.backgroundImage='url("'+swiperInfoArr[i].imgUrl+'")';
                swiperhd_wrapper.appendChild(slideDiv);
                //每一个slide里边的内容
                var contDiv = document.createElement('div');
                contDiv.className='ss-hd-text ani';
                contDiv.setAttribute('swiper-animate-effect','bounceInRight');
                contDiv.setAttribute('swiper-animate-duration','0.3s');
                slideDiv.appendChild(contDiv);
                //每一个slide里面的文本标题
                var h1 = document.createElement('h1');
                h1.setAttribute('align','center');
                h1.innerHTML=swiperInfoArr[i].dataTitle;
                contDiv.appendChild(h1);
                //每一个slide里面的文本内容
                var p = document.createElement('p');
                p.innerHTML=swiperInfoArr[i].dataContent;
                contDiv.appendChild(p);
            }
            //构建wrapper平级的pagination
            var swiperhd_page = document.createElement('div');
            swiperhd_page.className='swiper-pagination hd-page';
            swiperhd.appendChild(swiperhd_page);
            //swiper构建完毕后的初始化
            var swiper_hd = new Swiper('.swiper-hd',{
                pagination:'.hd-page',
                onInit:function (swiper) {
                    swiperAnimateCache(swiper);//隐藏动画元素
                    swiperAnimate(swiper);//初始化完成开始动画
                },
                onSlideChangeEnd:function (swiper) {
                    swiperAnimate(swiper);//每个slide切换结束时也运行当前slide动画
                },
                //左右按钮
                    nextBtn: '.swiper-button-next',
                    prevBtn: '.swiper-button-prev',
                    //设置自动播放
                    speed: 2000,
                    autoplay:1500
            })
        }
    });
})();

老师,你好麻烦问一下,我添加的前进和后退的按钮,倒是添加成功了就是没有点击就可以切换下一张图的功能是为什么?image.png

WEB前端全系列/第六阶段:音乐社区高级项目模块/移动端:基于jQuery使用Ajax和BootStrap 29150楼
JAVA 全系列/第八阶段:Linux入门到实战/Maven 29152楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Mybatis 29154楼
Python 全系列/第七阶段:网页编程基础/JavaScript 29155楼

源码:

package com.bjsxt;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.OutputStream;

/**
 * 下载文件,
 * 添加头信息,获取资源对象即可下载
 */
public class servletDemo06 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doPost(req, resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        File file = new File("C:\\Users\\j1781\\Desktop\\JAVA学习\\java尚学堂\\plane.jpg");
        FileInputStream fis = new FileInputStream(file);
        byte[] buff = new byte[fis.available()];
        fis.read(buff);

    //在响应中添加附加信息
        resp.addHeader("Content-Disposition", "attachment;filename" + file.getName());

        OutputStream os = resp.getOutputStream();
        os.write(buff);
        os.flush();
        os.close();
        fis.close();


    }
}

可以下载信息,但是文件名不对,后缀不对,是图片可以用画图工具打开, 说明传输没有问题

下载就是这样的文件, 文件名是访问的URI名image.png

JAVA 全系列/第六阶段:JavaWeb开发/Servlet技术详解(旧) 29156楼

  1. 遇到的问题:

    老师,这个地方定时器的执行过程是这样吗,网页加载完毕后先执行getTIme()方法,然后再执行定时器方法,定时器再调用getTime方法。

  2. 代码区:

function getTime(){
            var date=new Date();
            //活得事件
            var time=date.toLocaleString();
            //获得ID名称是span_1的对象
            var span=document.getElementById("span_1");
            //在span对象中间插入时间
            span.innerHTML=time;
        }
            //定时器  1S后进行方法的调用  调用一次  网页加载完毕后第一次调用,等待一秒后第开始第二次调用
            //window.setTimeout("getTime()",1000); //参数:调用的方法  等待调用的时间
            //每间隔一秒就会进行方法的调用,调用多次
            var in1= window.setInterval("getTime()",1000);//给定时器起个名字,定时器可能有很多,在清楚定时器的时候指定定时器名字
        function clearTime(){
            //清除in1定时器
            window.clearInterval(in1);
        }
    </script>
</head>
<body onload="getTime()">
    <!--通过JS获取事件,并把事件放到span标签内-->
    当前的时间是<span id="span_1"> </span>
    <p>
        <input type="button" value="停止时间" onclick="clearTime()"/>
    </p>
    
 </body>


JAVA 全系列/第五阶段:网页编程和设计/Javascript 语言(旧) 29160楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637