jack_2326-CSDN博客

原创 js制作动态图片时钟

本篇文章主要介绍动态图片时钟的制作，旨在练习函数的运用css代码如下： *{ padding: 0px; margin: 0px; } #div1{ width: 450px; height: 70px; margin: auto; } .dd{ width: 50px; height: 70px; background-image: url(.

2021-09-17 16:17:21 1151 1

原创通过js的for循环实现通过悬浮向div里添加ul和li标签

这里写自定义目录标题首先需要创建一个数组保存li标签里的内容，然后循环输出，再使用ul标签和li标签串联输出html代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten

2021-09-04 12:32:01 6280

原创 js实现10个10-100的随机数排序

这里写自定义目录标题利用js实现10个10-100的随机数排序利用js实现10个10-100的随机数排序代码如下：<script> var a=new Array(10) //创建一个包含十个字符的数组 for(i=0;i<a.length;i++){ //遍历数组 var radowNum=parseInt(Math.random()*100); //创建一个变量接收产生的随机数，因为随机数是0-1之间，所以要*100

2021-09-01 16:08:09 1710

原创 HTML中的浮动

文章目录一、网页布局分类二、display属性的使用三.浮动的应用四、解决父级边框塌陷的方法一、网页布局分类网页基本上都包括网站导航，网页主题内容，网站版权三个部分，虽然互联网上的网页基本上都包括这三个部分，但是在布局上各不相同。网页布局有上左右下布局，上左中右下布局，左边固定，右边自适应布局等，网页的头部和底部差不多，差异在于主题内容。1.什么是标准文档流？标准文档流是指元素根据块级元素或行内元素的特性按从上到下，从左到右的方式自然排列。二、display属性的使用已经知标准文档流右两种元.

2021-08-12 17:18:35 4141

原创 CSS中的盒子模型

文章目录前言一、盒子是什么？二、盒子模型的应用1.盒子模型的介绍2.边框的使用3.外边距的使用3.内边距的使用3.box-sizing拯救布局总结前言在网页制作过程中，处处都会用到盒子模型提示：以下是本篇文章正文内容，下面案例可供参考一、盒子是什么？示例：盒子模型是CSS控制页面的一个很重要的概念，只要用到div布局那么必然会用到盒子模型二、盒子模型的应用1.盒子模型的介绍在CSS中一个独立的盒子模型由网页内容（content）、边框（boder）、内边距（padding）、外边距（m.

2021-08-05 18:34:28 766

原创 html中列表、表格及表单的使用

css中列表、表格及表单的使用提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档目录前言在网页制作中，列表的使用场合很多，如常见的树形可折叠菜单、购物网站的商品展示等。提示：以下是本篇文章正文内容，下面案例可供参考一、什么是列表？列表是信息资源的一种展示，它使信息结构化和条理化，并以条列的样式显示出来，以便浏览者能更快捷地获得相应信息。二、不同列表及其应用1.无序列表无序列表是一个项目列表，其中的项目使用粗体原点进行标记。一般用于无序类型的列表，如导航、侧边栏新闻、有

2021-08-03 16:57:30 942

原创 HTML标签的应用

在HTML中我们常见几类标签：常用标签、图像标签、超链接标签、锚链接标签。一、常用标签：常见标签包括：1.<h1>..<h6>(标题标签）h1-h6标签的字号大小依次减小； 2.<p><br>（段落和换行标签） 3.<hr/>(水平线标签）用于添加水平线 4.<strong>...

2021-07-27 16:37:58 180

jack_2326的博客