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 拖拽复制的全部代码,更多内容请关注之后的文章
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
2021-10-20 短视频平台源码,动态上传的图片以九宫格形式展示
2021-10-20 直播app系统源码,在 Flutter 中更改文本的字体系列
2021-10-20 短视频平台源码,登录界面插入背景图片