告急～～求一段jQuery的完成效果。

zl1594678 2009-12-22 03:29:38

http://topic.csdn.net/u/20090812/09/a563f26d-c85f-40fa-870c-1115ae13e6b3.html
和以上的这个链接里边相似的效果，不过要使用jQuery完成效果。请大家帮帮忙~~感恩~~~

...全文

94 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

phoeni_xin 2009-12-23

打赏
举报

好快。。

zl1594678 2009-12-22

打赏
举报

谢谢，结贴～～～～～

Inpool 2009-12-22

打赏
举报

加上链接的显示效果，最后的代码：



<html>

 <head>

  <title>test</title>

  <script type="text/javascript" src="jquery.js"></script>

  <script type="text/javascript">

  <!--

  function addstr(){

    var $text = $("#test").val() + " " + $(this).text()

    $("#test").val($.trim($text));

    $(this).attr("style","background-color:#ccc;");

  }

  function removestr(){

    var $text = $(this).text();

    var retext = new RegExp($text+" ?" , "g");

    $text = $("#test").val().replace(retext,"");

    $text = $.trim($text);

    $("#test").val($text);

    $(this).attr("style","");

  }

  $(function (){

    $("#testlink a").toggle(addstr,removestr);

  });

  //-->

  </script>

 </head>

 <body>

  <input id = "test" type="text" />

  <div id = "testlink">

   <a href="javascript:;">link1</a>

   <a href="javascript:;">link2</a>

   <a href="javascript:;">link3</a>

  </div>

 </body>

</html>

Inpool 2009-12-22

打赏
举报

小失误- -



$(function (){

  $("#testlink a").click(toggle(addstr,removestr));

});

错了，改成



$(function (){

  $("#testlink a").toggle(addstr,removestr);

});

Inpool 2009-12-22

打赏
举报



<input id = "test" type="text" />

<div id = "testlink">

  <a href="javascript:;">link1</a>

  <a href="javascript:;">link2</a>

  <a href="javascript:;">link3</a>

</div>



function addstr(){

  var $text = $("#test").val() + " " + $(this).text()

  $("#test").val($.trim($text));

}

function removestr(){

  var $text = $(this).text();

  var retext = new RegExp($text+" ?" , "g");

  $text = $("#test").val().replace(retext,"");

  $text = $.trim($text);

  $("#test").val($text);

}

$(function (){

  $("#testlink a").click(toggle(addstr,removestr));

});