一、使用原生js或者jQuery实现一个列表数据展示页面，展示字段包括序号、项目名称、建设单位、建设日期、项目状态，并且根据不同的项目状态使整行显示不同颜色。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Ti ...
分类：
Web程序 时间：
2020-06-30 11:02:28
阅读次数：
174
本文章总结jQuery实现checkbox三种情况的全选功能 第一种：等值全选，也称name的等值全选，通过checkbox的名称name实现。 第二种：模糊全选，也称id模糊全选，通过checkbox的id或value值实现。 第三种：值范围全选，也称value值范围全选，通过checkbox的v ...
分类：
Web程序 时间：
2020-06-12 14:44:37
阅读次数：
68
原生JS版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文字上下无缝轮播</title> </head> <style> * { margin: 0; padding: 0; } #container{ ...
分类：
Web程序 时间：
2020-05-29 21:42:57
阅读次数：
87
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style> #container { width: 460px; height: 200px; margin: 50px auto; border: 1px ...
分类：
Web程序 时间：
2020-05-23 00:09:16
阅读次数：
54
JQuery实现AJAX更加简洁,方便. $.ajax([设置参数]); String url 、发送请求的地址,默认为当前页地址 String type、请求方式(POST或者GET,默认为GET) Number timeout 、设置请求超时时间 Object data 或 String dat ...
分类：
Web程序 时间：
2020-05-22 21:08:41
阅读次数：
90
这里下划线显示使用的是伪类，用hover属性触发伪类，使其显示下划线 代码如下： width: 0; border-bottom: 2px solid blue; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0 ...
分类：
Web程序 时间：
2020-05-18 18:24:59
阅读次数：
68
1、Ajax（读A—jax不是阿贾克斯）原理图： 2、HTTP请求概念 <script> document.getElementById("search").onclick = function() { var request = new XMLHttpRequest(); request.open ...
分类：
Web程序 时间：
2020-05-17 13:06:40
阅读次数：
54
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-3.1.1.js"></script> <style> *{ margin: 0; } .m ...
分类：
Web程序 时间：
2020-05-10 21:25:30
阅读次数：
114
一、隔行换色 $("tr:odd").css("background-color","#eeeeee"); $("tr:even").css("background-color","#ffffff");或者一行搞定：$("table tr:nth-child(odd)").css("backgrou ...
分类：
Web程序 时间：
2020-05-07 22:36:06
阅读次数：
95
今天学习了jQuery，突发奇想自己动手做一个手风琴特效，这个特效在开发过程中最困难的就是布局，至于jQuery特效的实现还是比较简单的。 话不多说，直接上代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...
分类：
编程语言 时间：
2020-05-01 22:36:41
阅读次数：
81
