div 滚动条(最简单走马灯做法)

1. div 滚动条，最简单走马灯做法？

（1）第一步：添加一个div，设置overflow：hidden，执行单行滚动。（2）第二步：创建一个p标签用来存放文字内容，把它的长度设置为比 div宽长的距离，把它的定位方式设置为从div靠右侧开始，左移将文字内容完全隐藏在外边，把它的 position 设置为relative。（3）第三步：使用javaScript的 setInterval 定时器实现走马灯的功能，让文字每隔1秒就移动一次，并且移动距离为1px，直到p标签完全移除div之外为止，把停止定时器 setInterval(func,delay) 之后，重复执行，完成循环效果。

div 滚动条(最简单走马灯做法)

2. html怎样换行不顶格？

1、首先我们在Html，div和textarea控件中编写相应的代码，有一些文本内容。 2、为了使它不换行，你可以直接添加一个样式。white-space: nowrap; 就是让文本不换行的样式。 3、现在查看页面，文本不会换行，文本输入框有一个滚动条。但是div中的内容太长而无法显示，它并不美观。为了使div不超长显示，我们可以添加另一种样式，溢出：隐藏;这是为了让长内容自动隐藏。

3. dw导航栏怎么调间距？

一般来讲实现导航栏指定是采用绝对定位的方式。示例代码如下：

这里是导航所在的DIV容器。 CSS代码： .nav{ position:fixed; /* 绝对定位，fixed是相对于浏览器窗口定位。 */ top:0; /* 距离窗口顶部距离 */ left:0; /* 距离窗口左边的距离 */ width:100%; /* 宽度设置为100% */ height:40px; /* 高度 */ z-index:99; /* 层叠顺序，数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */ } 设置方式，原理及大致内容请看css代码注释。

4. 头部跟随功能怎么设置？

您好，头部跟随功能可以通过CSS样式来实现。具体步骤如下：

1. 在HTML文件中创建一个包含头部内容的div，并设置其固定位置和宽度。

2. 在CSS样式中，将该div的位置设置为固定，并使用top和left属性将其放置在页面顶部。

3. 给页面的主体内容添加一个margin-top属性，以确保内容不会被头部遮挡。

4. 添加JavaScript代码，当滚动条滚动时，动态改变头部div的位置，使其始终保持在页面顶部。

以下是一个简单的示例代码：

HTML：

```

<h1>这是头部内容</h1>

</div>

<p>这是页面主体内容</p>

</div>

```

CSS：

```

.header {

position: fixed;

top: 0;

left: 0;

width: 100%;

background-color: #fff;

padding: 20px;

box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);

}

.content {

margin-top: 100px; /* 确保头部不会遮挡内容 */

}

```

JavaScript：

```

window.onscroll = function() {

var header = document.querySelector('.header');

if (window.pageYOffset > 0) {

header.classList.add('sticky');

} else {

header.classList.remove('sticky');

}

};

```

在上述代码中，当滚动条滚动时，通过判断滚动距离是否大于0来添加或移除一个名为“sticky”的CSS类，该类将头部div的位置设置为固定，并将其放置在页面顶部。

CSS：

```

.header.sticky {

position: fixed;

top: 0;

left: 0;

width: 100%;

background-color: #fff;

padding: 20px;

box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);

}

```

通过以上步骤，实现了一个简单的头部跟随功能。

5. Excel有哪些需要掌握？

雷哥总结为两点：函数和常用小技巧。

相信读者看完后，会有很多收获！函数篇

1. Countif函数

countif函数用于统计满足某种条件时，单元格的数量

语法

=countif(数据区域，统计条件）

场景

1.统计出等于某数值（或文本）的单元格数量。

如图，统计出含有 “杭州”单元格的数量。

函数输入为：=countif(A1:E8, C4)

也可以用双引号输入文本的方法，具体函数输入为：=countif(A1:E8, "杭州")

注：数值不需要用双引号括起来，文本需要双引号括起来。

2.统计大于某值的数量

如图，统计销售额大于3的单元格数量。

=countif(E2:E8,">3")。注意：条件需要用双引号括起来。

注意：如果需要使用多个条件，需要使用countifs函数

2. Index函数

语法如下

=INDEX(array, row_num, [column_num])

看到这个好烦，雷哥你能不能说点人话？？？

用通俗易懂的话来说，Index语法为 =Index(数据区域，第几行，第几列）

例如，需要找出如下区域的第3行，第2列的数据（B3）。使用Index函数方法如下。

3. Match函数

语法如下

MATCH(lookup_value, lookup_array，[match_type])

小白对雷哥说，看到这个好烦啊。雷哥能不能简单粗暴点啊，不要那么墨迹墨迹！！

=Match( 要查找的值，查找范围，匹配的方式），最终返回行数或者列数

① 匹配方式为1或者省略，查找小于等于 lookup_value的最大值。 lookup_array必须以升序排列

② 匹配方式为0，查找等于lookup_value的值

③匹配方式为-1，查找大于等于 lookup_value的最小值。lookup_array必须以降序排列

注意：参数2 查找范围为一列或者一行。

例如，匹配方式为 1时

Step：对销售量进行增序排列，利用match函数，查找小于等于7的最大值（本文找到了6）。因为6在第 3 行，因此返回数值3

例如，匹配方式为 0时

Step：查找销售量为24时，数据所在的行数。返回的结果为6。具体方法如下图

例如，匹配方式为- 1时

Step：对销售量进行增序排列，利用match函数，查找大于等于12的最小数值（本文找到了24）。因为24在第 3 行，因此返回数值3.

4. Index和Match这对情侣综合使用

Index+Match 齐上阵，其威力相当于vlookup函数的威力

如图所示，需要填充右表中的销售额。vlookup可以快速实现填充，如何利用Index和Match进行匹配呢？

方法如下：思路利用match查找到销售人员的行数，利用index定位销售人员的销售额。具体如下：

5.逻辑函数

在Excel中，主要用的逻辑函数有 IF( IFERROR) 、 AND、OR、NOT。

IF函数

语法如下

=IF(条件判断，如果为真则返回该值，如果不为真则返回该值)

场景：如果考试成绩大于90分，则输出优秀。考试成绩小于等于90分，则返回良

注：

公式中除了汉语，字符都是在英文状态下输入的。

=IFerror(条件判断，如果为假则返回该值，如果为真则返回该值)

AND函数

语法如下

=AND(逻辑判断1，逻辑判断2，...) 所有的逻辑判断为真，则返回TRUE；一个为假，则返回FALSE

OR函数

语法如下

=OR(逻辑判断1，逻辑判断2，...) 所有的逻辑判断语句有一个为真，则返回TRUE；都为假时，则返回FALSE

NOT函数

语法

=NOT(逻辑判断)，对逻辑值中的值取反，如果逻辑判断为true，则返回 false。如果逻辑判断为false，则返回true

这些逻辑函数还可以各种组合成复杂的函数，比如= if(and(B1>80,B2<90),"跑步"，“羽毛球”)...

6. 四舍五入函数ROUND & TEXT

在职场工作中，会遇到用EXCEL处理数字的场景，需四舍五入。

那么这时，我们需要用什么Excel函数呢？

雷哥推荐 ROUND 和 TEXT 函数。

ROUND函数

语法

ROUND(number, num_digits)

参数解释如下：

number 必需。要四舍五入的数字。

num_digits 必需。要进行四舍五入运算的位数。如果等于1，表示保留一位小数。

例如，=ROUND(10.45，1) 表示四舍五入到一位小数，所以返回的结果为10.5

例如，=ROUND(10.4567，2) 表示四舍五入到2位小数，所以返回的结果为10.46

TEXT函数进行四舍五入

TEXT函数为格式百变大咖，相当于孙悟空的七十二变。

下面我们来看下TEXT函数的语法

=TEXT(Value you want to format, "Format code you want to apply")

我们通过例子来进行讲解

用TEXT四舍五入

例如，=TEXT(10.45，"0.0") 表示四舍五入到一位小数，所以返回的结果为10.5

例如，=TEXT(10.4567，2) 表示四舍五入到2位小数，所以返回的结果为10.46

TEXT函数是百变大咖，可以把单元格格式进行各种修改，欢迎读者深入研究。

ROUNDDOWN函数

工作中是否有遇到只提取到小数的第几位，而不需要四舍五入的情况呢？这种情况需要怎么处理？

推荐使用ROUNDDOWN函数。

语法如下，

ROUNDDOWN(number, num_digits)

ROUNDDOWN 函数语法具有下列参数：

Number 必需。需要向下舍入的任意实数。

num_digits 必需。要将数字舍入到的位数。

例如，=ROUNDDOWN(10.45，1) 表示提取到一位小数，所以返回的结果为10.4

例如，=ROUNDDOWN(10.4567，3) 表示提取到三位小数，所以返回的结果为10.456

7.offset函数

offset 函数功能非常强大，在动态引用等很多实例中都会用到

首先，我们来看一下offset 语法

= OFFSET(reference,rows,cols,[height],[width])

参数一：reference，必需。相当于参照物。

参数二：rows，必需。目标值相对于参照物的行数偏移量，向下偏移为正数，向上偏移为负数。

例如，reference 为B2，rows=1，表示向下偏移1，表示Lily的下一行。因此=offset（B2,1,0）表示向下偏移1行，返回的结果为 B3 亚斯。

例如，reference 为B2 Lily，rows=-1，表示向上偏移1，表示Lily的上一行。因此=offset（B2,-1,0）表示向上偏移1行，返回的结果为 B1 销售人员。

参数三：cols，必需。目标值相对于参照物的列数偏移量，向右偏移为正数，向左偏移为负数。

例如，reference 为B2 Lily，cols=1，表示向右偏移1，表示Lily的右边一行。因此=offset（B2,0,1）表示向右偏移1列，返回的结果为 C2 青岛。

例如，reference 为B2 Lily，cols=-1，表示向左偏移1，表示Lily的左边一行。因此=offset（B2,0,-1）表示向左偏移1列，返回的结果为A2 2016/6/1。

参数四五：可选。如果 height=3 ,width= 2 表示offset函数返回高为3，宽度为2的区域数值

例如，需要得到B2：C4为基准，向右移动2列，向下移动3行，高为3，宽为2的区域数据。

Step：首先选中三行两列的空单元格区域，在编辑栏中输入 =offset(B2:C4,3,2,3,2)，按Ctrl+shift+enter，后可得到结果

8. Vlookup函数

Vlookup函数的语法

VLOOKUP(lookup_value, table_array, col_index_num, [range_lookup])

即 VLOOKUP(查找值，查找范围，查找列数，精确匹配或者近似匹配）

参数详细解读及注意事项：

8.1 查找目标（lookup_value）

它就是为了告诉Excel，要把谁找出来。

说明：查找目标与查找区域的第一列的格式设置必须一致。

8.2 查找范围（table_array）

指定了查找目标，如果没有告诉Excel从哪里查找，Excel肯定罢工的。这个参数就是要告诉Excel哪个范围中进行查找。

那具体要怎么指定区域呢？这里也是极易出错的地方，给定的第二个参数查找范围要符合以下条件才不会出错：

① 查找目标（lookup_value）一定要在该区域的第一列。换句话说，一定要把包含查找目标的列作为框选区域的第一列。

② 该区域中一定要包含要返回值所在的列。

例：要通过姓名（查找目标）查找电话（返回值），下面选择区域是不行的。

8.3 返回值的列数（col_index_num）

它是我们想要返回的值在查找范围中所处的列数。

注意：列数不是在工作表中的列数，而是在查找范围区域的第几列。

8.4 精确OR模糊查找（ range_lookup）

最后一个参数是决定函数精确和模糊查找的关键。精确即完全一样，用0或FALSE表示；模糊即包含的意思，用1 或TRUE表示。

技巧篇

列宽快速调整为固定值

打开需要修改的excel表格，全选列内容，光标放在任意两列直接，直接拖动鼠标到所需要的宽度即可

快速插入空行

首先选中一列数据，光标移动到左下角，当变为“十”时，按【shift】+鼠标左键，向下拖拽即可

快速设置表格斜线

选中单元格，设置单元格格式——边框——点击斜线即可

快速跳转到表格最后一行

点击任一单元格，鼠标放在单元格的边框线上，双击下边框，快速定位到最后一行；双击右边框，快速定位到最右边一列；双击上边框，快速定位到第一行；双击左边框，则快速定位到最左边

数据快速插入到所需的列

“产品名”需要放在“销售量”之后：选中D列，按【shift】，同时用鼠标左键拖拽即可

快速设置表格倾斜度

选中单元格——设置单元格格式——对齐，设置所需的角度即可

得到最适合宽度的列

快速选中空单元格

按【ctrl】+【G】进行定位，选择空格

分散的空单元格快速填充相同内容

【ctrl】+【G】快速选中空格后，输入内容后，按【ctrl】+【enter】即可

快速制作打钩方框

输入R，字体修改为 wingdings2

行列快速转换

单元格内换行

按【alt】+【enter】即可

设置数字的位数

设置单元格格式——自定义

表格复制后格式保持不变

职场小白做法：ctrl+c，ctrl+v 复制黏贴表数据，然后对表数据一列一列进行调整。耗时耗力，有一种再也不想上班的感觉......

职场高手做法：ctrl+c，ctrl+v 复制黏贴表格后，点击表格右下角，选择保留源列宽，发现表格跟原始一模一样啦。简单，快捷，高效！

快速输入√和×

excel中，经常会遇到需要输入√和×的情况。如何才可以快速输入√和×呢？

最快捷的方法是通过自定义的方法：excel输入1显示"√"，输入2显示"×"，

具体方法：选中单元格，设置单元格格式，自定义代码为 [=1]"√";[=2]"×"

隐藏所有值

如何快速隐藏所有值呢？

方法：选中数字——单元格格式——自定义——输入三个分号 “ ;;; ”

隔行填充

使用快速填充的，跳过空单元格，实现隔行填充。

欢迎关注【雷哥office】，带你领略office的魅力，陪伴你成长~

6. 要怎样学习web？

学习前端肯定是要分阶段来学习，把每一个阶段搞懂，一步一脚印，之后才能找到一份合适的工作。

第一阶段：Web网页基础

HTML入门基本内容，CSS+DIV的基础知识，选择器，盒子模型，网页布局，Photoshop

第二阶段：Web编程基础

学习路线：JavaScript基础，BOM和DOM模型，事件处理，jQuery，交互及动画，jQuery优质插件，文档处理，数组和对象操作

第三阶段：Web编程高级及全栈开发

学习路线：JavaScript高级编程，原型模式，jQuery插件开发，模块化组件开，AJAX，Express(Node.js)，Mongodb，RequireJS，MongoDB

第四阶段：响应式网站开发

学习路线：HTML5/CSS3，响应式原理及布局，Bootstrap，前端依赖管理，CSS预处理语言（Less+Sass），Grunt/Gulp自动化构建工具，Angular4

第五阶段：框架与项目管理

学习路线：Grunt/Gulp，Webpack模块加载器&打包工具，MVC（backbone）架构前端，VUE2，React

第六阶段：混合式移动及微信开发

学习路线：React Native，微信小程序

同样，自制力的强弱决定了你是否能开拓自己的视野。

希望以上黑马先锋学院的建议能对你产生帮助。

7. 怎么让div中显示横向滚动条？

//利用jquery中hover事件，判定是否在DIV上，进而处理整个页面滚动事件$('.gwcHidden').hover( function(){ var top=$('body').scrollTop(); $(window).scroll(function(){ //滚动时，固定页面滚动条到页顶的高度，使其不滚动 $('body').scrollTop(top); }); },function(){ $(window).off('scroll'); //鼠标移开后，解除固定 });

免责声明：本文作者：“游客”，版权归作者所有，观点仅代表作者本人。本站仅提供信息存储分享服务，不拥有所有权。信息贵在分享，如有侵权请联系ynstorm@foxmail.com，我们将在24小时内对侵权内容进行删除。