![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端特效
文章平均质量分 90
键.
前端菜鸟一枚,博客记录平时学习的知识,部分内容可能描述的不全,欢迎各位大佬给予指正,相互学习。
展开
-
@media响应式布局
1.基础语法media语法:文档宽度小于 300 像素则修改背景颜色(background-color):@media screen and (max-width: 300px) { body { background-color:lightblue; }}2.案例一实例:*{padding: 0;margin: 0;}ul{list-style: none;}ul{ display: flex; flex-wrap: wrap;原创 2021-09-08 20:40:53 · 1639 阅读 · 0 评论 -
Ajax+jQuery+MySQL+PHP实现瀑布流动态刷新商品
1,PHP入门关于PHP的基础语法可以参照:PHP入门语法2,效果演示思路:1,后端数据准备:MySQL+PHP2,编写前端瀑布流布局3,前端通过Ajax拿到后端数据4,将拿到的数据写在界面上5,监听滚动条滚动并在边界值上刷新新数据6,动态刷新所有数据3,编码项目目录结构:3.1,MySQL+PHP数据准备<?php //创建数据库连接 $dsn="mysql:host=localhost;dbname=h5"; //创建PDO $pdo=原创 2021-09-07 20:24:10 · 505 阅读 · 1 评论 -
JS特效——轮播图
1.原生JS普通轮播图效果:实现:<div class="box"> <ul class="imgs"> <li class="active" ><img src="imgs/kasa0.jpg" ></li> <li ><img src="imgs/kasa1.jpg" ></li> <li><img src="imgs/kasa2.jpg" ></li>原创 2021-09-04 17:10:21 · 683 阅读 · 0 评论