![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
我的哥哥呦
不断学习,热爱学习的前端菜
展开
-
如何将对象转换成数组
var List=new Array;//声明对象var Json={"keys": "201604070588,201852635298"};//将对象中的逗号去掉List=Json['keys'].split(',');//即成为数组形式console.log(List);//检测目前是否为数组形式console.log(List instanceof Array);...原创 2020-01-07 11:52:30 · 8187 阅读 · 0 评论 -
layui实现展开行效果
Table:JS:function GetListDouble() { layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element', 'slider', 'jquery'], function() { var table = layui.table; var element ...原创 2019-12-26 14:25:16 · 5090 阅读 · 3 评论 -
layui的数据表格展开
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum...原创 2019-12-25 11:31:08 · 6070 阅读 · 0 评论 -
如何获取li的个数
//控制选项卡个数function DelLi2() { var li1 = parent.$('.layui-tab-title li').length; if (li1 > 9) { layer.alert("选项卡最多打开9个,请主动选择关闭其中部分选项卡"); return false; }};如果处于子项,则加parent获取父级。然后在获取需要获取的ul ...原创 2019-12-11 14:14:43 · 979 阅读 · 0 评论 -
鼠标样式的改变
<style> li{ /*cursor: pointer; 鼠标样式变成手 */ /* cursor: text;变成选择 */ /* cursor: move;鼠标变成十字架样式(拖拽效果) */ } </style>...原创 2019-07-01 11:19:50 · 702 阅读 · 0 评论 -
搜索框
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> input{ outline: none; border:1px solid #ccc; width: 100px;...原创 2019-07-01 11:29:45 · 366 阅读 · 0 评论 -
图片与文字的位置
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> img{ vertical-align: middle;/* 控制图片和文字的水平位置 */ /* 1.用baseline会...原创 2019-07-01 11:39:00 · 732 阅读 · 0 评论 -
文本框溢出的部分显示省略号
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ padding: 0; margin: 0; } body{ padding: 30px;s ...原创 2019-07-01 11:49:31 · 634 阅读 · 0 评论 -
图片精灵
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> h3{ background:url(images/index.png) no-repeat -20px -230px; /...原创 2019-07-01 12:06:57 · 768 阅读 · 0 评论 -
通过精灵拼出andy
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> span{ display: inline-block; background: url(images/abcd.jpg) ...原创 2019-07-01 12:17:44 · 102 阅读 · 0 评论 -
微信滑动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body{ background:url(image/wx.jpg) repeat-x/* 横向平铺 */; } .na...原创 2019-07-06 10:19:16 · 180 阅读 · 0 评论 -
overflow
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div{ width: 200px; height: 200px; border:1px solid red; /...原创 2019-07-01 11:11:54 · 1502 阅读 · 0 评论 -
播放的悬停
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> a{ display: block; width: 448px; height: 2...原创 2019-07-01 11:04:55 · 102 阅读 · 0 评论 -
显示与隐藏
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width: 200px; height: 200px; backgrou...原创 2019-07-01 10:31:55 · 102 阅读 · 0 评论 -
圆角边框
border-radius:50%;原创 2019-06-30 10:15:12 · 95 阅读 · 0 评论 -
背景透明
background:rgba(0,0,0,0.1)原创 2019-06-30 10:16:06 · 248 阅读 · 0 评论 -
导航栏移入移出
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...原创 2019-06-30 11:45:33 · 323 阅读 · 0 评论 -
云道网页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>云道首页</title> <style> * { margin: 0; padding: 0;}body { background-color:...原创 2019-06-30 12:20:18 · 1569 阅读 · 0 评论 -
选项卡切换
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...原创 2019-06-30 16:04:53 · 91 阅读 · 0 评论 -
盒子水平居中
<style type="text/css"> div{ width: 200px; height: 200px; background-color: pink; position: absolute; left: 50%; margin-left: -100px;/*margin-left负值,表示盒子往左平移100像素*/ } ...原创 2019-06-30 18:34:14 · 129 阅读 · 0 评论 -
顺丰选项卡(自用)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .sf{ wid...原创 2019-06-30 19:59:13 · 120 阅读 · 0 评论 -
淘宝网选项卡(自用)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .taobao{ ...原创 2019-06-30 20:21:59 · 524 阅读 · 0 评论 -
固定定位(fixed)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body{ } div{ width: 200px; height: 200px; backg...原创 2019-06-30 20:49:19 · 6868 阅读 · 1 评论 -
div叠放次序
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width: 200px; height: 200px; backgrou...原创 2019-07-01 10:19:52 · 1306 阅读 · 0 评论 -
盒子div的阴影效果
/*盒子阴影*/<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>...原创 2019-06-30 10:13:59 · 7304 阅读 · 1 评论