JavaScript之搜索框

啧啧啧，又到月末了，时间过的真的好快啊︿(￣︶￣)︿现在没课上，天天宅在寝室就这么三件事：吃饭睡觉打豆豆。真感无所事事，无聊至极！突然好怀念那些上课的日子啊！至少不像现在，生活状态全部都搅乱了：以前可以按时吃饭睡觉，现在吃饭基本不按点，睡觉时间也是晚睡晚起了，发现自己懒了好多啊。这样下去是不行的，我要把“懒惰”两个字从我的字典里抹去！勤奋的鸟儿才有虫吃！我觉得我没有严格约束自己，我还是要调整好生活状态，不能这样“放荡不羁爱自由”。

现在还有时间，就要多学习，因为以后再也没有这么好的条件了。所以我计划，十一月，我要拿到驾照，边写博客边做毕业设计，这几件事都不能误。

好了，早点休息，不能再熬夜了（最近就是因为熬夜到凌晨两三点才睡觉所以黑眼圈都好几圈了），晚安，好梦。

我也不知道什么原因，莫名我就喜欢黑绿。所以我又把之前做过的JavaScript之简单搜索按钮改动了一下下，duangduagnduang~~(*^▽^*)

<style type="text/css"> input { border: 2px solid #00FF00; font-size: 1.5em; padding: .25em .5em .3125em; color: #00FF00; border-radius: .25em; background: transparent; -webkit-transition: all .10s; transition: all .10s; } input:focus { outline: none; color: #00FF00; border-color: #00FF00; } input.keyup { color: #00FF00; border-color: #00FF00; text-shadow: 0 0 .125em #00FF00; box-shadow: 0 0 .25em white,inset 0 0 .25em #00FF00; } body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } canvas { position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; } input { font-family: "Arial Rounded MT Bold","Helvetica Rounded",Arial,sans-serif; } ::-webkit-input-placeholder { color: #5E6C77; text-shadow: 0 0 .125em transparent; -webkit-transition: all .25s; transition: all .25s; } input:focus::-webkit-input-placeholder { opacity: .5; } ::-moz-placeholder { color: #5E6C77; text-shadow: 0 0 .125em transparent; -webkit-transition: all .25s; transition: all .25s; } input:focus::-moz-placeholder { opacity: .5; } :-ms-input-placeholder { color: #5E6C77; text-shadow: 0 0 .125em transparent; -webkit-transition: all .25s; transition: all .25s; } input:focus:-ms-input-placeholder { opacity: .5; } html, body { height: 100%; overflow: hidden; } html { background: #000000; } </style> </head> <body> <form action="http://www.baidu.com/s" target="_blank"> <input type="text" size=30 maxlength="100" name="word"> <input type="submit" class="btn" value="百度一下"> <input type="reset" value="重新输入"> </form> <script type="text/javascript" src="https://files.cnblogs.com/files/caidupingblogs/search.js"></script> </body>

posted @ 2016-10-31 16:37 冷的锋刃阅读(327) 评论(0) 编辑收藏举报

刷新页面返回顶部