鼠标悬停信息提示的制作

鼠标悬停信息提示的制作（共4篇）

篇1：鼠标悬停信息提示的制作

鼠标

今天在闪吧看到了一个教学例子,我自己试着做了一下!效果如下：

最终效果

制作过程：

1、建立图片

(如：源码中的logo元件)这个用于放在场景中，悬停到图片上就会出现提示信息，但是要注意的是，flash中间并不是在这个图片元件上做文章的，而且是下面介绍的按钮上下功夫的

2、建立按钮

(如:源码中的but元件)上面说的本教程并不是在图片元件上实现信息提示，而是在图片元件上加个按钮来实现效果(在图片加as也可以实现，但我暂时就不介绍了)

制作的时候，只需要将“点击帧”放个和图片一样大小的形状就可以了;“弹起”、“指针经过”、“按下”帧都不要放东西了。

3、建立MC

(如:源码中的mc元件)建立层，第一帧用“stop;”;第二帧就可以放提示信息的内容了。

4、放入场景

将以上三个步骤建立的元件放入场景中，

a、图片放入场景。

b、mc放入场景，并且命名为“mc”(也可以用其他名字)

c、按钮放入场景，在按钮上加入一下动作，具体代码及说明：

on (rollOver) { //悬停部分

tellTarget (“mc”) {

gotoAndStop(2); //转到mc的第2帧并停止

}

startDrag(“mc”, true);

}

on (release, rollOut) { //点击、移出部分

tellTarget (“mc”) {

gotoAndStop(1); //转到mc的第1帧并停止

}

}

on (release) { //点击部分鼠标时间

getURL(“www.webjx.com/”, “_blank”);

}

5、好了，现在就可以看看你做的东西了。

源文件下载

篇2：鼠标悬停信息提示的制作

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效，

网页特效(鼠标特效代码):特殊的鼠标悬停提示

篇3：鼠标悬停信息提示的制作

随着越来越多的人每天长时间重复在键盘上打字和移动鼠标, 而鼠标移动是通过手力量进行操作, 是手腕支撑鼠标移动, 当用手握持鼠标进行长时间操作时, 对腕部肌肉或关节的影响非常大, 慢慢的就形成了潜伏在身体里的杀手———“腕管综合症“和”尺骨撞击综合征[6,7]。为了使鼠标使用起来更舒适, 更符合人体工程学, 人们对鼠标的外形进行了一些改变, 但是通常都摆脱不了鼠标左右按键对称布局的思路, 其设计的鼠标大小一般与人们手掌大小相当, 因而体积也比较大[8,9]。这种鼠标携带不方便, 移动时所需要的空间大, 不便于在空间小的桌面。当然也有为方便携带而设计的迷你鼠标, 但其使用起来又不够方便, 同时有的还减少了鼠标中键的功能。

本文提出一款新型单指鼠标, 只需要食指即可完成对鼠标的控制和移动, 适合各种场合, 尤其适合操作空间小或者需要快速频繁使用左键的游戏玩家, 这是一款既保留传统鼠标的功能, 又克服其不足, 体积小、携带方便、使用舒适且快捷的新型鼠标。

1 新型鼠标的设计

根据人体工程学理论, 以低等级的动作来完成身体的动作感觉越舒适, 即身体的动作幅度越小越好, 动作时间越短越好。身体的动作等级从高到低依次为:腿的动作、腰的动作、肩的动作、肘的动作、手腕的动作、手指的动作[10]。

现有技术的鼠标操作时手腕向上的弯曲成30°左右, 长期保持这一姿势会导致人体的正中神经、以及进入手部的血管在腕管处受到压迫, 使肌肉紧张、血流不畅, 主要表现为食指和中指僵硬疼痛、麻木与拇指肌肉无力感, 腕部肌肉或关节麻痹、肿胀、疼痛、痉挛, 更包括肩部甚至颈部的不适, 手腕和前臂的疲劳, 手腕的僵硬, 手掌的酸浚[6]。本文设计的新型鼠标完全以手指来操作和移动鼠标, 手腕向上的夹角变小, 保持在10°以内, 不需要手掌肌肉夹紧鼠标。其结构如图1所示。

整个鼠标由1上壳体、2下壳体、3左键、4右键、5按键、6滚轮、7夹套、8电路板、9电源线、10USB接头、11旋转折叠销、12机构组成。其中由上壳体1和下壳体2组装成鼠标壳体, 壳体内置电路板8以及与之连接的电源线9, 电源线9另一端接USB接头10, 鼠标壳体外左右两边分别为夹套7和上壳体1, 其表面设有左键3, 滚轮6位于左键3前方, 下壳体2右侧面上装有按键5, 右键4位于鼠标壳体右侧面上, 安装在上下壳体之间并与按键5接触;右键4可通过旋转折叠销11旋转折叠, 以减少占用空间, 携带更加方便;同时为避免折断, 夹套7与鼠标壳体两侧通过机构12连接起来, 使用时可根据个人的需要, 将夹套7安装或拆卸下来。

操作时, 将鼠标放在在桌面上, 并将USB接口10插入计算机的USB接口, 食指放在左键3上, 通过夹套7夹住食指, 以防止食指在操作时鼠标滑落, 用食指操作控制光标、滚轮和鼠标移动, 中指放在右键4上操作控制, 由于在有些操作时, 右键并不使用, 此时可将右键4通过旋转折叠销11旋转折叠起来, 以减少空间占用, 方便携带, 同时避免折断。

这种新型鼠标的优势主要体现在以下两个方面:

首先, 人们可以采用舒服的工作姿势, 防止手腕及肩部酸疼, 提高使用舒适度。传统鼠标光标的移动主要依靠手腕和小臂的动作, 而此新型鼠标只需要指关节就可进行前后左右的光标移动。手指是人体最灵活的部位, 与传统鼠标通过手腕的转动完成动作相比, 采用手指移动操作鼠标, 准确性更高、更灵活。而且此新型鼠标不再需要我们的手掌握住鼠标, 摆脱了对手掌的束缚, 从根本上杜绝“鼠标手”的产生。

其次, 新型鼠标体积小, 更加实用方便, 甚至实现单指操作鼠标。这种鼠标体积缩小, 移动时所需要的空间小, 可以在小空间的桌面游刃有余;右键还可折叠, 携带时体积可以更小, 更方便。对于一些上网族, 如网上冲浪, 一般只需要移动鼠标光标、左键单击、滚轮翻页这三项功能, 而鼠标右键使用的频率极低, 此时可以把鼠标右键折叠起来, 轻松进行单指操作。另外, 一些游戏玩家, 如著名的穿越火线 (CF) , Dota, 操作鼠标时只需要用到光标、左键单击就行了, 此新型鼠标可以更加方便的使用, 单指操作, 既灵活又轻松, 也不会导致误操作。

2 新型鼠标的制作

笔者在现有的工作条件下, 采用UG NX6.0对该新型鼠标进行了三维造型设计, 如图2所示, 并应用UG NX6.0强大的CAM功能, 对鼠标外形各部分进行加工工艺制定和数控编程[11,12], 通过后处理生成程序, 然后以ABS塑料为原料, 在数控机床上将鼠标外形各组成零件加工出来。接着将鼠标电路元器件进行组装连接, 包括鼠标芯片、滚轮、鼠标左、中、右键微动开关、LED灯等。所制作的鼠标如图3所示, 经实际使用效果良好。相信若配上夹套, 效果将会更好。此款鼠标所采用的微动开关尺寸为6*6*2mm, 鼠标芯片面积为9.9*9.18mm, 整个产品尺寸为40*25*18mm, 若采用更小的电路元器件, 鼠标的尺寸还可进一步缩小。若采用手感更好的材料用3D打印或者注塑成型来制作该鼠标, 其优点将更明显。另外, 根据不同的需要该款鼠标也可以设计成无线鼠标。

3 结论

鼠标的设计不仅应满足功能质量要求, 还应该考虑人-机和谐层次上的要求。基于人机工程的产品设计是现代产品设计的必然趋势。本文分析了传统鼠标在使用中出现的一些问题, 提出了一种新型单指鼠标结构, 其体积更小, 携带方便, 使用更舒适。并利用CAD/CAM软件, 进行外形三维造型和数控加工, 组装出实际可用的新型单指鼠标。目前, 该鼠标结构已获专利授权。

参考文献

[1]王兴凤, 秦开怀.五自由度三维鼠标的设计与实现[J].清华大学学报 (自然科学版) , 2008, 48 (10) :1688-1691.

[2]吴大中.一种用于多媒体教学的无线鼠标[J].电子技术应用, 2009 (2) :91-94.

[3]张亮.指纹识别式鼠标[J].重庆大学学报 (自然科学版) , 2002, 25 (2) :139-142.

[4]张丙辰.基于关键点的儿童鼠标外形设计[J].机械工程学报.2012, 48 (15) :158-163.

[5]彭荣利.基于Pro/E的儿童鼠标创新设计[J].机械工程师, 2013, 4:71-72.

[6]吴晓莉.人机手控操纵原理在鼠标设计中的应用[J].机械设计与研究, 2009, 25 (4) :77-80.

[7]宋海涛等.计算机操作引起的尺骨撞击综合征[J].中国矫形外科杂志, 2009, 17 (15) :1193-1195.

[8]王继成.产品设计中的人机工程学[M].北京:化学工业出版社, 2004.

[9]杨君顺, 金海明.基于人机工程的虚拟产品设计[J].机械设计与制造, 2005 (, 9) :7-8.

[10]李南.关于用鼠标笔代替传统鼠标的人体工程学分析[J].机械, 2010, 37 (3) :18-20.

[11]常海.某壳体零件加工工艺设计[J].制造技术与机床, 2012, 599 (06) :133-135.

篇4：制作随鼠标而动的动态图表

1. 巧用简单自定义函数

我们以球员得分数据表为例，打开数据表，整理好数据。

随后点击“公式”选项卡中的“定义名称”，新建名称分别为“姓名”、“数据”，引用位置分别选择J2、K2的两个名称。点击“开发工具”选项卡打开VBA编辑窗口，点击“插入→模块”，在右侧的代码编辑区输入图中的两个简单自定义函数即可（图2）。

接下来，在J9单元格输入“=IF（ISERROR（HYPERLINK（hl（$A$1））），$A$1，HYPERLINK（hl（$A$1）））”，在J10单元格输入“=IF（ISERROR（HYPERLINK（hl（$A$7））），$A$7，HYPERLINK（hl（$A$7）））”，J11到J13单元格中的公式依次类推，这样在J9、J10、J11、J12、J13就会显示NBA球员姓名，同时也实现了当鼠标放到J9、J10、J11、J12、J13单元格时，J2单元格就会出现相应的行号值；同样，在K8单元格输入“=IF（ISERROR（HYPERLINK（hll（B$1））），B$1，HYPERLINK（hll（B$1）））”，L8单元格输入“=IF（ISERROR（HYPERLINK（hll（C$1））），C$1，HYPERLINK（hll（C$1）））”，M8到O8单元格中的公式依次类推，这样在K8、L8、M8、N8、O8就会显示各项参数名称，同时也实现了当鼠标放到K8、L8、M8、N8、O8单元格时，K2单元格就会出现相应的列号值；在L1：P1输入相应赛季，在L2单元格中输入“=OFFSET（$A$1，COLUMN（）-12+$J$2，$K$2，1，1）”，并向右填充到P2，这样就会根据J2、K2单元格的行号、列号获取到制作图表所需要的数据（图3）。

2. 为数据区域添加图表

选定好L1：P2数据区域，插入数据点折线图。根据需要设置好折线图的线条样式、绘图区的背景色；另外，将折线图调整好大小，拖放到显示姓名和各项参数名称所围成的单元格区域，并设置好折线图放置处单元格的填充色（图4）。

3. 设置指定单元格效果

当鼠标移动到相应单元格，除了能获取相应数据，最好单元格还可以有填充色的改变。选定J9：J13，点击“开始”选项卡中“条件格式”下的“新建规则”，在弹出的窗口中点击“新建规则”按钮，再在新弹出的窗口中，规则类型处选择“使用公式确定要设置格式的单元格”，在“为符合此公式的值设置格式”处输入“=$J9=INDEX（$A$1：$A$30，$J$2，0）”。点击“格式”按钮，在弹出的窗口中设置好单元格所需要的格式（图5）。

确定后返回“条件格式规则管理器”，在新建规则的“如果为真则停止”处进行勾选。同样道理，选定K8：O8，新建规则，公式处输入“=COLUMN（）-$K$2=10”（图6）。

通过这样的设置，就实现了当鼠标移动到相应单元格时，单元格就进行颜色的填充、边框颜色的改变及文字颜色的改变。

4. 对图表进行必要的装饰

为看起来更加美观，需对图表进行一些必要的装饰。插入1个“形状”中的圆角矩形，调整其大小使其比姓名、参数名、图表区稍大些，设置其填充色为无，线条宽度5磅，颜色与单元格填充色一致。将J9：J13单元格横线颜色设置为白色，K8：O8单元格竖线颜色也设置为白色，在J8单元格插入装饰性的图标或文字（图7）。

小提示

HYPERLINK函数具有链接跳转功能，整个IF函数语句就是根据ISERROR（）函数的值，如果是错误值就显示相应单元格的值，否则就在J2或K2中显示相应的行列号；而OFFSET函数是以A1单元格作为参考系，向下移动COLUMN（）-12+$J$2行，向右移动$K$2列，其中COLUMN（）表示当前列号，即L列的列号为12，M列的列号为13。名称的引用位置也可根据需要自己设置，以上涉及到的公式也可在自己所需要的单元格中输入。

小提示