码迷,mamicode.com
首页 > Web开发 > 详细

好玩的网页文本框输入体验

时间:2016-04-10 01:10:57      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

        在github上发现一种好玩的文本框输入体验,在此分享!码友们可在本博客中进行体验,并获取到JavaScript源码。源码来源于github社区,码友可以进入github社区下载(activate-power-mode),也可以直接点击这里下载。

        程序DEMO:

        正好博客园支持JavaScript代码,在此做了一个DEMO,码友可直接在这里体验一下!︿( ̄︶ ̄)︿

          使用方法:

          点击这里下载activate-power-mode.js,然后在HTML文本中调用这个js文件,这样,在当前页面中输入时就会有上面那种效果了。代码如下:

<!DOCTYPE html>
<html>
<body>
    <textarea align="center" rows="40" cols="80">input your text here!</textarea>
    <script src="activate-power-mode.js"></script>
    <script>
    POWERMODE.colorful = true;
    document.body.addEventListener(input, POWERMODE);
    </script>
</body>
</html>

 

 

好玩的网页文本框输入体验

标签:

原文地址:http://www.cnblogs.com/robothy/p/5373020.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!