bsf000000___-CSDN博客

原创 jQuery实现购物车完整功能，script+css完整代码+详细解释，可复制粘贴使用，更改图片及相关数据即可

jQuery实现购物车完整功能，script+css完整代码+详细解释，可复制粘贴使用，更改图片及相关数据即可

2023-08-30 21:53:10 1218

原创轮播图完整代码详细解析，css+js+html完整代码，可直接复制粘贴使用，仅需改图片即可

这是一段使用HTML、CSS和JavaScript编写的图片轮播组件。它通过定时器实现自动播放图片，同时提供向左和向右的箭头按钮以手动切换图片。还包括一个圆圈导航，用于显示当前图片的索引，并且可以点击圆圈导航进行图片切换。具体实现步骤如下：以上就是该轮播组件的实现步骤。你可以根据需要进行修改和扩展，例如调整样式、更换图片等。效果图

2023-08-12 09:41:18 2719 1

原创 tab栏切换制作，点击导航栏切换内容html+css+js完整代码及详细解析

点击导航栏切换内容

2023-08-09 19:45:10 5636 2

原创模态框的拖动完整代码详细解析

在这段代码中，通过鼠标事件来获取对话框的坐标位置，实现对话框的拖动功能。

2023-08-09 19:29:39 91

JavaScript部分则负责监听鼠标事件，并计算遮挡层和放大图片的位置，实现图片放大和鼠标跟随效果。需要注意的是，该代码中引用了两个图片文件（“flame-girl1.jpg”），你需要将这两个图片文件放在合适的路径下，并在代码中正确引用。当鼠标在父容器内移动时，会计算遮挡层和放大图片的位置，从而实现放大镜效果。通过鼠标移动，可以在父容器内显示一个遮挡层和一个放大的图片区域，实现了图片放大和鼠标跟随效果。//大图片的移动距离=遮挡层距离*大图片最大距离/遮挡层的最大移动距离。//大图片的移动距离X Y。

2023-07-29 17:14:01 78

原创 innerText和innerHTML区别 target和this的区别

innerText和innerHTML是 JavaScript 中常用的属性，用于获取或设置 HTML 元素的文本内容。innerTextinnerTextinnerHTMLinnerHTMLinnerHTMLinnerHTML例如，考虑以下 HTML 代码：</</</总结来说，innerText返回纯文本内容，而innerHTML返回元素的 HTML 内容。在设置元素内容时，应根据具体需求来选择使用哪个属性，并注意安全性问题。如果仅需要获取或设置文本内容，推荐使用innerText。

2023-07-27 21:49:46 203 1

原创倒计时效果完整代码详细解析

这段代码是一个简单的倒计时效果示例，它使用了JavaScript和HTML来实现。然后，通过将用户输入的时间（2023年7月28日01:00:00）转换为毫秒数（请注意，这只是一个前端倒计时的简单示例，实际应用中可能需要考虑更多的场景和逻辑。接下来，将剩余时间的毫秒数转换为小时、分钟和秒数，并将结果显示在对应的。元素，分别用于显示小时、分钟和秒数的倒计时。元素，并将其存储在相应的变量中。//返回的是用户输入时间总的毫秒数。//返回的是当前时间的总的毫秒数。），计算剩余时间的毫秒数（方法获取到对应的元素。

2023-07-27 21:48:04 965 1

原创 html基础3

媒体样式（Media Queries）是一种CSS3的功能，用于根据设备的特性和特定的媒体查询条件，为不同的设备和媒体类型应用不同的样式。通过调整不同的值，你可以创建出各种不同类型的阴影效果，满足不同的设计需求。在您的 CSS 文件中，定义一个clearfix类，并将其应用于需要清除浮动影响的父元素上。通过使用媒体查询，可以为不同的设备和屏幕尺寸提供适配的样式，实现响应式设计，提升网页的可用性和用户体验。属性，你可以为元素添加各种背景图像，从简单的图像到复杂的渐变效果，以实现定制的外观。

2023-07-27 21:20:55 90 1

原创 Html基础知识2

margin塌陷的意思：同时给两个div设置相同的属性，当设置margin为100px，那么两个div之间的间隙应该是margin-bottom+margin-top=200px的外边距，但是没有设置BFC属性，块的上外边距和下外边距会合并为单个边距，取最大值，如果 margin相等，则仅为一个，这就是外边距重叠（margin塌陷）。直译为块级格式化上下文，把BFC理解成一块独立的渲染区域，BFC看成是元素的一种属性，当元素拥有了BFC属性后，这个元素就可以看做成隔离了的独立容器。

2023-07-24 09:29:26 24

原创给密码输入框定义格式要求，并检查是否符合要求，错误时给出提示信息

编辑表单元素中的密码输入框，在密码输入框内增加一个眼睛图标，刚开始是闭合状态，密码不可见，点击之后密码变为可见，密码框后提示输入格式，输入错误图片会会变化

2023-07-19 09:03:41 252

原创使用className方式更改页面样式

元素时，通过JavaScript代码，它会在 “son” 和 “father” 两个类名之间切换，以改变元素的外观。元素的类名更改为 “son father”，即同时具有 “son” 和 “father” 两个类名。它创建了一个网页，其中包含一个带有初始类名为 “son” 的。此代码利用CSS样式表中定义的样式规则来设置元素的宽度、高度、背景颜色和文本颜色。元素的类名更改为 “son”。这样就实现了类名的切换，从而改变了元素的样式。//让我们当前元素的类名改为了father。//要使原先类名存在，就写为。

2023-07-18 19:58:21 127

原创 html5新特性

datalist元素规定输入域的选项列表。datalist属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项：使用input元素的list属性与datalist元素绑定</</</</</</

2023-07-17 21:38:20 93

原创 html基础1

文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。禁止缩放：resize: none;水平缩放：resize: horizontal;垂直缩放：resize: vertical;水平垂直缩放：resize: both;label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。

2023-07-17 20:54:09 42

原创边框流动效果和文字闪光效果

/width;height;margin;border;animation;height;margin;border;margin-top;animation;.sonwidth;height;margin;border;margin-top;animation;50%;75%;100%;50%rgb;75%rgb;100%rgb;

2023-07-17 10:54:00 224

原创鼠标移动到特定模块时弹出小窗口，小窗口内可以显示图片等元素

在该代码中，我们使用了一些基本的 HTML 元素和 CSS 样式，也使用了 JavaScript 代码来处理事件。请注意：这段代码中的图片路径 “onepiece.jpg” 需要根据实际文件位置进行更改才能正常加载图片。请注意：这段代码中的图片路径 “onepiece.jpg” 需要根据实际文件位置进行更改才能正常加载图片。当鼠标在触发器上移动时，弹出窗口显示在鼠标位置。这是一个基本的 HTML 文件，其中包含了一个触发弹出窗口的父元素和一个弹出窗口。/* 设置小窗口格式 */// 设置弹出窗口的位置。

2023-07-13 22:02:59 737

bsf000000___的博客

原创 jQuery实现购物车完整功能，script+css完整代码+详细解释，可复制粘贴使用，更改图片及相关数据即可

原创 jQuery选择器