app直播源代码,jquery 拖拽复制

app直播源代码,jquery 拖拽复制

 

1
<head><br>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br>    <title>jqeruy UI 拖拽练习</title><br>    <style><br>        table {<br>            border-collapse: collapse;<br>        }<br>            table td {<br>                empty-cells: show;<br>            }<br>    </style><br></head><br><body><br>    <h2><br>        拖动复制例子</h3><br>            <table border="2"><br>                <tr height="40"><br>                    <td id="dragg1" width="110" bgcolor="peru">复制1</td><br>                    <td id="dragg2" width="110" bgcolor="lightgreen">复制2</td><br>                    <td id="dragg3" width="110" bgcolor="salmon">复制3</td><br>                </tr><br>            </table><br>        <table><br>            <tr><br>                <td><br>                    <table border="2"><br>                        <tr height="40"><br>                            <td width="150">a1</td><br>                            <td width="150">a2</td><br>                            <td width="150">a3</td><br>                            <td width="150">a4</td><br>                        </tr><br>                        <tr height="40"><br>                            <td width="150" id="innerBox11"></td><br>                            <td width="150" id="innerBox12"></td><br>                            <td width="150" id="innerBox13"></td><br>                            <td width="150" id="innerBox14"></td><br>                        </tr><br>                        <tr height="40"><br>                            <td width="150" id="innerBox21"></td><br>                            <td width="150" id="innerBox21"></td><br>                            <td width="150" id="innerBox21"></td><br>                            <td width="150" id="innerBox21"></td><br>                        </tr><br>                        <tr height="40"><br>                            <td width="150" id="innerBox31"></td><br>                            <td width="150" id="innerBox31"></td><br>                            <td width="150" id="innerBox31"></td><br>                            <td width="150" id="innerBox31"></td><br>                        </tr><br>                        <tr height="40"><br>                            <td width="150" id="innerBox41"></td><br>                            <td width="150" id="innerBox41"></td><br>                            <td width="150" id="innerBox41"></td><br>                            <td width="150" id="innerBox41"></td><br>                        </tr><br>                    </table><br>                </td><br>            </tr><br>        </table><br>        <!--导入jquery插件--><br>        <script type="text/javascript" src="https://www.jq22.com/demo/jquery-tdfz20160803/jQuery1.11.3.min.js"></script><br>        <!--导入jqueryUI插件--><br>        <script type="text/javascript" src="https://www.jq22.com/demo/jquery-tdfz20160803/jquery-ui.js"></script><br>        <script type="text/javascript" language="javascript"><br>   //在页面加载完之后加载jquery<br>   $().ready(function(e) {<br>       //拖拽复制体<br>       $('td[id^="dragg"]').draggable({<br>   helper:"clone",<br>   cursor: "move"<br> });<br>//释放后<br>   $('td[id^="innerBox"]').droppable({<br>drop:function(event,ui){<br>$(this).children().remove();<br>var source = ui.draggable.clone();<br>    $('<span style="color:red;" onclick = "javascript: $(this).parent().remove();" >   删除</span>', {<br>style:'display:none',<br>}).appendTo(source);<br>source.mouseenter(function () {<br>    $(this).find("span").show();<br>});<br>source.mouseleave(function () {<br>    $(this).find("span").hide();<br>});<br>$(this).append(source);<br>}<br>});<br>     });<br>        </script><br>        <!--自写脚本--><br>        <br>        </body>

以上就是app直播源代码,jquery 拖拽复制的全部代码,更多内容请关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(9)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2021-10-20 短视频平台源码,动态上传的图片以九宫格形式展示
2021-10-20 直播app系统源码,在 Flutter 中更改文本的字体系列
2021-10-20 短视频平台源码,登录界面插入背景图片
点击右上角即可分享
微信分享提示