说明 刚开始是打算使用jQuery中的fadeIn和fadeOut方法来完成这种带有渐变效果的轮播图的,由于好长时间没有碰jQuery (实力不允许:) ) ,所以在用jQuery尝试了一下并且失败了之后,就打算使用原生的JavaScript来完成了。 实现原理 我首先在CSS中定义好了两个类,一个 ...
分类:
Web程序 时间:
2020-06-27 20:24:47
阅读次数:
117
原生js实现ajax封装:https://www.cnblogs.com/qing-5/p/11368009.html 一、什么是ajax? 定义:Ajax(Asynchronous Java and XML的缩写)是一种异步请求数据的web开发技术,在不需要重新刷新页面的情况下,Ajax 通过异步 ...
分类:
Web程序 时间:
2020-06-26 10:55:34
阅读次数:
83
获取元素的属性,设置元素的属性: 1-原生JS 设置属性 .setAttribute("属性","值") 获取属性 .getAttribute("属性") 2-jquery 设置属性 .attr("属性","值") 获取属性 .attr("属性") 下面的标签 <div id="xige" clas ...
分类:
Web程序 时间:
2020-06-24 22:06:38
阅读次数:
79
一、display默认属性值的选择 显示的元素设置的值分情况 (如果选择属性值错误,会影响已经写好的样式) 块元素的默认值是display:block内联元素的默认值是display:inline表格table元素的默认值是display:table表格单元格td元素的默认值是display:tab ...
分类:
Web程序 时间:
2020-06-24 11:47:58
阅读次数:
316
"不畏惧,不讲究,未来的日子好好努力"——大家好!我是小芝麻😄 首先感谢大家对小芝麻上一篇《想自学JS吗?想提升JS底层原理吗?76张脑图带你彻底搞懂原生JS》的支持和认可🙏,,其次是感谢大家的包容和鼓励; 特别、特别、特别感谢!!! 另外笔者也成功升到了3级😄 ;既然大家都没什么要求,那本芝 ...
分类:
其他好文 时间:
2020-06-21 11:26:28
阅读次数:
187
<style> * { margin: 0px; padding: 0px; list-style: none; } .page { height: 40px; overflow: hidden; margin-top: 10px; } .page .page-content { height: 4 ...
分类:
Web程序 时间:
2020-06-19 20:45:25
阅读次数:
57
前言 我们在做项目的时候,可能会遇到做复制的功能,小玲今天就遇到了,所以就有了这篇文章~ 一 原生js实现 项目中经常会遇到点击按钮复制订单号、订单id等内容到粘贴板中的需求。可是在网页上我们通常都是用Ctrl + c或右击复制的,别担心,js也是有复制命令的,那就是document.execCom ...
分类:
其他好文 时间:
2020-06-18 19:09:03
阅读次数:
53
这篇文章主要介绍使用js实现文字无间歇性上下滚动,一些网站的公告,新闻列表使用的比较多,感兴趣的小伙伴们可以参考一下 ,代码实现如下。 html+css部分: 1 <style> 2 #moocbox{ 3 width: 600px; 4 height: 22px; 5 border: 1px so ...
分类:
Web程序 时间:
2020-06-17 01:16:19
阅读次数:
85
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>test</title> </head ...
分类:
Web程序 时间:
2020-06-16 15:34:30
阅读次数:
91
<div style="height: 100px; width: 100px; border: 1px solid red; position: relative;"> 点击上传 <input onchange="uploadFile()" id="upload" multiple="multip ...
分类:
Web程序 时间:
2020-06-15 18:01:33
阅读次数:
91