• 点击切换图片-javascript


    1. "../image/image1/banner_1.jpg" id="deng" >
    2. <script>
    3. var deng= document.getElementById("deng");
    4. var flag=false;
    5. deng.onclick=function(){
    6. if(flag){
    7. deng.src="../image/image1/banner_1.jpg";
    8. flag=false;
    9. }else{deng.src="../image/image1/banner_3.jpg";flag=true;}
    10. }
    11. script>

     轮播图

    1. html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>Titletitle>
    6. <script>
    7. /**
    8. *1.在页面上使用img标签展示图片,
    9. *2.定义一个方法,修改图片对象的链接
    10. *3.定义一个定时器,每个三秒调用一次方法
    11. *4.
    12. *
    13. */
    14. //修改图片链接
    15. var i=1;
    16. function fun(){
    17. i++;
    18. i=i>3?1:i;
    19. var img= document.getElementById("img")
    20. img.src="../image/image1/banner_"+i+".jpg";
    21. }
    22. //定义计时器
    23. setInterval(fun,3000);
    24. script>
    25. head>
    26. <body>
    27. <img src="../image/image1/banner_1.jpg" width="100%" id="img">
    28. body>
    29. html>

    动态表格

    1. DOCTYPE html>
    2. 动态表格
  • 学生信息表
    编号姓名性别操作
    1令狐冲删除
    2任我行删除
    3岳不群?删除
  • 相关阅读:
    Rust原子类型和内存排序
    初识设计模式 - 职责链模式
    【Canal从入门到放弃】(一)Canal 基础使用
    【WinSCP】强大的可视化远程文件传输 、管理工具 (支持多种协议,支持电脑与手机)
    python_寻找N字型下跌
    Zookeeper学习笔记(2)—— Zookeeper API简单操作
    C语言航路外传之隐式转换与优先级的那点事(你程序总是出bug的一个重要原因)
    Go 限流的常见方法
    2020年大厂Java面试前复习的正确姿势(800+面试题答案解析)
    API接口接入电商平台,快手平台根据关键词获取商品列表宝贝详情数据
  • 原文地址:https://blog.csdn.net/qq_41790844/article/details/133841919