• 点击切换图片-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.   }
    12. 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.  
    20.     var img=  document.getElementById("img")
    21.     img.src="../image/image1/banner_"+i+".jpg";
    22.     }
    23.     //定义计时器
    24.     setInterval(fun,3000);
    25.   script>
    26. head>
    27. <body>
    28.       <img src="../image/image1/banner_1.jpg" width="100%" id="img">
    29. body>
    30. html>

    动态表格

    1. DOCTYPE html>
    4.     
    5.     动态表格
    6.  
    7.     
    8.  
    11.  
    13.     
    14.     
    15.     
    16.     
    17.
    • 学生信息表
    编号姓名性别操作
    1令狐冲男删除
    2任我行男删除
    3岳不群?删除

  • 相关阅读:
    【FAQ】华为帐号服务报错 907135701的常见原因总结和解决方法
    计算机毕业设计 基于微信小程序的校园商铺系统的设计与实现 Java实战项目 附源码+文档+视频讲解
    7-51 愿天下有情人都是失散多年的兄妹——dfs
    Docker和K8s的发展历程
    linux运维笔记：TCP/IP三次握手和四次挥手
    八大排序详解(默认升序)
    0031力扣191题---位1的个数
    如何实现前后端交互
    深度学习和神经网络的介绍（一）
    借助这个宝藏神器，我成为全栈了
  • 原文地址：https://blog.csdn.net/qq_41790844/article/details/133841919