JavaScript
关注
分享
扫一扫
我莫得感情_
这个作者很懒，什么都没留下…
展开
-
用一个小例子快速上手Echarts
下面将通过案例点位分布统计来实际操作怎么使用echarts关于下载，引用不会的可以去上篇博客，地址如下：https://blog.youkuaiyun.com/weixin_42442856/article/details/123087706https://blog.youkuaiyun.com/weixin_42442856/article/details/123087706记住三步，轻松搞定第一步：初始化echarts实例对象准备一个具备大小的DOM容器 <!-- 点位 --> .原创 2022-03-04 15:42:31 · 198 阅读 · 4 评论 -
小游戏-用JS完成贪吃蛇
效果图：完整代码如下：HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2022-01-05 15:19:48 · 2659 阅读 · 3 评论 -
js完成卡片式列表效果(移动+阴影)
先看看效果图吧1.给每个卡片设置绝对定位，给父盒子设定相对定位。调整好位置后设置bottom属性，这个很重要。.brick-list li { position: relative; bottom: 0; z-index: 1; float: left; width: 234px; height: 300px; margin-left: 14px; margin-bottom: 14px; text-align: center原创 2021-12-31 10:22:18 · 1569 阅读 · 0 评论 -
用JavaScript制作导航栏切换
效果图：先写HTML代码：<div class="tab"> <div class="tab_list"> <ul> <li class="current">国际新闻</li> <li>国内新闻</li> <li>体育新闻</li> .原创 2021-12-24 19:38:48 · 3570 阅读 · 7 评论 -
简单的纯JS小游戏--消灭星星
先看看效果图：因为优快云图片大小的限制，所以只截了部分区域先准备css和一张星星图片，很简单，body背景设为黑色。<style> body { background-color: black; } </style>就直接写JS代码了，解释都写在注释里面了<script> function start() { //设置一个定时器，重复执行的原创 2021-12-24 19:24:30 · 5065 阅读 · 0 评论 -
手把手教你使用bootstrap完成轮播图
手把手教你使用bootstrap完成轮播图原创 2021-12-21 17:33:18 · 16759 阅读 · 17 评论 -
使用JavaScript制作轮播图
纯js，不使用轮播图控件怎么做轮播图呢，往下看吧效果图：1.可点击小圆点切换图片2.可点击左右按钮切换图片3.可自动播放先上CSS和HTML代码：<body> <div class="main"> <div class="focus fl"> <a href="javascript:;" class="arrow-l"><</a> &原创 2021-12-20 20:20:26 · 995 阅读 · 2 评论 -
JavaScript做弹出式可拖动登录框（拖动的模态框）
效果图展示：总体来说实现起来比较简单，老规矩，先搭建html框架，代码如下：<div class="login-header"><a id="link" href="javascript:;">点击，弹出登录框</a></div> <div id="login" class="login"> <div id="title" class="login-title">登录会员 .原创 2021-12-20 15:05:10 · 1848 阅读 · 1 评论 -
JavaScript DOM获取元素
目录一、根据根据ID获取getElementById二、根据标签名获取getElementsByTagName三、通过HTML5新增方法获取四、获取特殊元素一、根据根据ID获取getElementById注意：1.因为我们文档页面从上往下加载，所以先得有标签所以我们script写到标签的下面2.get 获得element 元素by 通过驼峰命名法3.参数id是大小写敏感的字符串4.返回的是一个元素对象5.console.dir打印我们返回的元素对象更好的查看里面原创 2021-12-15 14:25:41 · 699 阅读 · 18 评论 -
使用JavaScript DOM制作简单留言板
效果图：先准备html代码：<body> <textarea name="" id=""></textarea> <button>发布</button> <ul> </ul></body>css代码如下：<style> * { margin: 0; padding: 0; .原创 2021-12-14 20:23:31 · 1232 阅读 · 1 评论 -
浅谈JavaScript函数及作用
一、为啥需要函数在JS里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用。虽然for循环语句也能实现一些简单的重复操作，但是比较具有局限性，此时我们就可以使用JS中的函数。二、函数的使用1.声明函数function 函数名( ){ //函数体代码}2.调用函数函数名( )调用的时候不要忘记加小括号口诀：函数不调用，自己不执行3.函数的封装函数的封装就是把一个或多个功能通过函数的方式封装起来，对外只提供一个简单的函数...原创 2021-12-09 16:33:31 · 816 阅读 · 4 评论 -
浅谈JavaScript内置对象常见案例
一、猜数字(Math.random())得到一个两数之间的随机整数 ，包括两个数在内，如果你的随机结果需要同时包含最小值和最大值，怎么办呢? 这样定义函数可以实现。 <script> function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } var random = getRandom.原创 2021-12-09 15:35:16 · 1172 阅读 · 12 评论 -
JavaScript之循环
目录一、前言二、循环2.1 for循环2.2 双重for循环2.3 while循环2.4 do while循环三、continue和break关键字一、前言 为什么要用循环，在实际问题中，有许多具有规律性的重复操作，因此在程序中要完成此类操作就需要重复执行某些语句。二、循环2.1 for循环在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句。for语法结构：...原创 2021-11-26 09:34:42 · 318 阅读 · 2 评论