将fancyInput插件安装到网站

时间:2014-02-21 12:51:33

标签: jquery html css html5 sass

我检查了fancyInput插件,但我不明白我应该如何安装到我的网站。 我检查了github项目,但没有意识到如何安装它。

是否有显示如何安装它的页面或博客?

2 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

这很容易。您可以尝试例如:

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <link rel="stylesheet" href="http://dropthebit.com/demos/fancy_input/styles.css" />
        <link rel="stylesheet" href="http://dropthebit.com/demos/fancy_input/fancyInput.css" />
        <!--[if lt IE 9]><script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript" src='http://dropthebit.com/demos/fancy_input/fancyInput.js'></script>
        <script type="text/javascript">
            $(document).ready(function()
            {
                $('#myInput').fancyInput();
            });
        </script>       
    </head>
    <body>
        <input id="myInput" type='text' value="Hello!" style="border:solid 1px gray;" />
    </body>
</html>