zblog主题

Solide

专注于前端开发记录

文章 248  访问 17133
最新动态
jquery案例

  效果图:鼠标悬停到图片上放大 而且放大的图片随着鼠标的移动一起移动 在鼠标移除图片时 放大的图片也跟着一起 显而易见 这次的效果需要通过 获取鼠标的坐标来进行操作html:设置俩个容器 一个存放图片 另一个作为承载放大图片的容器 给分别给它们设置好样式放大图片的容器设置好定位  以及隐藏当我们鼠标移入图片时 获取到鼠标的X,Y的坐标 打印在控制台上查看一下 $(".box").mousemove(function (e)&

2023-10-07  78
jquery案例

  效果图:我们需要将 在textarea中输入的 的文字 通过点击发布的方式 将它显示在我们下面的列表当中 点击中删除的按钮 可以删除对应的内容html:我们在texterea中写入好内容 点击发布按钮时 获取到文本框中的值 打印在控制台上 看看是否能获取到在添加到列表时 我们判断一下输入的内容是否为空 为空的情况下 提醒输入内容再发布 $(".btn").click(function () {    &

2023-10-07  84
JSON

 一 . JSON.stringify()   JSON 通常用于与服务端交换数据。   在向服务器发送数据时一般是字符串。   我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。JSON.stringify(value[, replacer[, space]])1.1 value:必需, 要转换的 JavaScript 值(通常为对象或数组)。1.2 repl

2023-10-07  91
CSS3

   效果图:本次效果主要是 当鼠标移入按钮时 按钮像出现像刀光闪过一样的效果 这次效果核心是通过transform中的skew 伪类的hover befor配合上我们的渐变以及定位达到的效果html:设置一个a标签当按钮css:我们先给a标签设置好 基本样式 等下要用到定位 所以给它设置一个相对定位给它一个过渡动画的时间 按钮为了有层级感 设置好阴影区域a {         posi

2023-10-06  88
CSS3

   效果图:首先 我们定义俩个分别为left 和right的盒子 去设置成俩个球我们给他们俩的相同样式设置在一起 给子元素设置模糊度   .left,       .right {         width: 200px;     

2023-10-06  79
jquery案例

  效果图:  这次我们需要做的处理 分别是 当我们点击下拉框选项时 怎么将内容添加到 上面的内容框当中   取消点击时 怎么将内容框对应的 数据进行删除      html:     我们设置一个内容区域  下面的下拉框我们通过定位的方式  设置到一起 给ul设置display:none     这次我想通过获取点击p标签的文本内容来设

2023-10-06  81
CSS3

   效果图:本次css3效果 需要使用到clip-path裁剪来达到我们需要的效果html:先给我们的标签文字布置好样式 将span标签 靠右 待会需要使用到 .text {         background: #0099cc;         padding: 10px;

2023-10-06  69
CSS3

  效果图:  使用伪类 定位以及动画 来实现效果html简单的一个盒子包裹h2标签我们先给文字 设置好大小 颜色  设置好相对定位 并给字体添加上描边 h2 {         position: relative;         letter-spacing:&n

2023-10-06  88
JSON

  1. JSON.parse() 作用

  在

2023-10-06  106
JSON

      一. JSON数组的访问以及更改    在数组中可以以对象的形式去嵌套数组{"name":"网站","num":3,"sites":[ "Google", "Runoob", "Taobao" ]}  在数组中 我们可以通过索引的方式去访问数组 以

2023-10-06  96