jquery
~翼~
这个作者很懒,什么都没留下…
展开
-
table表格(表头固定,内容滚动) 由于tbody出现滚动条时候宽度比thead大 ,所以会出现表头和内容对不齐的情况,解决方法如下:
1.单行表头的表格 (thead标签里面直接写th标签,此时浏览器会自动在th外面加一层tr标签,所以thead里面的tr宽度减去滚动条宽度就可以了) 例: js: // 表格对齐 var tbodyH = $("#tbody").outerHeight(true); if ($("#tbody tr").outerHeight(true) * $("#tbody tr").length > tbodyH) { $("#thead tr")...原创 2020-08-24 13:15:13 · 4092 阅读 · 0 评论 -
页面跳转传参
URL传参: A页面: 例: B页面: functionurlList(){ varurl=location.search; varurlList={}; if(url.indexOf("?")!=-1){ varstr=url.substr(1); console.log(str)//count=1,2,2 varstrs=str.split...原创 2020-07-09 15:03:51 · 351 阅读 · 0 评论 -
星星评价--等级说明
效果图: 样式: 结构: js:原创 2020-07-09 14:41:35 · 217 阅读 · 0 评论 -
layui日历控件添加自定义时间筛选
效果: 结构: 样式: 引入: js:(rqs:开始日期、rqz:结束日期) vardateList=[{ "name":"昨日", "rqs":moment().add('-1','days').format('YYYY-MM-DD'), "rqz":moment().add('-1','days').format('YYYY-MM-DD') },{ ...原创 2020-07-09 14:05:33 · 1072 阅读 · 0 评论 -
jquery实现滑动置顶效果
样式: .top{ width:100%; height:100px; background-color:skyblue; } .nav{ width:100%; height:50px; background-color:pink; } .main{ ...原创 2020-07-09 13:56:25 · 316 阅读 · 0 评论 -
jquery实现简单的tab切换
样式: .nav{ margin-bottom:20px; overflow:hidden; } .navli{ float:left; margin-right:20px; list-style:none; cursor:pointer; } .nav.on...原创 2020-07-09 13:54:19 · 141 阅读 · 0 评论 -
jquery实现滑动验证
效果如图: 结构: js:主要是通过计算滑动的div的位置 可以通过数组对象举例(每个对象中给一个背景图和一个滑块,自己可以随便给,只要保证路径正确即可) varimgArr=[{ "bgimg":"./css/img/bgBigPic1.jpg", "hdimg":"./css/img/bgSmallPic1.jpg" },{ "b...原创 2020-07-09 13:23:58 · 1683 阅读 · 1 评论