程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
15年,专注软件定制开发
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
代码
一个数字时钟的HTML
2024-11-19 07:46:53 +0800 CST
view 1146
该文本展示了一个数字时钟的HTML实现,使用CSS进行样式设计和动画效果,JavaScript用于实时更新时钟。时钟显示12小时制时间,并具有渐变背景和动态色彩变化的效果,整体设计简洁且现代。
前端开发
网页设计
编程
代码
一个基于canvas的自由贪吃蛇动画效果
2024-11-18 11:45:29 +0800 CST
view 798
该文本是一个HTML文档,展示了一个基于canvas的自由贪吃蛇动画效果。通过JavaScript处理鼠标事件,实现动态的光标轨迹。使用GSAP库来增强动画效果,代码中包含了对canvas的设置、鼠标位置的更新以及动画的循环更新。整体设计旨在提供一个互动且视觉上令人满意的用户体验。
网页设计
前端开发
动画效果
代码
html折叠登陆表单
2024-11-18 19:51:14 +0800 CST
view 794
该文本是一个HTML文档,包含一个折叠式用户登录表单。使用CSS变量定义样式,确保响应式设计。表单包括用户名和密码输入框,具有动态效果和交互性。整体设计注重用户体验,使用了现代的布局和样式技术。
前端开发
网页设计
用户界面
代码
html流光登陆页面
2024-11-18 15:36:18 +0800 CST
view 820
该文本是一个HTML文档,展示了一个渐变效果的登录页面。页面使用了CSS样式来创建一个美观的表单,包含用户名和密码输入框,以及登录和注册链接。背景为深色,输入框和按钮采用渐变色,具有动画效果,提升用户体验。
网页设计
前端开发
用户界面
HTML
CSS
代码
支付页面html收银台
2025-03-06 14:59:20 +0800 CST
view 742
该文本是一个支付页面的HTML代码,包含商家信息、支付金额输入、支付方式选择(微信、支付宝、银行卡)以及数字键盘功能。用户可以输入支付金额并选择支付方式,确认支付时会弹出提示。页面设计简洁,使用了FontAwesome图标库,包含投诉链接和支付方式的动态效果。
网页设计
支付系统
前端开发
用户界面
HTML
代码
html文本加载动画
2024-11-19 06:24:21 +0800 CST
view 832
该文本展示了一个简单的HTML页面,包含加载文本动画的实现。使用CSS样式和关键帧动画,创建了一个动态的加载效果,背景为渐变色,文本在加载时逐个字符出现,增强了用户体验。
网页设计
前端开发
动画效果
代码
一个简洁大气的登录表单的HTML和CSS代码
2024-11-18 13:14:02 +0800 CST
view 814
该文本展示了一个简洁大气的登录表单的HTML和CSS代码。表单包含用户注册所需的输入字段,如全名、电子邮件和密码,并使用现代的样式设计,确保良好的用户体验。表单还包括一个登录链接,方便已有账户的用户访问。
前端开发
网页设计
用户体验
代码
一个简洁大气的登录表单的HTML和CSS代码
2024-11-19 03:24:04 +0800 CST
view 852
该文本展示了一个简洁大气的登录表单的HTML和CSS代码。表单包含电子邮件和密码输入框,忘记密码链接,以及社交账户登录按钮。样式使用了渐变背景、圆角边框和阴影效果,提供了良好的用户体验。用户可以通过社交媒体账户(如Google、Apple和Twitter)进行登录,并且有用户协议的链接。
前端开发
网页设计
用户界面
揭开CSS的神秘面纱:10个鲜为人知但极其实用的技巧!
编程
揭开CSS的神秘面纱:10个鲜为人知但极其实用的技巧!
2024-11-18 16:33:26 +0800 CST
view 845
本文揭示了10个鲜为人知但极其实用的CSS技巧,包括contain属性、clip-path、object-fit、will-change、CSSGrid的auto-fit和auto-fill、backdrop-filter、text-shadow、mask属性、可变字体以及resize属性。这些技巧可以帮助开发者提升网页设计的灵活性和美观性。
前端开发
网页设计
CSS
技术技巧
代码
一些实用的前端开发工具网站
2024-11-18 14:30:55 +0800 CST
view 850
本文介绍了一些实用的前端开发工具网站,包括生成CSS阴影效果、动画图标、CSSGrid布局、前端开发工具箱以及SVG波浪形状生成器。这些工具旨在帮助程序员提高开发效率,简化设计过程,提供丰富的视觉效果和动画支持。
前端开发
网页设计
开发工具
编程
CSS技巧,包括滤镜效果、文本省略、渐变效果和遮罩效果等
2024-11-18 04:21:38 +0800 CST
view 719
本文分享了一些实用的CSS技巧,包括滤镜效果、文本省略、渐变效果和遮罩效果等。详细介绍了如何使用CSS属性如filter、text-overflow、mask等来实现各种视觉效果,并提供了相应的代码示例,旨在帮助网页设计师提升设计的美观性和功能性。
网页设计
前端开发
CSS技巧
代码
一个名为“仙风道骨充值中心”的网页,提供用户充值游戏账户的功能
2024-11-19 04:50:17 +0800 CST
view 928
该文本描述了一个名为“仙风道骨充值中心”的网页,提供用户充值游戏账户的功能。用户需要输入充值账号、确认账号、选择区服和支付方式,并可以选择固定金额或自定义金额进行充值。页面包含相关的样式和JavaScript代码,用于处理用户输入和提交表单。充值成功后,用户会收到相应的提示。
网页设计
游戏
支付系统
用户界面
代码
一个包含混搭动画效果的网页设计
2024-11-19 08:23:55 +0800 CST
view 768
该文本展示了一个包含混搭动画效果的网页设计,主题围绕未来科技、数字艺术和未来城市。使用CSS动画和JavaScript实现动态效果,增强用户交互体验。页面包含多个分栏,每个分栏展示不同主题的内容和相关技术,配合视觉效果和按钮交互,提升整体美感和功能性。
网页设计
前端开发
用户体验
代码
404错误页面的HTML代码
2024-11-19 06:55:51 +0800 CST
view 641
该文本是一个404错误页面的HTML代码,表示请求的页面未找到或已被删除。页面包含样式和结构,显示了一个提示用户返回首页的消息,并在3秒后自动重定向到首页。
网页设计
错误处理
用户体验
代码
页面不存在404
2024-11-19 02:13:01 +0800 CST
view 740
该文本是一个HTML文档的示例,包含了网页的基本结构和一些CSS样式。它展示了如何使用SVG图形和动画效果来增强网页的视觉效果。文档中还包含了一些元数据,如描述和关键词,适合用于网页的SEO优化。整体设计采用了渐变背景和动画效果,使得页面更加生动。
网页设计
前端开发
动画效果
代码
手机导航效果
2024-11-19 07:53:16 +0800 CST
view 1110
该文本展示了一个简单的HTML网页结构,包含了基本的CSS样式,用于创建一个带有下拉菜单的导航栏。导航栏包含四个链接:主页、关于、服务和联系。CSS样式定义了页面的背景颜色、文本对齐方式以及导航链接的悬停效果,增强了用户体验。
网页开发
前端设计
用户界面
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
编程
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
2024-11-19 10:01:18 +0800 CST
view 1674
本文介绍了如何在Vue3中创建一个自定义的下拉选择框组件。通过使用setup语法糖,组件支持自定义选项和样式,提供了基本的功能如选项选择和下拉框显隐控制。还探讨了如何在父组件中使用该组件,并提出了进一步美化和功能扩展的建议,如搜索和多选功能。
前端开发
Vue
组件设计
用户界面
交互设计
综合
particles.js:轻量级 JavaScript 粒子库
2024-11-18 07:46:04 +0800 CST
view 799
particles.js是一个轻量级的JavaScript库,用于在网页上创建粒子效果。用户可以自定义粒子的数量、颜色、形状及运动方式。使用方法包括添加容器、引入库、加载配置和设置选项。该库支持npm、Bower和CDN安装,并提供丰富的配置选项以增强网页视觉效果。相关项目包括Three.js、PixiJS和p5.js。
JavaScript库
网页效果
前端开发
在网页中嵌入 Google 翻译小部件的实践指南
编程
在网页中嵌入 Google 翻译小部件的实践指南
2025-07-17 22:32:44 +0800 CST
view 128
本文介绍了如何在网页中嵌入Google翻译小部件的实践指南,包括背景、基本使用方法、注意事项及替代方案。尽管Google于2019年停止推广该小部件,但仍可在非商业网站上使用。提供了代码示例和样式定制建议,并推荐了适合商业站点的替代方案,如GoogleCloudTranslationAPI和TranslatePress插件。
网页开发
翻译工具
技术指南
Google服务
html一些比较人使用的技巧和代码
编程
html一些比较人使用的技巧和代码
2024-11-17 05:05:01 +0800 CST
view 2354
本文介绍了一系列JavaScript和HTML代码片段,用于增强网页的安全性和用户体验,包括禁止右键、复制、粘贴等功能,防止网页被框架化和缓存,以及自定义表单样式和图标等。通过这些代码,开发者可以有效地控制用户对网页的操作,保护内容不被随意复制或修改。
网页安全
JavaScript
HTML
JavaScript 开源无限滚动网格库InfiniteGrid
编程
JavaScript 开源无限滚动网格库InfiniteGrid
2024-11-18 18:25:13 +0800 CST
view 1033
InfiniteGrid是一个高性能的JavaScript开源库,旨在实现各种类型的网格布局,支持无限滚动功能。它适用于桌面端和移动端,能够与主流前端框架如Vue、React、Angular和Svelte集成。核心特点包括高性能的DOM管理、多种布局类型(如瀑布流和对齐布局)、响应式设计以及动态加载内容,极大提升了开发效率。
JavaScript
前端开发
开源库
网页布局
用户体验
综合
实时监控网页变动的利器!- ChangeDetection
2024-11-19 10:07:56 +0800 CST
view 2359
ChangeDetection是一个开源的网页变化检测工具,允许用户监控网页内容的变化并通过邮件或Webhook发送通知。它支持多种格式,提供灵活的配置选项,适用于内容监控、竞争情报、价格监控等多种场景。用户可以通过命令行或Web界面管理监控任务,确保及时获取重要信息的更新。
网页监控
开源软件
自动化工具
数据分析
Chrome开发者工具 (DevTools) 使用技巧
编程
Chrome开发者工具 (DevTools) 使用技巧
2024-11-19 01:15:54 +0800 CST
view 960
ChromeDevTools是一款强大的网页开发和调试工具,提供多个功能面板,如元素面板、网络面板和控制台等。本文总结了各面板的主要功能及使用技巧,包括如何禁用缓存、手动清理缓存、查找事件绑定、模拟手机调试等,帮助开发者更高效地进行网页开发和调试。
网页开发
调试工具
前端开发
DevTools
利用图片实现网站的加载速度
编程
利用图片实现网站的加载速度
2024-11-18 12:29:31 +0800 CST
view 663
这段代码通过创建并加载隐藏的图片来检测多个外部链接的加载时间,并将其显示在页面上。代码使用JavaScript动态创建`img`元素,捕获加载事件以计算时间,并在页面上显示。优化建议包括使用`Date.now()`进行准确计时,避免内联样式和事件绑定,处理加载成功和失败的情况,以提高代码的性能和可读性。
网页性能
前端开发
JavaScript编程
前端
大家都在搜索什么?
易支付
一个官网+多少钱
统一接受回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
企业官网建站费用
一个官网 多少钱
上一页
1
2
3
4
5
...
7
下一页