鱼C论坛

 找回密码
 立即注册
查看: 2448|回复: 2

[技术交流] 一个超超超级简单的表白程序

[复制链接]
发表于 2020-7-5 12:50:20 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
为什么说他超超超级简单呢?因为今天编程时间有限,只能编半小时,我就用15分钟时间做了这个65行的程序,话不多说,上代码:
<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <title>表白程序</title>
                <script type="text/javascript">
                        window.onload = function (){
                                Exe.run();
                        }
                        
                        var Exe = {
                                run : function (){
                                        this.init();
                                },
                                
                                init : function (){
                                        document.body.style.cssText = ' background: lightpink; text-align: center;'
                                        
                                        var title = document.createElement( 'h3' );
                                                title.innerHTML = '小姐姐,你喜欢我吗?';
                                                title.style.cssText = 'color: orange;';
                                                
                                        document.body.appendChild( title );
                                        
                                        var buttons = [ null , null ];
                                        var pos = ['50%', '5%'];
                                        
                                        buttons[0] = document.createElement('input');
                                                buttons[0].type = 'button';
                                                buttons[0].value = '不喜欢';
                                                buttons[0].style.cssText = 'position: absolute; background: red; border: none; width: 40%; height: 30%; left: ' + pos[0];
                                                
                                        buttons[1] = document.createElement('input');
                                                buttons[1].type = 'button';
                                                buttons[1].value = '喜欢';
                                                buttons[1].style.cssText = 'position: absolute; background: green; border: none; width: 40%; height: 30%; left: ' + pos[1];
                                        
                                        document.body.appendChild( buttons[0] );
                                        document.body.appendChild( buttons[1] );
                                        
                                        buttons[0].onmouseover = function (){
                                                buttons[0].style.left = pos[1];
                                                buttons[1].style.left = pos[0];
                                        }
                                        
                                        buttons[1].onmouseout = function (){
                                                buttons[0].style.left = pos[0];
                                                buttons[1].style.left = pos[1];
                                        }
                                        
                                        buttons[1].onmousedown = function (){
                                                var thing = (confirm('我就知道你会喜欢我^_^,咱们要不要就成最好的朋友?'));
                                                
                                                while (!thing) {
                                                        thing = confirm('你肯定是眼花了,再问一遍:咱们要不要就成最好的朋友?');
                                                }
                                                alert('好的,我们以后就是最好的朋友了^_^');
                                        }
                                }
                        };
                </script>
        </head>
        <body></body>
</html>
你们说我15分钟才做出个这玩意,我是不是超菜?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-7-9 22:47:11 | 显示全部楼层
多换几次有时候会卡一下
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-7-11 15:26:37 | 显示全部楼层
哦?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 22:21

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表