js系列
本专栏包含js内容
如鹰展翅上腾
只为成功找方法,不为失败找藉口
展开
-
俄罗斯方块游戏
俄罗斯方块游戏 一,游戏结构 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> html,body{ height: 100%; overflow: hidden; }...原创 2019-10-12 15:29:53 · 125 阅读 · 0 评论 -
正则表达式教程
正则表达式定义 正则表达式是用来检索字符串是否有匹配规则的一个js对象 正则表达式应用 正则表达式主要用在登录和注册表单里面,针对用户输入的数据进行验证 正则表达式创建 //第一种方式 var exeg=new RegExp(“检索内容”,“修饰符”) //第二种方式 var exeg=/检索内容/修饰符; 正则表达式的使用 //第一种方式 var str=“hello w...原创 2018-12-28 08:58:59 · 153 阅读 · 0 评论 -
无缝轮播图
无缝轮播图的最后一张图片必须和第一张图片一样 <div class="wrap"> <ul> <li><img src="img/6.jpg" title="6" /></li> <li><img src="img/原创 2018-12-28 11:30:56 · 144 阅读 · 1 评论 -
原生JS响应式瀑布流
原生JS响应式瀑布流 如何产生响应式列 动态获取窗口的尺寸 获取到列的固定宽度 响应式列数=动态获取窗口的尺寸/获取到列的固定宽度 如何获取响应式列的最小高度? 把产生的列容器放在一个数组里面 这个数组使用sort()方法进行升序排列 产生的新数组的第一位就是高度最小的列 网页结构和样式 <!DOCTYPE html> <html> <head>...原创 2019-04-04 09:51:18 · 359 阅读 · 0 评论 -
原生js水平轮播图
原生js水平轮播图 如何进行水平移动 不断改变轮播图父容器的marginLeft的值即可 同时使用transition对marginLeft进行过渡,从而产生水平滑动效果 如何进行循环播放 图片是按着6,1,2,3,4,5,6,1这个顺序排列的,也就是说,重复的图片有1,6 一开始先播放第一个1这个图片,当图片滑动到第一个6这张图片是,利用transitionend这个事件瞬间定位到...原创 2019-04-04 10:09:17 · 573 阅读 · 0 评论 -
js变量
js变量 变量的定义 存储数据的空间(在内存中声明一块内存) 变量的组成 变量声明 var 变量名字 变量不是中文或者首字母不是数字 字母数字下划线$组成,首位不能是数字 望名知意(看到变量名字就能大致明白存储的数据是什么) 不能是中文,可以但不建议。 变量值 空间中存储的数据 数据类型 number string 单引号和双引号都默认为字...原创 2019-09-02 18:03:29 · 77 阅读 · 0 评论 -
原生JS实现日历封装
原生JS实现日历封装 1.结构部分:注意日历结构至少是7行7列,我这里用的是7行7列 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table> ...原创 2019-09-23 20:39:20 · 734 阅读 · 0 评论 -
象棋排版
象棋排版 象棋结构 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>象棋</title> <style> *{ margin: 0; padding: 0; } html,body{ o...原创 2019-10-11 19:17:06 · 421 阅读 · 0 评论