- 博客(39)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 JavaScript模拟空调效果
JavaScript模拟空调效果在JavaScript中模拟空调效果主要依赖于前端界面的交互和状态变化，因为实际的温度调节、风扇速度调整等硬件操作无法直接通过JavaScript在浏览器中实现。不过，我们可以通过JavaScript来模拟这些操作的视觉和逻辑效果，比如更改界面上的温度显示、切换不同的工作模式（如制冷、制热、送风等）以及调整风速等。以下是一个简单的示例，展示如何使用HTML和JavaScript来模拟一个基本的空调控制面板。
2024-08-14 16:05:13
341
原创 光速穿梭JavaScript特效代码
光速穿梭JavaScript特效代码创建一个看起来像“光速穿梭”的JavaScript特效通常涉及到HTML、CSS和JavaScript的结合。下面我将提供一个简单的示例，展示如何使用这些技术来创建一个动画效果，模拟光速穿梭的感觉。这个示例将使用CSS的@keyframes动画来创建动态效果，并用JavaScript来控制动画的开始和结束。
2024-08-14 16:02:38
437
原创 很酷的仿真翻页书HTML源码，书本页面是加载的图片，基于JQuery实现的翻页特效，结合一些js插件，看起来很酷，在实现在线翻书项目。
这个示例中，我们创建了一个包含两页的“书”。但是，请注意，这只是一个非常基础的示例，真实的翻页书效果可能会涉及更复杂的动画和交互。创建一个仿真的翻页书效果在HTML和CSS中可以通过多种方式实现，但通常这也会涉及到JavaScript（或jQuery）来处理交互和动画。以下是一个简单的示例，展示如何使用HTML、CSS和JavaScript来创建一个基本的翻页书效果。请注意，这个示例是一个简化的版本，真实的翻页书效果可能会更复杂，并且可能需要使用专门的库或框架来实现。仿真翻页书HTML源码。
2024-07-23 16:28:55
600
原创 jQuery下落撞击散乱动画
请注意，这只是一个简化的示例，用于演示如何使用jQuery和CSS来创建一个类似的下落撞击散乱动画效果。此外，你还可以考虑使用像GSAP (GreenSock Animation Platform) 这样的动画库来创建更高级和更灵活的动画效果。在jQuery中实现一个下落撞击后散乱的动画效果，你可以结合CSS动画和jQuery的动画函数来完成。不过，由于jQuery本身并不直接支持复杂的物理效果（如撞击后的散乱），你可能需要使用一些额外的库，或者通过一些技巧性的CSS动画和jQuery逻辑来模拟这种效果。
2024-07-23 16:24:57
304
原创 js+css侧边导航菜单 可收缩
js+css侧边导航菜单 可收缩创建一个可收缩的侧边导航菜单需要使用JavaScript来处理交互，而CSS则用来设置样式和动画效果。以下是一个简单的示例，展示了如何创建一个可收缩的侧边导航菜单。
2024-07-23 16:23:26
592
原创 javascript鼠标跟随星星动画特效
鼠标跟随星星动画特效创建一个鼠标跟随的星星动画特效在JavaScript中通常涉及到HTML、CSS和JavaScript的结合。
2024-07-23 16:20:42
656
原创 动态创建标签jQuery效果
动态创建标签jQuery效果使用jQuery来动态创建HTML标签并添加效果是一种常见的方法。以下是一个简单的示例，说明如何使用jQuery来动态创建<div>标签，并给它们添加一些基本的效果。
2024-07-23 16:16:02
416
原创 css气泡背景特效
动画是可选的，并且它实际上并不创建额外的气泡效果，而只是让整个背景有微妙的移动。如果你想要更多的气泡，并且希望它们随机出现和消失，你可能需要使用JavaScript或更复杂的CSS动画来生成它们。此外，你可以通过添加更多的伪元素、改变它们的尺寸、颜色、动画延迟和持续时间等来创建更复杂和多样化的气泡效果。要创建一个CSS气泡背景特效，你可以使用CSS的伪元素（属性来创建圆形或椭圆形的“气泡”，以及。属性来设置背景和动画效果。请注意，上述示例中的。
2024-07-23 16:14:20
591
原创 CSS3雷达扫描效果
这个示例创建了一个非常基础的雷达扫描效果。您可以根据需要调整颜色、大小、旋转速度等属性，以及添加更多的细节和效果。要创建一个CSS3的雷达扫描效果，我们可以使用CSS的动画（元素在2秒内从0度旋转到360度，从而实现连续的扫描效果。属性设置为50%，这会将扫描线的顶部置于雷达圆的中心，而。的圆形div作为雷达的主体，并在其中放置了一个名为。则会将其向上移动自身高度的一半，从而实现垂直居中。的垂直线，这条线将作为雷达的扫描线。，确保旋转的起点在元素的顶部中心。进行旋转，模拟雷达扫描的效果。
2024-07-23 16:10:02
702
1
原创 HTML+CSS3网页字符下雨特效
要在HTML和CSS3中创建一个字符下雨的特效，我们需要使用HTML来构建基本结构，然后使用CSS3的动画和关键帧（keyframes）来创建动画效果。但请注意，CSS3本身并不直接支持复杂的字符动画，如文字逐个出现或移动的复杂模式。不过，我们可以模拟一个简单的“字符雨”效果。
2024-07-23 16:07:28
250
原创 HTML+echarts.js实现的炫酷金色风格可视化组件
一款炫酷金色风格可视化组件，统计图表使用Echarts.js，整体风格采用金黄色看起来很大气，设计是通用型的，可以用作任何场景。炫酷金色风格可视化组件 (bootstrapmb.com)
2024-07-18 07:51:12
332
1
原创 bootstrapmb资源分享 动态粒子特效
particles.js网页粒子动态背景插件 (bootstrapmb.com)酷炫粒子+地球3d旋转登录效果 (bootstrapmb.com)canvas炫酷粒子文字特效 (bootstrapmb.com)第1款：particles.js网页粒子动态背景插件。第3款：酷炫粒子+地球3d旋转登录效果。第2款：canvas炫酷粒子文字特效。
2024-07-18 07:43:11
316
原创 推荐10套高端投资公司官网模板Web源码下载(Bootstrap实现)
公司官网代表着一个企业的门面，网站界面的设计尤为重要。今天小编推荐的这10款投资公司HTML模板，看起来大气时尚，用简单的方式展示自己的投资业务。都是基于Bootstrap框架实现的网页模板，在手机端上看起来也很美观。...
2022-07-13 09:27:12
3876
原创 冬天来了，分享几个网页下雪js特效
纯CSS实现的网页上下雪动画特效h5圣诞下雪网页动态背景特效gsap.js雪花网页特效代码canvas下雪背景特效
2021-12-07 20:45:29
1522
原创 按钮样式编辑器，自动生成css代码
收藏一个web小工具：http://www.bootstrapmb.com/cssbutton可以自动生成按钮的样式代码
2021-07-16 11:25:57
166
原创 bootstrap框架写手机端app模板也很漂亮
通用的移动端电子商务模板，基于Bootstrap框架编码的购物商城app模板。很不错的设计与编码用最新的web技术，页面功能方面也很全面，包含常见的手机商城页面。立即下载 在线预览手机移动端电商App静态模板，UI用户体验很棒的手机模板，包含很多电商app小部件元素。使用的框架是Bootstrap4.3.1版本。flex-box属性和提供更为平稳响应实用程序。立即下载...
2020-01-06 21:36:14
8856
2
转载 纯css3代码实现的奶牛
代码很简单，HTML<div class="container"> <div class="cow"> <div class="cow_head"> <div class="cow_ear"></div> <div class="cow_horn"></div> ...
2020-01-06 21:28:27
1027
原创 几种炫酷的canvas动态背景特效
canvas光斑闪烁动态背景特效立即下载 在线预览canvas科技感粒子特效，html5科幻粒子动画代码，js鼠标跟随。立即下载 在线预览htm5圆圈线条连接动画网页背景立即下载 在线预览...
2020-01-06 21:19:44
10080
转载 svg气球爆炸特效
先看效果下面是所有的代码<svg contentScriptType="text/ecmascript" width="600.0px" xmlns:xlink="http://www.w3.org/1999/xlink" baseProfile="full" zoomAndPan="magnify" contentStyleType="text/css" height...
2019-09-24 17:26:12
627
转载 css3实现的僵尸走路动画
css3实现的僵尸走路动画，css3真是强大，趣味十足，貌似实用性不强。定义html代码<div id="wrapper"> <div class="zoombie"></div></div>全部的css3代码.zoombie { /*Our png sprite is 2000px x 312px, then each ...
2019-09-24 17:24:02
660
转载 css3实现小球无限循环跳动
一共有四个小球，可以当做loading特效。<div class="loader"> <div class="loader-ball"> <div class="ball ball-first" id="ball-1"></div> </div> <div class="loader-bal...
2019-09-24 17:21:33
1621
原创 收藏几个漂亮的管理后台模板
貌似bootstrap框架最近很流行，这几天在学习，看到几个大神些的管理后台模板，膜拜。http://www.bootstrapmb.com/item/5801http://www.bootstrapmb.com/item/5781http://www.bootstrapmb.com/item/5590http://www.bootstrapmb.com/item/4118...
2019-08-19 17:17:47
2061
1
培训机构手机端HTML模板
2019-02-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人