实现步骤 html + bootstrap 布局画3个面板。 注:面板样式 position 属性必须是绝对位置或者相对位置。 监听面板的的 mousedown事件。 记录当前对应面板的位置target_index,设置面板透明拖动。 监听当前被拖动的面板的mousemove事件。 根据鼠标移动的位 ...
分类:
Web程序 时间:
2020-07-14 10:34:58
阅读次数:
90
添加删除记录(原生) 示例: /*style.css*/ @CHARSET "UTF-8"; #total { width: 450px; margin-left: auto; margin-right: auto; } ul { list-style-type: none; } li { bord ...
分类:
Web程序 时间:
2020-07-13 15:39:11
阅读次数:
71
爱好选择(原生) 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>爱好选择(原生)</title> </head> <body> <form method="post" action=""> 你爱好的 ...
分类:
Web程序 时间:
2020-07-13 15:37:21
阅读次数:
75
js类库: 对常用的方法和对象进行封装,方便我们使用。 jQuery和html的整合: jquery是单独的js文件 通过script标签的src属性导入即可 获取一个jquery对象 $("选择器") 或者 jQuery("选择器") <html> <head> <meta http-equiv= ...
分类:
Web程序 时间:
2020-07-13 15:34:00
阅读次数:
72
看到很多PHP程序员职业规划的文章,都是直接上来就提Linux、PHP、MySQL、Nginx、Redis、Memcache、jQuery这些,然后就直接上手搭环境、做项目,中级就是学习各种PHP框架和类库,高级阶段就是MySQL优化、PHP内核与扩展、架构设计这些了。 这些文章都存在一个严重的缺陷 ...
分类:
Web程序 时间:
2020-07-13 13:28:30
阅读次数:
77
WYSIWYG Web Builder是一款网页模板制作工具。该软件多用于制作简单的网站和前端模板,不需要任何编程知识也可以轻松上手。包括登录账号保护、ActiveX、JAVA、Quicktime和其他插件的支持,让用户创建出想象中的网站。如果你懂HTML,该软件支持自定义HTML代码;如果你懂JQuery,该软件支持内置JQuery;如果你懂JavaScript,该软件支持自定义JS事件。
分类:
Web程序 时间:
2020-07-12 14:48:32
阅读次数:
164
jQuery核心函数 作为一般函数调用:$(param) 参数为函数:当DOM加载完成后,执行此回调函数。 参数为选择器字符串:查找所有匹配的标签,并将它们封装成jQuery对象。 参数为DOM对象:将dom对象封装成jQuery对象。 参数为html标签字符串 (用得少):创建标签对象并封装成jQ ...
分类:
Web程序 时间:
2020-07-11 19:25:52
阅读次数:
75
一. jQuery基础及选择器 1.补充: jQuery是js的类库 (1)jQuery的设计思想:write less,do more (2)jQuery的优势: 1》体积小 2》强大的选择器 3》出色的DOM封装 4》可靠的事件处理机制 5》出色的浏览器兼容性 2.在页面中引入jQuery <s ...
分类:
Web程序 时间:
2020-07-11 19:20:05
阅读次数:
77
jQuery对象 说明: 是一个包含所有匹配的任意多个dom元素的伪数组对象。 基本行为: size()/length:包含的DOM元素个数。 [index]/get(index):得到对应位置的DOM元素。 each():遍历包含的所有DOM元素。 index():得到在所在兄弟元素中的下标。 示 ...
分类:
Web程序 时间:
2020-07-11 19:09:39
阅读次数:
77
jQuery DOM操作 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 内容操作 html() 获取/设置元素的标签体内容 <a><font>内容</font></a> --> <font>内容</font> text() 获 ...
分类:
Web程序 时间:
2020-07-11 17:07:28
阅读次数:
83