WPS如何用Excel制作回到顶部按钮?

WPS如何用Excel制作回到顶部按钮?,第1张

设置表格冻结首行,因为我们要把按钮放在首行。这样按钮就不会随着单元格滚动而消失。

*** 作步骤为:打开成绩单,执行“视图”菜单-“冻结窗格”选项卡-点击“冻结首行”选项。

请点击输入图片描述

添加“回到顶部”按钮,即创建一个按钮。

*** 作步骤为:执行“开发工具”菜单-“插入”选项卡-点击“按钮(窗体控件)”按钮。

请点击输入图片描述

在首行的一个空白单元格处,点击鼠标左键,拖拽出一个单元格大小的按钮。 *** 作完成后会d出“指定宏”窗口(这个时候是看不到按钮的,必须在所有 *** 作完成后才能看到按钮。)。

宏的名字命名为“回到顶部”(这样方便以后辨认宏的功能)。然后点击“新建”按钮。

请点击输入图片描述

在d出的宏代码输入窗口中输入“activesheet.range("A2").select ”代码(在原有的两行代码的中间位置输入此代码).此代码可以找到“A2”单元格。

请点击输入图片描述

关闭宏代码的窗口,现在已经可以看到插入的按钮了。但是按钮的名字还是系统自动生成的。但是已经具备“回到顶部”的功能了(找到“A2”单元格的功能,效果等同于回到顶部)。

请点击输入图片描述

鼠标右键点击按钮,选择下拉菜单中的“编辑文字”选项(也可以鼠标右键按钮,然后双击鼠标左键点击按钮)。

现在按钮的名字就变成可编辑的状态,改为“回到顶部”即可。这样“回到顶部”按钮就制作完成了。

请点击输入图片描述

有了这个按钮,不管您的表格有多少数据,您都可以通过点击“回到顶部”按钮来实现回到表格顶部的 *** 作。

另外在制作中创建的宏是可以重复利用的,也是可以编辑的。

网站的网页中都有返回顶部的功能,就是当用户访问网页时,可以迅速的返回顶部。也许会有人觉得这个功能很简单,没有什么说的,但据我目前所知,就有五种方法实现这个功能。而且不同的方法能实现的效果也是有所不同的。下面介绍下这些方法网页中“返回顶部”的html代码有好几种不同的编写方式:

1、简单的脚本可实现此功能:

代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>返回顶部</title>

<style type="text/css">

body{height:1000px}

</style>

</head>

<body>

<div style="height:800pxwidth:800px"></div>

<a href="javascript:scroll(0,0)">返回顶部</a>

</body>

</html>

2、采用JS实现返回顶部:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>返回顶部</title>

<style type="text/css">

body{height:1000px}

</style>

</head>

<body>

<div style="height:800pxwidth:800px"></div>

<script src="js/gototop.js"></script>

<div class="back-top-container" id="gotop">

<div class="yb_conct">

<div class="yb_bar">

<ul>

<li class="yb_top">返回顶部</li>

</ul>

</div>

</div>

</div>

</body>

</html>

3、利用锚点返回顶部:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>返回顶部</title>

</head>

<body>

<a href="#5F">顶部</a>

<div style="height:300pxwidth:300px"></div>

<a name="5F">返回顶部</a>

</body>

</html>

1、 进入店铺装修。

2、在页尾区域或网页的最下方添加模块。

3、添加自定义内容区模块。

4、编辑添加的自定义内容区模块。

5、插入图片。

6、右键单击插入的图片,选择【图片属性】。

7、在链接网址中输入【#top】,将在新窗口打开链接前的【√】去掉,点击【确定】。

8、将显示标题设置为【不显示】;点击【确定】。

9、 添加成功,马发布以后就可以看到效果了。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11612644.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存