jQuery插件:tagTo,添加tag标签的插件

2009-08-06 10:21:32 | 【

本插件可以将预定义的tag标签动态添加到文本框中,自动排版,任意添加、删除tag标签,简单实用

查看演示页面 View Demo

在网页<head>区添加以下代码

 <style type="text/css" media="screen">
        body {font:medium/1.5 arial,helvetica,sans-serif;}
        code {font:99.9%/1.2 consolas,'courier new',monospace;}
        #from a {margin:2px 6px;}
        #to {width:36em;}
        .selected {background:#c00; color:#fff;}
        .addition {margint-top:2em; text-align:right;}
    </style>
    <script type="text/javascript" src="jquery-1.1.2.js"></script>
    <script type="text/javascript" src="jquery.tagto.js"></script>
    <script type="text/javascript">
        (function($){
            $(document).ready(function(){
                $("#from").tagTo("#to");  //其中from为标签Div的ID,to为要显示Tag标签的文本框ID
            });    
        })(jQuery);
    </script>


在网页<body>区添加以下代码
<div>
    <input type="text" id="to" name="to">
</div>
<strong>Tags:</strong>
<div id="from">
    <a href="#">css</a> <a href="#">rain</a> <a href="#">javascript</a> <a href="#">flash</a>
	    <a href="#">work</a> <a href="#">success</a> <a href="#">机会</a> <a href="#">成功</a>
</div>

下载"jQuery插件:tagTo,添加tag标签的插件"

  • 本地下载
  • 本地下载2

相关资源