摘要: jQuery 输入框输入时自动提示,类似百度搜索下拉提示效果。 效果: Html代码: <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src=" 阅读全文
posted @ 2020-05-27 11:11 老和尚106 阅读(695) 评论(0) 推荐(0) 编辑
摘要: jquery线性数据转化为树 代码: // data:数组// parent_id:主键ID function toTree(data, parent_id) { var tree = []; var temp; for(var i = 0; i < data.length; i++) { if(d 阅读全文
posted @ 2020-05-27 10:54 老和尚106 阅读(215) 评论(0) 推荐(0) 编辑
摘要: Html代码: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> </h 阅读全文
posted @ 2020-05-27 10:52 老和尚106 阅读(372) 评论(0) 推荐(0) 编辑
摘要: 效果: Html: <input type="tetx" id="te" /> <p id="tee"></p> <button>验证</button> jq: $(document).on("click","button",function(){ var str=$("#te").val(); v 阅读全文
posted @ 2020-05-27 10:51 老和尚106 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 6种css3鼠标滑过图片动画效果 效果: Html代码: <html> <head> <meta charset="utf-8" /> <title>6种css3鼠标滑过动画效果</title> <style type="text/css"> /*****全局样式*****/ * { padding 阅读全文
posted @ 2020-05-27 10:48 老和尚106 阅读(1076) 评论(0) 推荐(0) 编辑
摘要: 利用flex布局超简单实现瀑布流排版 效果: Html代码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial 阅读全文
posted @ 2020-05-27 10:03 老和尚106 阅读(10253) 评论(1) 推荐(0) 编辑
摘要: 实现瀑布流排版 效果: Html代码: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>demo water-basic</title> <style type="text/css"> .water-basic { position 阅读全文
posted @ 2020-05-27 10:01 老和尚106 阅读(324) 评论(0) 推荐(0) 编辑
摘要: Html代码: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> </h 阅读全文
posted @ 2020-05-27 09:58 老和尚106 阅读(198) 评论(0) 推荐(0) 编辑
摘要: jquery实现的一个简单进度条效果实例,进度条完成后进行操作。 效果: Html代码: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>进度条</title> <script type="text/javascript" src 阅读全文
posted @ 2020-05-27 09:50 老和尚106 阅读(761) 评论(0) 推荐(0) 编辑
摘要: jq滚动到底部加载更多方法 Html: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-sc 阅读全文
posted @ 2020-05-27 09:47 老和尚106 阅读(1168) 评论(0) 推荐(0) 编辑