JIK官方提供HTML在线运行
运行代码
HTML代码编辑器
总访问量:
2,023
清空代码
示例代码
一键打包网页
HTML代码编辑器
0
字符
1
行
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的网页</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; color: white; padding: 20px; } .container { text-align: center; padding: 40px 30px; background: rgba(255,255,255,0.1); border-radius: 20px; backdrop-filter: blur(10px); box-shadow: 0 10px 30px rgba(0,0,0,0.2); max-width: 400px; width: 100%; } h1 { margin-bottom: 20px; font-size: 2rem; } p { margin-bottom: 25px; font-size: 1.1rem; opacity: 0.9; } .btn { background: #3498db; color: white; border: none; padding: 12px 25px; border-radius: 25px; cursor: pointer; font-size: 1rem; transition: all 0.3s; margin: 8px; } .btn:active { transform: scale(0.95); background: #2980b9; } </style> </head> <body> <div class="container"> <h1>🚀 欢迎使用JIK平台</h1> <p>微信专用HTML在线运行</p> <button class="btn" onclick="showMessage()">点击测试</button> <button class="btn" onclick="changeColor()">切换背景</button> <div id="output" style="margin-top: 20px; min-height: 40px;"></div> </div> <script> function showMessage() { document.getElementById('output').innerHTML = '<div style="color: #2ecc71; font-size: 1.1rem;">✅ 代码运行成功!</div>'; } function changeColor() { const colors = ['#667eea', '#764ba2', '#f093fb', '#f5576c', '#4facfe']; const randomColor = colors[Math.floor(Math.random() * colors.length)]; document.body.style.background = 'linear-gradient(135deg, ' + randomColor + ' 0%, #667eea 100%)'; } </script> </body> </html>
网页打包设置
选择有效期:
默认自动生成免费使用1天
手机号码:
请输入您的手机号进行验证
立即生成网页
生成的网页将在到期后自动失效
成功生成您的网页
您的网页已成功生成,链接如下:
一键复制链接
有效期:
1天
页面备案号:
页面代码: