前端 - 新秀技术站

一个HTML5 Canvas掷骰子的实例

Admin|2023-07-22

阅读：81

HTML5 Canvas是一种强大的Web技术，它允许我们使用JavaScript在网页上创建和操作图形。在这篇文章中，我将介绍如何使用HTML5 Canvas来实现一个掷骰子的程序。

用JS在网页中实现放烟花特效

Admin|2023-07-19

阅读：65

在这个程序中，我们将使用JavaScript创建一个可以在屏幕上放烟花的效果。我们使用HTML5的Canvas API来实现这个效果，监听了鼠标点击事件，并在点击位置生成烟花。

用vue写一个轮播图效果

Admin|2023-07-18

阅读：72

轮播图在网站中几乎无处不在，占用地方少，交互性好。今天就来聊聊如何用vue实现一个轮播效果。原理：在轮播图数组dataList中，定义一个变量表示第一张图片，默认渲染第一张图片，然后获取每张图片的下标。点击切换图片时把当前图片的下标赋值给currentIndex即可实现图片切换显示。

前端经典案例之轮播图

Admin|2023-07-18

阅读：72

大部分网站或APP的首页差不多都运用到了轮播图，下边就探讨一下关于轮播图的集中解决方法。本文采用五种不同的方法实现网页轮播图，包括借助swipe、touchSlide插件等方法。

轮播图实现

Admin|2023-07-18

阅读：72

轮播图实现思路：1、img_ul类里面存放img标签，将需要展示的图片依次排开，在img_url中使用overflow:hidden的方式进行隐藏图片，每次只展示一张，通过控制img_url样式到外容器uls的距离来控制显示的图片。2、无痕切换。在最后一张图片的后面拼上第一张图片，在第一张图片的后面拼上最后一张图片。

实现简单的轮播图（单张图片、多张图片）

Admin|2023-07-19

阅读：95

刚学js没多久，这篇博客就当做记录了，以后还会完善的，希望大佬们多多指点。ps:下面出现的都是直接闪动，没有滑动效果的轮播图。

JQuery轮播图

Admin|2023-07-18

阅读：72

本文作者用JQuery实现了网页轮播图：这次的作业是写一个选项卡，一个轮播图，我把两者结合起来写了一个网站常见的导航栏和选项卡。我用的jquery方式写的。

html 轮播图

Admin|2023-07-18

阅读：72

最近突然要做一个轮播图，原来做的一个demo轮播图不怎么适合。然后，自己就凑合的写了一个。这篇文章作者用来简单的方法实现了html轮播图功能。

原生js实现轮播图

Admin|2023-07-18

阅读：72

很多网站上都有轮播图，但却很难找到一个系统讲解的，因此这里做一个简单的介绍，希望大家都能有所收获，如果有哪些不正确的地方，希望大家可以指出。原理：将一些图片在一行中平铺，然后计算偏移量再利用定时器实现定时轮播。步骤一：建立html基本布局；步骤二：css布局；步骤三：添加js逻辑。

网页轮播图详细教程

Admin|2023-07-18

阅读：72

本文详细讲解了网页轮播图开发的技术流程，主要从这几个方面展开讲解：1.搭建框架；2.功能需求；3.功能实现；4.节流阀；5. 完整代码。是一篇难得一见的保姆级轮播图教程。

Vue案例：图片轮播图

Admin|2023-07-18

阅读：72

轮播图应该是在学编程的时候经常遇到的组件，在我看来一个轮播图的好坏在于代码是否简洁易懂，滑动的时候是否流畅，不卡顿，这样才算是一个好的轮播图。本文给出一个Vue轮播图案例。

四种方式实现轮播图

Admin|2023-07-18

阅读：72

不论是app，还是网站，基本上都会出现轮播图，今天和大家分享几种不同工具实现轮播图的几种方式：swiper插件实现轮播图、JS实现轮播图、jQuery实现轮播图、css3实现轮播图。

轮播图（附思路和完整源码）

Admin|2023-07-18

阅读：72

思路实现：当鼠标移入底部导航栏，随着鼠标的移动修改大图。可以利用排他法实现，除了大图的排他，底部导航也要发生改变，也是多选一的状态，所以这里有两个排他……

手把手原生js简单轮播图

Admin|2023-07-18

阅读：72

轮播图的实现原理与设计模式有很多种，我这里讲的是用面向过程函数式编程去实现，相对于面向对象设计模式，代码难免会显得臃肿冗余。但没有面向对象的抽象却很适合新手理解与学习。轮播图的原理：一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过计算偏移量利用定时器实现自动播放，或通过手动点击事件切换图片。

轮播图案例

Admin|2023-07-18

阅读：72