学习博客 记录技术文档及心得体会

CSS 用DEEPseak帮我写的。引用一下 阿里巴巴矢量图库。

调用jquery库，用ajax写的一个客户留言系统，测试改进后完美运行。PHP 接收前端代码进行校验反馈。HTML +JS代码。

【代码】带验证的ajax表单提交前端源码。

可以使用innerHTML属性、appendChild方法、insertAdjacentHTML方法、insertAdjacentElement方法和insertAdjacentText方法在指定元素后添加内容。其中，使用appendChild方法、insertAdjacentElement方法和insertAdjacentText方法可以避免使用innerHTML属性带来的安全风险。在实际开发中，应根据需要选择合适的方法。

【代码】导航栏目 触摸子元素下拉展开。

flex-flow （ flex-direction属性和flex-wrap属性的简写形式）flex-flow属性是flex-direction属性和flex-wrap属性的简写形式。justify-content属性定义了项目在主轴上的对齐方式 （项目的对齐方向）。align-items属性定义项目在交叉轴上如何对齐 （项目的对齐方向）。flex-direction属性决定主轴的方向（即项目的排列方向）。flex-direction （即项目的排列方向）row（默认值）：主轴为水平方向，起点在左端。

【代码】jquery 带按钮切换图层。

【代码】jquery 实现 ul li 元素无限滑动效果 控制按钮快速滑动到下一个。

- 宽度小于或等于 600px 的屏幕使用该样式 -->-- 宽度大于 900px 的屏幕使用该样式 -->

使用伪元素和过渡效果来实现鼠标触摸图片发亮的效果。

【代码】悬浮客服图标带角标提示消息数量。

除了:first-child选择器，还可以使用:nth-child()选择器来选择父元素下的指定子元素。在CSS中可以使用:first-child、:nth-child()、:first-of-type和:nth-of-type选择器来选择父元素下的第一个/指定位置/指定类型的子元素。CSS还提供了:first-of-type和:nth-of-type选择器，它们可以用于选择父元素下指定类型的第一个/指定位置的子元素。上面的代码将ul元素下的第一个li元素的文字颜色设置为红色。

【代码】js实现循环切换滚动 按钮左右控制切换。

【代码】JavaScript实现六种网页图片轮播效果详解。

属性会将整个元素设备透明度，包括它的所有 UI 样式，比如背景颜色（这两种方式中，第一种就是给整个对象（或图层）设置。只是调整背景颜色的透明度。

这个渐变色从深蓝色 (#001f3f) 渐变到浅蓝色 (#0088a9)，然后到青绿色 (#00c9a7)，接着到淡绿色 (#92d5c6)，最后到非常浅的淡青色 (#ebf5ee)。它营造出一种神秘而宁静的星空夜幕效果。

【代码】banner 图轮播 CSS+JS特效。

【代码】手机端 导航设计 JS +CSS。

box-shadow CSS边框阴影。