/*css样式*/
*{margin:;padding:;list-style-type:none;}

a,img{border:;}

body{font:12px/180% Arial, Helvetica, sans-serif ,"新宋体";}

.demo{width:680px;margin:40px auto 0 auto;}

.demo td{padding:5px;}

#copy-button{width:125px;height:45px;cursor:pointer;border:;background:url(images/btn.gif) no-repeat;}

<!--html代码开始-->
<div class="demo">

    <table width="100%">

        <tr>

            <td>

                <textarea id="copytext" name="codeiframe" rows="5" cols="60">jsfoot 网页特效比网站建设用户提供jquery 特效 js特效 flash特效 div+css教程 html5教程 提示框 弹出层 浮动层 手风琴 评分、进度条 日期时间 颜色选择器 滚动条美化等多种网页特效。http://www.jsfoot.com/</textarea>

            </td>

        </tr>

        <tr>

            <td><input type="button" value="" id="copy-button" /></td>

        </tr>

    </table>

</div>

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

<script type="text/javascript" src="js/ZeroClipboard.js"></script><!--引入这两个文件即可-->

<script type="text/javascript">

var clip = null;

ZeroClipboard.setMoviePath("swf/ZeroClipboard.swf");/*如果swf文件不与js不在同一目录下，在这里设置*/

$(document).ready(function(){

    clip = new ZeroClipboard.Client();

    clip.setHandCursor(true);  /*鼠标样式*/

    clip.setText($("#copytext").val());  /*被拷贝的内容*/

    clip.glue("copy-button");/*事件，为触发事件的id*/

    clip.addEventListener("complete", function(){/*监听事件，代码复制完后响应*/

        alert("代码已复制到剪贴板！");

    });

});

</script>