当前位置： 文江博客话题详情

为网站制作弹出演示/介绍

发布于 2024-11-27 23:32:25 字数 114 浏览 4 评论 0原文

我希望提供一个关于我的网站内容的快速演示，以及如何在用户访问我的页面时以正确的方式使用它们。我希望使用顶部的弹出式窗口进行演示。

我的意思是小信息框，一一告知用户各个步骤。谁能帮助我如何做到这一点？

原文

I wish to provide a quick demo about the contents of my website and how to use them in a proper way as soon as a user visits my page. I wish to give the demo using a popup type window at the top.

I mean small information boxes informing user about the various steps one by one. Can anyone help me how to do this?

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（3）

烙印 2024-12-04 23:32:25

查看 jQuery UI 对话框，它是完全可自定义的，或者考虑使用某种工具提示想法，当您将鼠标悬停在页面的一部分上，向用户反馈该部分的用途（通过将鼠标悬停在上面等）。

Look at the jQuery UI dialog, it's fully customisable, or consider using some sort of tool tip idea, when you mouse over a part of the page feedback to the user what the section in question is for (via hovering mouse overs etc).

回复 原文
花开柳相依 2024-12-04 23:32:25

一种简单的方法是使用 javascript。

请尝试

<script type="text/javascript">
    alert("Hello world!");
</script>

访问此页面了解更多信息。

One simple way to do this is with javascript.

Try this

<script type="text/javascript">
    alert("Hello world!");
</script>

visit this page for more information.

回复 原文
乄_柒ぐ汐 2024-12-04 23:32:25

知道这个问题很旧，但尝试 intro.js

包含 js/css

 <link rel="stylesheet" href="css/introjs.min.css">
 <script type="text/javascript" src="jquery/intro.min.js"></script>

然后在你想要的每个项目上要显示教程，请添加以下内容

data-step="1" data-intro="输入提示文本"

 <div class="span6" data-step="1" data-intro="Click here for help">
 <div class="span6" data-step="2" data-intro="Click here for home page">

know this question is old but try intro.js

include js/css

 <link rel="stylesheet" href="css/introjs.min.css">
 <script type="text/javascript" src="jquery/intro.min.js"></script>

then on each item you want to show tutorial add the following

data-step="1" data-intro="Enter tip text"

 <div class="span6" data-step="1" data-intro="Click here for help">
 <div class="span6" data-step="2" data-intro="Click here for home page">
回复 原文
~没有更多了~

关于作者

作业与我同在

暂无简介

文章
评论
27 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

佚名

文章 0 评论 0

今天

文章 0 评论 0

゛时过境迁

文章 0 评论 0

达拉崩吧

文章 0 评论 0

呆萌少年

文章 0 评论 0

孤者何惧

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文