day02

已于 2023-02-21 17:01:43 修改
阅读量44 收藏
点赞数
分类专栏： 前端 文章标签： html javascript 前端
于 2022-11-02 21:51:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zh_1111/article/details/127659868
版权

<!DOCTYPE html>
<!--    
    DOCTYPE文档类型声明
 -->
<html lang="en">
    <!-- 
        指定语言，如en--英语
                   zh-cn汉语
     -->
<head>
    <!-- 网页头部，不会在网页中显示    可以放文挡的脚本文件（javascript），样式（style），met信息标签，tdk
     -->
        -->
    <meta charset="UTF-8">
    <!-- 
        语言类型，UTF-8英语
     
     -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>
<body>
    <div></div>
    <!-- 
        搭建网页结构的基本标签----盒子，无语意标签

        特性：  宽度默认撑满整个父元素
                高度默认由内容撑开
                独立成行----垂直布局
     -->
    <h1 style="background-color: pink" >hhh</h1>
    <h2></h2>
    <h3></h3>
    <h4></h4>
    <h5></h5>
    <h6></h6>
    <!-- 
        标题标签，h1~h6
        标题标签中文字依次减小，重要程度依次减弱。
        h1标签整页只有一个，h2~h6可以有多个
        特性：  宽度默认撑满整个父元素
                高度默认由内容撑开
                自带外间距
                独占一行----垂直布局
                自带加粗效果
     -->
     <!-- 
        应用场景：   文章页标题，内容章节标题
                    LOGO
                    产品标题
      -->
      <p></p >
      <!-- 
        p标签：段落标签
        特性：宽度默认撑满整个父元素
              高度默认由内容撑开
              独立成行----垂直布局
              自带外边距
        应用场景：文章中段落，页面中的文字块
        注意：p标签里不能再嵌套块级标签，如：div，h，p      
       -->
       <hr>
          <!-- 
            hr标签：水平分割线，块级标签
            特性：宽度继承父元素宽度
                  高度默认为0
                  自带边框
                  自带外间距
            作用：在页面中显示一条水平线      
           -->
      < img src="" alt="">     
           <!-- src：图片的地址 -->
</body>
</html>

zh_1111
关注
专栏目录
JS跑马灯
AIGC大前端小王子
02-28 848
本文主要介绍js跑马灯，适用于限制标题超出滚动，调整滚动时间。 方法 // 跑马灯 titleScroll() { if (this.goodsInfo.dclGoodsCname.length>20) { let title = this.goodsInfo.dclGoodsCname console.log(this.goodsInfo.dclGoodsCname.length) let fristchar = title.charAt(0); //在从中取第一个字符；(char.
前端学习（188）:浏览器内核和浏览器前缀
歌谣的博客
12-23 304
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...
js实现走马灯效果
z13903931414的博客
01-22 1437
走马灯效果通常指的是一种文本或图片在页面上循环滚动的效果。在JavaScript中，我们可以使用定时器（如。这样，你就有了一个简单的走马灯效果。当然，你可以根据需要进行进一步的样式和功能调整。为了确保在所有浏览器中都能正常工作，可以使用。：页面加载完成后，自动调用。
js走马灯
zoey的专栏
09-15 1390
方法一：最简单，但是仅仅支持IE8及以上，火狐，谷歌
javascript实现走马灯功能
12-27
走马灯,js特效，网页特效代码，JS教程，javascript
Day02
03-09
在IT学习过程中，"Day02"这样的标题可能代表着学习日程或课程的第二天，通常会涵盖前一天基础知识的巩固以及新知识的引入。虽然没有具体的描述和标签来指明涉及的具体技术领域，我们可以根据常见的学习路径来推测...
跑马灯（走马灯）的js实现
xiaojing的博客
12-05 1万+
这个跑马灯的实现思路其实跟轮播无缝连接的思路是一样的。实现的效果如下(这个软件的水印真的好明显，小小字在跑的就是跑马灯了=.=)： 跑马灯的样式和html <div class="notice-container"> <span class="notice-icon"></span> <div class="notice-item...
js实现跑马灯
12-06
一个使用js脚本制作的跑马灯效果。s做的一个抽奖demo,有加速和减速效果。开始前先获取中奖号吗，效果结束时自动选中。
js走马灯，完整代码
最新发布
qq_41892764的博客
06-03 317
【代码】js走马灯，完整代码。
js实现跑马灯效果
07-23
js里面就实现跑马灯，有上、下、左、右滚动效果，
JS 一个很牛逼的跑马灯
06-24
JS 一个很牛逼的跑马灯
原生js实现跑马灯（走马灯）效果
写写代码，慢慢进步
08-08 6583
js实现跑马灯效果
CSS实现渐变圆环
时光清浅处，一步一安然
03-25 9609
CSS实现渐变圆环 今天呢，我们来讲讲使用CSS实现渐变圆环。 linear-gradient实现 首先呢，我们的初步思维应该是画一个圆，通过背景色渐变来实现一个基本的圆形渐变，再定位一个纯色背景色的圆形覆盖在上一个圆形，来创建一个从视角上看起来是渐变的圆环。 代码如下： <div class="circle"> <div class="content"></div> </div> .circle { width: 206px;
JS 跑马灯效果实现（很好用）
热门推荐
yangsen251024的专栏
02-26 5万+
实现跑马灯效果的JS很多，但是很多不好用，下面介绍一个比较好用的。 好用之处在于： 1 支持一个页面多个跑马灯效果 2.支持跑马灯内容的异步加载 关键的实现代码，如果看不懂，可以跑这个列子 文字1 文字2 文字3 文字4 文字5 function test() { $("#RunTopic").find("li:first").appendTo(
js实现走马灯
weixin_40543741的博客
08-21 874
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;跑马灯效果&lt;/title&gt; &lt;style type="text/css"&gt;
css 圆形渐变
weixin_30813225的博客
01-04 230
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <style> 6 div { width:100px; height:100px; -webkit-transform:rotate(90deg);}...
css 圆形渐变框
thankseveryday的专栏
05-16 232
【代码】css 圆形渐变框。
纯JS实现走马灯
weixin_34128411的博客
09-21 1406
使用js实现的走马灯功能，效果粘贴代码浏览器运行下就可看到。粗略的想了一下。其他的功能扩展起来也比较方便，就没有继续写下去，可扩展点：自动播放；面板指示点；支持多种速度的动画效果；图片可配置；监听宽度变化<div class="fs_0 ps_rl w_fc mg_auto"> <div class="container ps_rl ws_nw dp_ib"> ...
Vue Day02：表单元素与绑定详解
在Day02 VUE资料整理中，主要讲解了Vue.js中的核心组件和特性，特别是与前端开发中常用的表单元素交互的部分。以下是详细的知识点总结： 1. **表单元素** - Vue提供了直观易用的数据绑定功能，使得在HTML模板中操作...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值