Web实训知识点 0514

最新推荐文章于 2021-03-11 09:05:32 发布

呱呱是27

最新推荐文章于 2021-03-11 09:05:32 发布

阅读量108

点赞数

本文链接：https://blog.csdn.net/weixin_44763854/article/details/90318662

版权

jQuery
一、 jQuery–AJAX的get()和post()方法：主要用于通过HTML GET 或 POST请求

从服务器里请求数据
GET:从指定的资源请求数据，GET基本上用于从服务器获取数据。
POST:向指定的资源提交要处理的数据，POST也可以向服务器获取数据，并且常用于连同请求一起发送数据，不会缓存(cooki)数据。
ajax---->get()方法, 语法: $(“selector”).get(url,callback)
url —必须参数 callback —可选参数
二、图片轮播

用代码实现：

 <style type="text/css">
        #screen{
            height: 9999px;
            width: 9999px;
            animation: myFirst 8s;
        }
        #screen img{
            float: left;
        }
        #main{
            height: 300px;
            width: 200px;
            overflow: hidden;
        }
    @keyframes myFirst{
        25%{transform: translateX(0px)}
        30%{transform: translateX(-300px)}
        50%{transform: translateX(-300px)}
        55%{transform: translateX(-600px)}
        75%{transform: translateX(-600px)}
        80%{transform: translateX(-900px)}
        100%{transform: translateX(-900px)}
    }
    </style>
</head>
<body>
<div id="main">
    <div id="screen">
        <img src="Images/list_1.jpg" height="200" width="300/">
        <img src="Images/list_2.jpg" height="200" width="300/">
        <img src="Images/list_3.jpg" height="200" width="300/">
        <img src="Images/list_4.jpg" height="200" width="300/">
    </div>
</div>
</body>