自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 js实现模态框的拖拽

js实现模态框的拖拽之前学习js遇到了这样的需求:鼠标按下后,移动鼠标,模态框随鼠标移动,鼠标松开,模态框也不会随鼠标移动。<完整的代码在最后哦>分析思路:1.点击弹出层,模态框和遮挡层就会显示出来。display:block2.点击关闭按钮,模态框和遮挡层就会隐藏。display:none3.在页面中拖拽的步骤:鼠标按下并移动,之后松开鼠标4.触发事件是鼠标按下mousedown,鼠标移动是mousemove,鼠标松开:mouseup5.拖拽过程:鼠标移动过程中,获得最新的

2021-09-28 00:13:29 472

原创 js基础知识

1.初识JavaScript1.1JavaScript历史布兰登·艾奇( Brendan Eich ,1961年~)。神奇的大哥在1995年利用10天完成JavaScript设计。网景公司最初命名为LiveScript,后来在与Sun合作之后将其改名为JavaScript.1.2 JavaScript是什么JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言( Script是脚本的意思)脚本语言︰不需要编译,运行过程中由js解释器(js 引擎)逐行来进行解释并执行现在也

2021-08-10 19:23:34 203

原创 HTML——表格的快速生成以及表格的合并

sublime表格的快速生成单行单列快捷键:table>tr>td 然后在按一下 tab键注意:其中标签定义的是有若干行,表示每行被分割成若干单元格。实现:单行多列快捷键:table>tr>td*N 然后按一下tab键,其中N是一个整数,代表需要生产多少列多行单列快捷键:table>tr*M>td 然后按一下tab键,其中M是一个整数,代表需要生产多少行多行多列快捷键:table>trM>tdN 然后在按一下 tab 键,其中M和N

2021-07-26 17:15:27 7330

原创 (css )图片压盖效果的案例总结

(css )图片压盖效果的案例总结(初学前端,请多多指教)最近做静态页面,发现有很多图片压盖效果的布局。鼠标放上去的时候,显示下面的文字,鼠标松开,就会隐藏。那么你们遇到这样的布局会怎么做呢?一般会想到浮动和定位。具体步骤第一步,先设置几个div,放需要的图片,和要显示的文字。第二步,使div浮动,令其横向排布。第三步,使文字定位在div的下方(子绝父相<也就是儿子设置绝对定位,父亲设置绝对定位>)第四步,设置隐藏接下来看看具体代码吧这里是css的代码 *

2021-07-25 11:54:06 660

原创 html中的超链接(总结)

html中的超链接首先我们来认识一下超链接标签,其作用是从一个页面链接到另一个页面链接的语法格式:<a href="跳转目标- target="目标窗口的弹出方式">文本或图像</a>两个属性的作用如下:1.外部链接例如:< a href="http:/ / www.baidu.com " target="_self">百度</a >.注意:target="__self"是在当前页面打开,target="___blank"会在新窗口打开

2021-07-25 01:18:36 4335

转载 带小三角的边框如何实现

带小三角的边框如何实现方法:使用伪元素before和after,before和after可以在标签的内部放置一个最前或最后的标签,添加的标签也同样能够继承父元素的属性。原理图:第一步:在div中通过before和after添加两个小三角形第二步:使用定位让两个三角形重叠第三步:调整位置,将重叠的三角形移到div边框上。第四部,将after三角形的背景颜色调整为与div的背景颜色一致,实现想要的效果。注意:两个三角形的形状要相同,大小不同。css中三角形的实现方法:在border中有

2021-07-24 10:19:39 514

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除