web实训知识点05.14

maps11

于 2019-05-18 22:03:03 发布

阅读量76

点赞数

本文链接：https://blog.csdn.net/maps11/article/details/90321294

版权

JQuery—AJAX 的get()和post()方法: 主要用于通过HTTP GET 或 POST请求
从服务器里面请求数据。
GET: 从指定的资源请求数据，GET基本上用于从服务器获取数据
POST: 向指定的资源提交要处理的数据，POST也可以从服务器获取数据，并且
常用于连同请求一起发送数据。不会缓存(cookie)数据。
*/
//AJAX— get()方法，语法： $(“selector”).get(url,callback)
// url —必须参数， callback----可选参数
//eg: 使用get()方法从服务器上的一个文件中获取数据

在这里插入图片描述

图片轮播
通过CSS3的animate以及@keyframer属性实现
代码为：

<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>

maps11

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web实训知识点05.14

JQuery—AJAX 的get()和post()方法: 主要用于通过HTTP GET 或 POST请求从服务器里面请求数据。GET: 从指定的资源请求数据，GET基本上用于从服务器获取数据POST: 向指定的资源提交要处理的数据，POST也可以从服务器获取数据，并且常用于连同请求一起发送数据。不会缓存(cookie)数据。*///AJAX— get()方法，语法： $(“selec...
复制链接

扫一扫