棉花糖88

2021年3月7日

摘要：代码实现 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-sty 阅读全文

posted @ 2021-03-07 10:37 棉花糖88 阅读(129) 评论(0) 推荐(0) 编辑

jquery 下拉菜单

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-03-07 09:34 棉花糖88 阅读(115) 评论(0) 推荐(0) 编辑

2021年3月6日

3_1：操作样式

摘要：一操作CSS 1）设置单个css样式 // $('div').css('color','red'); 2）设置多个css样式 $('div').css({ 'width':'300px', 'height':'300px', backgroundColor :'red'//属性名可以不加引号 }) 阅读全文

posted @ 2021-03-06 22:57 棉花糖88 阅读(52) 评论(0) 推荐(0) 编辑

2021年3月5日

2_2：筛选器

摘要： DOM遍历 [ 站在父子兄的角度 ] //1 找父亲 parent() // 查找父级亲爸爸 //2 找儿子 children(selector); = $('ul>li'); // 子代选择器 find(selector); = $('ul li'); // 后代选择器 //3 找兄弟阅读全文

posted @ 2021-03-05 10:33 棉花糖88 阅读(62) 评论(0) 推荐(0) 编辑

2_1：选择元素

摘要：一 jQuery选择器 ( 使用方法和CSS一致 ) 基本语法 $('选择器'); //里面直接写css选择器就可以别忘记加引号 1）基础选择器 $('#id'); // ID选择器 $('.class'); // 类选择器 $('div'); // 标签选择器 $('*'); // 全选选择器阅读全文

posted @ 2021-03-05 08:38 棉花糖88 阅读(80) 评论(0) 推荐(0) 编辑

2021年3月4日

本地存储小案例：记住用户名

摘要： 1）需求 //1 如果本地有用户名就让它显示在文本框中复选框处于勾选状态//2 如果客户点击了不记住用户名我们就删除掉 2）代码实现 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view 阅读全文

posted @ 2021-03-04 17:44 棉花糖88 阅读(96) 评论(0) 推荐(0) 编辑

本地存储

摘要：一基础概念 1）本地存储特性 //1 数据存储在用户浏览器中//2 设置读取方便甚至页面刷新不丢失数据//3 只能存储字符串 2）分类 //1 window.sessionStorage 会话存储 //2 window.localStorage 本地存储 3）两者的区别 //1 生命周期不同阅读全文

posted @ 2021-03-04 17:34 棉花糖88 阅读(114) 评论(0) 推荐(0) 编辑

bootstrap框架

摘要：阅读全文

posted @ 2021-03-04 15:21 棉花糖88 阅读(33) 评论(0) 推荐(0) 编辑

视频 zy.meida.js 插件

摘要： 1）下载地址 https://github.com/ireaderlab/zyMedia 二基本使用 1）引入样式文件zy.media.css和js文件zy.media.js 2）输入html结构，例如视频，其中video标签的data-config属性用于设置参数， <div class="zy 阅读全文

posted @ 2021-03-04 12:51 棉花糖88 阅读(1012) 评论(0) 推荐(0) 编辑

Swiper 插件

摘要：官方地址：https://www.swiper.com.cn/ 使用教程 1）首先加载插件，需要用到的文件有swiper-bundle.min.js和swiper-bundle.min.css文件，不同Swiper版本用到的文件名略有不同。可下载Swiper文件或使用CDN。 <!DOCTYPE h 阅读全文

posted @ 2021-03-04 12:42 棉花糖88 阅读(542) 评论(0) 推荐(0) 编辑

公告