精华内容
下载资源
问答
  • 这篇文章给大家推荐的就是一个 jQuery 网页向导插件 - Joyride。    Joyride 是一个很给力的 jQuery 网站功能向导插件,它能让你快速创建网站新功能向导介绍页面。它能将任意 HTML 元素设置为向导标记,并在其上...

    在网站中实现新功能向导介绍的效果,能让用户尽快熟悉网站的功能,是提高用户体验的有效方式。这篇文章给大家推荐的就是一个 jQuery 网页向导插件 - Joyride。

     

      Joyride 是一个很给力的 jQuery 网站功能向导插件,它能让你快速创建网站新功能向导介绍页面。它能将任意 HTML 元素设置为向导标记,并在其上显示向导信息。它的定制性也很高,可设置向导信息的位置、向导滚动速度、切换效果等等。除此之外,它还支持自动播放向导功能。

    如何使用
      首先在HTML页面中添加 jQuery 框架和 Joyride 插件

    <link rel="stylesheet" href="joyride-1.0.2.css">
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.joyride-1.0.2.min.js"></script>

      创建向导所要经过的标记,如

    <h3 id="test1"></h3>
    <p id="test2">

      定义向导中显示的内容

    <ol id="tip">
      /* data-id要和前面定义的标记id一样 'data-text'设置按钮中的文字*/
      <li data-id="test1" data-text="下一步">内容...</li>
      <li data-id="test2">内容...</li>
    </ol>

      最后初始化插件

    $(function () {
       $(this).joyride();
    });

     

    展开全文
  • 转自[给力技术]:[url=http://site518.net/jquery-website-tours-joyride/]... Joyride 是一个很给力的 jQuery 网站功能向导插件,它能让你快速创建网站新功能向导介绍页面。它能将任意 HTML 元素设置为向导标记,...
    转自[给力技术]:[url=http://site518.net/jquery-website-tours-joyride/]http://site518.net/jquery-website-tours-joyride/[/url]

    Joyride 是一个很给力的 jQuery 网站功能向导插件,它能让你快速创建网站新功能向导介绍页面。它能将任意 HTML 元素设置为向导标记,并在其上显示向导信息。

      首先在HTML页面中添加 jQuery 框架和 Joyride 插件

    <link rel="stylesheet" href="joyride-1.0.2.css">
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.joyride-1.0.2.min.js"></script>

      创建向导所要经过的标记,如

    <h3 id="test1"></h3>
    <p id="test2">

      定义向导中显示的内容

    <ol id="tip">
    /* data-id要和前面定义的标记id一样 'data-text'设置按钮中的文字*/
    <li data-id="test1" data-text="下一步">内容...</li>
    <li data-id="test2">内容...</li>
    </ol>

      最后初始化插件

    $(function () {
    $(this).joyride();
    });

    [url=http://site518.net/demo/joyride/demo.htm]演示地址[/url]
    展开全文
  • KK版本的:之前有个客户要在开机向导完成之后直接跳转到...1.直接在MTK的开机向导OOBE完成后,点击finish按钮的时候跳转到网页上去(用百度举例):  mediatek\packages\apps\OOBE\src\com\mediatek\oobe\advanced\Adva

    KK版本的:之前有个客户要在开机向导完成之后直接跳转到默认的网页去,下面是修改方法,有的是有弊端的,会引起别的bug,最后是最终的解决方案,不过有些麻烦。

    1.直接在MTK的开机向导OOBE完成后,点击finish按钮的时候跳转到网页上去(用百度举例):

       mediatek\packages\apps\OOBE\src\com\mediatek\oobe\advanced\AdvanceSettingsEntrance.java

    import android.net.Uri;
    
    在 public void onClick(View v)下:
    
    if (v == mNextButton){
        Intent it = new Intent (Intent.ACTION_VIEW);
        it.setData(Uri.parse("http://www.baidu.com"));
        it=Intent.createChooser(it,null);
        startActivity(it);
        finish...
     }else if... 

        就这么几句就ok,但是这种方法有时会直接进入Launcher界面,不会到默认网页上

    2.下边解决到网页上的方法:

    packages\apps\Browser\src\com\android\browser\BrowserActivity.java

     private boolean shouldIgnoreIntents() {
      return false;
    }
    加上return false;就会启动浏览器

    3.如果系统里边有多个浏览器,要默认一个:

    将步骤1中的startActivity(it)之前的三句替换掉:

    Uri uri = Uri.parse("http://www.baidu.com");
    Intent it = new Intent (Intent.ACTION_VIEW.uri);
    it.setClassName("com.android.browser";"com.android.browser.BrowserActivity");  //系统默认的浏览器,要用别的浏览器,替换包名和类名就可以

    
    
    
    

    这样改,又有新问题出现,烧完版本第一次开机或者恢复出厂设置后开机横屏状态下预置的apk快捷方式可能会消失

    4.修改apk快捷方式丢失的方法

    packages\apps\Launcher3\AndroidManifest.xml

    去掉相同的一句:

     android:screenOrientation="nosensor"
    packages\apps\Launcher3\src\com\android\launcher3\LauncherModel.java

     private boolean loadWorkspace() {
     ......
        // Check if we need to do any upgrade-path logic
        // boolean loadedOldDb = LauncherAppState.getLauncherProvider().justLoadedOldDb();    //注释掉此句
        boolean loadedOldDb = false;    //改为false
    }
    
    loadedOldDb = LauncherAppState.getLauncherProvider().justLoadedOldDb();  //添加这一句就好,下边的是源码
                    if (loadedOldDb) {
                        long maxScreenId = 0;
                        // If we're importing we use the old screen order.
                        for (ItemInfo item: sBgItemsIdMap.values()) {...
    
    最后一个问题,这个改完后新的bug是横竖屏切换的时候,Launcher界面的右侧会出现一道黑条,所以上边的方法可以完全忽略,只跟着下边方法改

    5.修改跳转到网页的最终方法(去掉OOBE里修改的内容,直接改framework和Launcher)

    frameworks\base\packages\SettingsProvider\res\values\defaults.xml 添加一句

     <integer name="def_start_url" translatable="false">1</integer>
    frameworks\base\api\current.txt  添加一句

     field public static final java.lang.String START_URI = "start_uri";
    frameworks\base\core\java\android\provider\Settings.java  添加两处

     public static final String SCREEN_OFF_TIMEOUT = "screen_off_timeout";
    
     public static final String START_URI = "start_uri"; //添加此句
    
     public static final String[] SETTINGS_TO_BACKUP = {
        ...
        START_URI  //添加此句
      };
    
    frameworks\base\packages\SettingsProvider\src\com\android\providers\settings\DatabaseHelper.java  添加一处
     private void loadSystemSettings(SQLiteDatabase db) {
            SQLiteStatement stmt = null;
            try {
                ...
                loadIntegerSetting(stmt, Settings.System.POINTER_DOUBLE_CLICK_SPEED,
                        R.integer.def_double_click_speed);
               //此处添加下句
               loadIntegerSetting(stmt, Settings.System.START_URI,
                        R.integer.def_start_url);
    }finally ...
    
    packages\apps\Launcher3\AndroidManifest.xml     添加一处

     <uses-permission android:name="android.permission.WRITE_SETTINGS" />
    packages\apps\Launcher3\src\com\android\launcher3\Launcher.java  添加一处

     protected void onResume() {
        ...
         mWorkspace.updateInteractionForState();
            mWorkspace.onResume();
       //此处添加
        if(isFirstLoadUri()){
                Uri uri = Uri.parse("http://www.baidu.com");
                Intent it =new Intent(Intent.ACTION_VIEW,uri);
                it.setClassName("com.android.browser","com.android.browser.BrowserActivity");
                startActivity(it);
                Settings.System.putInt(
                        getContentResolver(), Settings.System.START_URI,0);
            }    //添加结束
     }
     //再添加
      private boolean isFirstLoadUri(){
            return false;
            return (Settings.System.getInt(getContentResolver(), Settings.System.START_URI,0)) > 0;
        }
    
    综上所述,前边4条都没什么用,只是失败的过程,结果在最后一条。以上的失败都是学习积累经验的过程。由此看出,改一个问题得全面考虑,否则隐藏的bug也是一种隐患。










    
    

    展开全文
  • 什么是向导向导基本上是一系列屏幕或对话框,可引导用户完成任务。 通常,每个向导屏幕都会要求用户通过选择或填写字段来输入信息。 输入所需的数据后,用户可以通过单击“返回”和“下一步”之类的导航选项来...

    vc6工程向导制作

    什么是向导?

    向导基本上是一系列屏幕或对话框,可引导用户完成任务。 通常,每个向导屏幕都会要求用户通过选择或填写字段来输入信息。 输入所需的数据后,用户可以通过单击“返回”和“下一步”之类的导航选项来浏览向导。 在最后一步,用户单击“完成”以指示向导已完成。

    什么时候应该使用向导?

    根据User Interface Engineering的专家(请参阅参考资料 ),在以下情况下应使用向导:

    • 用户想要完成一个包含许多步骤的目标
    • 用户缺乏必要的领域知识
    • 用户必须按特定顺序完成步骤

    向导不要

    在创建向导时,您需要避免一些错误。

    目的不明确

    要清楚了解向导的目的,有两点很重要:每个屏幕上都有一个清晰简洁的向导标签,而第一个屏幕上有一个简短的目的说明。 信不信由你,有些用户可能会忘记为什么没有提示就选择进入向导的原因。 在凤凰私人家庭保险(见相关信息 ),被列入很多很好的向导功能,但是设计者忘了包括一个向导标签和第一个屏幕(见图1)上的宗旨陈述。 向导将不会向用户提供房主的保险报价,这一点并不明显。 如果用户直接从其他站点进入此页面,则可能很难理解该向导将帮助他们完成什么。 向导标签和有关向导用途的简短说明可以纠正任何潜在的混淆。

    图1.房屋保险报价向导
    图1.房屋保险报价向导

    屏幕太多

    注意不要将您的向导分成太多屏幕。 如果用户开始觉得该过程太长,通常会感到恼火,甚至可能在完成该向导之前就放弃了该向导。 请记住,向导应该使任务比传统方法更容易完成。 如果向导感到麻烦,用户将选择以旧方式进行操作。 在新出版的书《 设计有效的向导:一种多学科方法》 (请参阅参考资料 )中,作者建议每个向导不超过10个屏幕。 让向导进行可用性测试将有助于确保可接受的屏幕数量。

    长向导屏幕

    如果向导要求用户滚动以输入数据,则其效率将受到损害。 在向导中,用户无需滚动即可输入数据并选择导航选项(例如,“下一步”,“上一步”或“完成”)。 较长的向导屏幕可能是由于未将向导任务充分分解为子任务和子子任务而导致的。 为避免出现较长的向导屏幕,请确保每个屏幕都允许用户完成一个子任务。 如果子任务特别复杂,请考虑将其进一步细分为子子任务,并创建其他屏幕。

    别无选择

    向导不是用户完成任务的唯一方法。 通常,向导可以替代另一种完成相同任务的方法,尽管更为复杂。 例如,在Microsoft Word 97中,网页向导可供想要快速,简便地创建网页而不进行编码的用户(请参见图2)。 但是,经验更丰富的网页开发人员可能更愿意拥有向导所没有的灵活性,因此可能希望使用原始代码创建网页。 如果更高级的用户只提供网页向导,Microsoft将对他们不利。

    图2. Microsoft Web页面向导
    图2. Microsoft Web页面向导

    技术术语

    在编写向导内容(说明,字段标签等)时,请牢记目标受众。 因为向导通常是面向新手用户的,所以请记住,他们可能不熟悉与该任务相关的技术术语。 避免使用技术术语,并始终为外行写信。

    没有“取消”选项

    有时,用户输入向导,由于各种原因,它决定不完成该向导。 为了避免使正在寻找出路的用户感到沮丧,请在向导界面中包含“取消”按钮。 该按钮通常应位于其他向导导航按钮附近。 Homesite Home Insurance向导没有为用户提供这种灵活性(请参见图1)。

    没有出口警告

    当用户决定单击“取消”按钮,或者单击向导中可能不包含的其他导航选项时,如果在该点之前输入的数据将丢失,则最好提供警告。 某些用户可能会认为他们可以稍后返回向导并从中断的地方开始。 (嘿,这是个好主意!)由于丢失数据的潜在重要性,应该向用户显示一条消息,告知退出向导并要求确认的后果。

    外部任务

    向导最适用于可以以集成的顺序方式完成的任务。 用户输入向导时,他们不必离开向导即可完成任务。 从站点内其他位置检索信息可能是外部任务的示例。 外部任务通常表示没有认真考虑任务流程,或者未花费额外的精力将任务集成到向导中。 外部任务也可能表示该任务不会使自己适应集成的顺序流程,在这种情况下,向导可能不是最佳方法。 完成向导所需的所有任务都应包含在向导中。

    向导DOS

    在设计下一个向导时,还可以做一些好事情以确保其有效性。

    减少下载时间

    使用向导的人对尽快,轻松地完成特定任务非常感兴趣。 在设计向导屏幕时,请密切注意使用最低或最常见的Internet访问速度下载页面的速度。 根据可用性专家Jakob Nielsen所说,以28.8 bps的速度下载1 KB文件需要一秒钟的时间。 Nielsen的研究表明,用户在10秒后开始失去耐心(请参阅参考资料 )。 为了确保您的用户不会失去耐心并退出向导,屏幕文件大小应为30 KB或更小。 这意味着非常保守地使用图形。

    提供其他帮助

    如果用户感到困惑,或者向导的某些方面不起作用,最好包括轻松访问其他帮助的主意。 这可以采用在整个向导过程中可见的电话号码的形式。 如果您的预算允许,即时访问聊天帮助也是一个不错的选择。 如果您一天24小时都无法安排电话或聊天帮助,则一个更简单的选择是在每个屏幕上都包括上下文相关的帮助。 这可以是在向导旁边显示的文本,也可以是用户单击帮助链接时在辅助窗口中显示的文本。 在Homesite Home Insurance网站上,设计人员通过在每个向导屏幕上都包括一个电话号码来使事情简单而有效(见图1)。

    逻辑分解任务

    有效的向导将任务分解为子任务和子子任务,并以用户熟悉和舒适的方式对它们进行排序。 通过任务分析可以完成有效的任务分解。 最好通过观察实际用户在其工作环境中执行任务来进行任务分析。 此活动应在屏幕设计开始之前进行。 任务分析的结果应包括任务分解(以大纲的形式)和向导的信息体系结构。 应当与用户一起审查任务大纲和信息体系结构,以确保准确性和完整性。 关于任务分析方法,检查任务分析用户界面设计 ,一个伟大的书约安·哈克斯和Janice瑞迪施的详细信息(参见相关主题 )。

    通知用户进度

    向导的边界应包括不同的起点和终点。 向导用户喜欢知道它们相对于这些点的位置。 因此,许多向导设计者在向导界面中都包含了某种进度表。 进度表会告知用户他们在向导过程中的位置,从而使他们了解完成该过程需要多长时间。 进度表可以指示大致或确切的位置。 在Homesite Home Insurance中,设计人员在向导中传达进度方面做得很好(请参见图3)。 Homesite的进度表会告诉用户向导中有多少个步骤,他们已经完成了哪些步骤以及当前在过程中的位置。

    图3.家庭进度表
    图3.家庭进度表

    指明必填字段

    向导类似于表单,用户必须在字段框中输入文本和/或使用下拉菜单,单选按钮或复选框进行选择。 与在线表格一样,请确保指出需要哪些项目。 对于没有填写必填字段的错误消息的用户,请不要感到惊讶。 最好事先弄清楚需要做什么。 必填字段可以用特殊符号(例如星号)或粗体字表示。 避免使用颜色来指示必填字段,因为在某些监视器或视力障碍的用户中颜色并不总是很好地显示出来。 另外,在每个向导屏幕的顶部都包含一个注释,该注释定义了如何指示必填字段。

    限制导航选项

    当用户使用向导时,最好让他们专注于手头的任务。 因此,您可能希望最小化向导外部可用的导航选项。 至少,您应该包括一个指向该网站主页的链接。 如果用户无意中退出了该向导,则可能会导致丢失数据。

    汇总向导数据

    在向导过程即将结束时,用户应该能够查看在先前屏幕上输入的数据摘要。 如果摘要准确反映了用户想要提交的信息,则应使用“完成”按钮完成向导的最终完成。 在单击“完成”之前,用户应该能够返回到先前的屏幕,进行更改,并轻松地导航回到摘要屏幕。 如果向导过程少于10个屏幕(一件好事),则“返回”按钮应足以启用对数据的更改。 如果向导过程较长,则可能要包括直接超链接回到特定屏幕。

    结论

    虽然向导对于外部人来说应该看起来很容易,但是设计师和开发人员都知道真相。 向导创建涉及许多计划,反复试验设计和复杂开发。 随着技术不断侵占我们生活的方方面面,对救济巫师提供的帮助将会越来越多。 尽管需要更多的研究和共享的经验,但是这些做与不做的事情将帮助您开始发展巫术。


    翻译自: https://www.ibm.com/developerworks/web/library/us-wizard/index.html

    vc6工程向导制作

    展开全文
  • 这是一款非常实用的基于Twitter Bootstrap的jQuery用户向导插件。该Bootstrap用户向导插件允许你使用按钮来在各个不同的操作步骤之间来回切换,还可以单独对某个步骤进行特殊的事件处理。
  • CSS3 实现的网页向导插件,它可以帮助你快速创建网站功能的使用向导,便于用户了解网站。它将会在页面中生成一个“向导”按钮,当你点击按钮时,它将会高亮显示你所设定好的网页内容,同时也会有文字说明。向导除了...
  • DWR简单例子与使用向导

    千次阅读 2007-04-05 23:42:00
    DWR简单例子与使用向导什么是DWR? DWR是一个Open Source的 java项目。DWR可以让JavaScript调用运行在Web服务器里面的JAVA程序。简单一点或者专业一点就是Easy AJAX for JAVA.下面将一步一步的介绍怎么完成一个简单...
  • 对话框属性表与向导

    2013-12-27 13:48:43
    12)SetWizardButtons:启用向导按钮 13)SetWizardMode:启用向导模式 14)EnableStackedTabs:指定属性表使用堆叠标签还是滚动标签 15)DoModal:创建模态属性表 16)Create:创建非模态属性表 17...
  • 为什么要做向导页面呢?大家作为手机用户,每天都可能安装新的App,那么每个App第一次运行一般都会给手机用户展示一下特有功能、或者是吸引用户使用的一些小亮点,这样我们第一个看到大概就是这么个页面,大家滑动它...
  • Windows 安全调整向导

    千次阅读 2004-07-13 10:07:00
    Windows 安全调整向导 作者:.com.cn 使用Windows的人非常多,而Windows系统的安全问题也越来越被人们关注。虽然Windows的漏洞众多,安全隐患也很多,不过经过适当的设置和调整,你还是可以用上相对安全的Windows的...
  • jQuery的页面功能向导插件Pageguide.js

    千次阅读 2016-06-19 21:47:41
    jQuery的页面功能向导插件Pageguide.js
  • Gitlab Code Review流程使用向导

    千次阅读 2018-12-11 19:05:29
    在经过一段时间的摸索和实践后,将基于容器云的Devops CI过程进行总结,并形成Code Review流程向导、CI过程等文档,期待能为在人工智能实验其它团队提供参考。本文档将从Gitlab Code Review机制、Workflow、配置说明...
  • Windows XP 内存调整向导

    千次阅读 2004-07-13 10:14:00
    Windows XP 内存调整向导 作者:.com.cn 跟Windows 9x相比,尽管Windows 2000/XP提供了更完善的内存管理机制不过为了使它们运行地更流畅,更有效率,你都需要更多的内存。本文即将引导你安全地调整调整你的软件设置...
  • 软件界面设计中的“向导式界面”这个术语翻译自英语中的“Wizard”一词。大部分字典上对于Wizard的解释是男巫、奇才的意思。不过从其用途来看,似乎向导的译法更加形象。向导,顾名思义,就是能带领或指引别人到达...
  • Windows XP 服务调整向导

    千次阅读 2004-10-10 04:11:00
    这样就不用担心浏览网页时注册表被改弄的整个系统面目全非。 Smart Card,管理此计算机对智能卡的取读访问。我们没有这种设备,所以就禁用这个服务。 Smart Card Helper,启用对此计算机使用的旧式非即插即用智能卡...
  • 网页设计\网页制作常用软件大全

    千次阅读 多人点赞 2014-03-04 12:08:26
    网页设计\网页制作常用软件 一、专业的网页设计、网页制作软件: 1、CorelDraw:通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中,制作矢量的插图、设计及图像,出色地设计公司标志、简报、彩页、...
  • 首先:我在工具栏创建了一个红线标注的按钮,在属性列表中设置ID:ID_Mybutton01;(点击运行按钮呈灰色,是因为没有添加事件) 其次:点击资源视图,右键点击插入Dialog。出现下面这张图片。在空白处点击添加类...
  • 很长时间没有接触MFC相关的知识了,我大概是在大二时候学习的MFC... 这篇文章主要是回顾以前的MFC基础知识,给对话框添加背景图片和给按钮button添加背景图片;希望此篇基础性文章对大家有所帮助!同时为下次做MFC相...
  • 前言本文将用VS2013, ATL向导制作一个简单的OCX控件, 并用JS调用控件接口, 该控件包含两个接口: AddInt(LONG a, LONG b, LONG* ret):整形相加并传出; AddStr(BSTR str1, BSTR str2, BSTR* ret):字符串相加并传出. 二...
  • iReport 和 Jasperreport整合开发web报表向导 我是在一个星期以前接触iReport 和 Jasperreport的,下载最初它们并没有吸引我的兴趣(或信任),主要是他们的版本的问题(我一直不敢用版本都不到1.0的工具软件,目前...
  • 2.添加按钮,IDC_BUTTON1 3.添加类,直接右键控件时无法添加CButton的派生类的,如果想添加的话,只能选中项目根,右键添加类,MFC类-->MFC类向导-->选择继承CButton。 4.添加变量,选中按钮,右键添加变量,mbt1,...
  • 现在你可以看到使用向导按钮了! 是不是非常方便,如果你需要给你的网站添加使用向导的话,Pageguide绝对是一个不错的选择! 来源: 帮助用户更好的体验网站:jQuery的页面功能向导插件Pageguide.js
  • 我们在浏览某些网页时,有的时候你想选取某些文本进行复制,会按住鼠标左键拖动,但无论如何也无法选中覆盖需要的文字。这是网页的设计者给它加入了不能选中的脚本,简单防止别人拷贝其网页内容。他们一般会在网页...
  • c++ 和js 网页加载插件

    2013-07-02 11:07:01
    1. 打开VS2005新建MFC项目。这里我们取名为“ActiveXDemo”...点击“确定”按钮,打开向导对话框。   3. 选择“控件设置”选项卡,具体设置可参考上图。其它选项卡为默认设置。最后点击“完成”按钮保存设置。 二.
  • ActiveX 网页播放控件

    千次阅读 2018-10-23 14:23:27
    最近在搞视频监控项目,需要在网页上显示实时视频,于是网上找了很多资料研究如何在网页上播放视频,一种实现方式就是开发activex控件嵌入到网页中。如下我将介绍如何开发一个可以分屏播放视频的activex控件 (部分...
  • 让我们先回顾一下上一篇文档中已经阐述的问题:1. 如何连接数据库?2. 如何定义变量、参数以及字段?... 第一个就是我忘记说明iReport怎样把xml文件编译成jasper文件,其实很简单,点击“编译”按钮 即可,其实
  • 网页简介

    千次阅读 2016-10-08 21:47:52
    网页  编辑 网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。 网页是一个包含HTML...
  • Flash Media Server 4.5入门——第六部分:初学者HTTP动态流(HDS)技术向导 原文地址:http://www.adobe.com/devnet/flashmediaserver/articles/beginning-fms45-pt06.html 前言 这篇文章是Adobe Flash Media ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 10,774
精华内容 4,309
关键字:

网页向导按钮