`
laorer
  • 浏览: 435985 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

<转>为网页添加链接提示说明框

    博客分类:
  • j2EE
阅读更多

为网页添加链接提示说明框

中国风网 2002-10-21 15:28:20


http://www.itcool.net/article/2002/2002-10-21/427.html
<iframe align="right" src="http://adserver.563.net/it/300300.html" frameborder="0" width="300" scrolling="no" height="300"></iframe> 


  当鼠标移到某个按钮或其他超级链接的时候,鼠标附近会出现一个小小的提示框,对此链接进行一定的介绍,这样一来可以为访客带来浏览方便,二来亦可为网站带来实用的动感效果。这种效果在网站制作上颇为实用,下面我们就利用Flash来将其实现:

  1、启动Flash5.0,在“Insert”菜单中选择“New Symbol”项,然后在弹出的“Symbol Properties”对话框中填入此符号的名称,再选中下面复选框中的“Button”一项(即选择“按钮”符号属性),之后单击“确定”返回。

  2、确定后会出现按钮符号的编辑窗口。可以发现时间轴出现了“Up”、“Over”、“Down”、“Hit”4个帧(代表了此按钮符号的4种不同的状态)。我们先在“Up”帧处插入用来做链接的对象,例如链接文字或按钮图片。这里我们插入一幅按钮的图片。之后在“Over”帧中右击鼠标,从弹出的菜单中选择“Insert keyframes”选项,即在此处插入一个关键帧,也就是将“Up”帧中的内容复制到“Over”帧里面。然后在“Over”帧中对按钮图片做相应的修改(例如放大或缩小一些)。

  3、在层显示窗口中右击当前层,从弹出的菜单中选择“Insert Newlayer”命令插入一个新图层。然后用鼠标右击新增图层的“Over”帧,从弹出的菜单中选择“Insert Frank keyframe”命令插入空白关键帧。在该帧中制作提示框。提示框的形状可以由自己设计。绘制形状也可以用矩形、椭圆或铅笔工具进行创建,在建立提示框的形状后别忘了在上面用文本工具写上要说明的文字。在这一步里需要注意的是,提示框的出现位置会随着你绘制的位置而改变,因此在绘制提示框的时候请将其绘制在你想出现提示框的位置处。制作完成后其时间轴如图1所示。




  4、完成以上操作后,点击层显示处上面的“Scene”回到主编辑画面。若想为此按钮创建超级链接,则在按钮上双击,选择“Frame Actions”对话框。然后输入下面的代码即可:

  on(release){

  getUrl("");

  }

  其中,“getUrl("")”括号里面的就是你想要链接的网页的域名。

  5、在“Windows”菜单中点击“Library”选项调出图库窗口。我们可以看到在图库窗口里有我们刚才创建的按钮符号,这时我们只要将该按钮符号移到主编辑界面中,然后按下“Ctrl+Enter”即可预览当中的效果了(效果如图2所示)。




  在网页制作上,一般的按钮或超链接缺乏对链接对象的详细说明,利用以上方法我们就可以很方便地为网站里的超链接介绍其链接的相关内容与信息了。
分享到:
评论

相关推荐

    AJAX 源码范例

    原书附带光盘文件&lt;br&gt;第2章&lt;br&gt; 02/ 基于Ajax的留言板示例&lt;br&gt;第3章&lt;br&gt; 03/3.1.3....本章将实现如何在网页中windows关机效果&lt;br&gt; 源码结构说明&lt;br&gt;1.LightBox文件夹下为源文件&lt;br&gt;2.LightBox.war为部署文件&lt;br&gt;

    html5入门技巧

    2. **&lt;figure&gt;和&lt;figcaption&gt;标签**:这两个标签在HTML5中用于增强内容的语义性,&lt;figure&gt;通常用于包裹图像、图表等,而&lt;figcaption&gt;则用来为&lt;figure&gt;内的内容添加描述性文字,如图片的标题或说明。 3. **&lt;small&gt;...

    dreamweaver网页设计作业

    - **电子邮件链接**:在网页中添加电子邮件链接,通常使用`&lt;a&gt;`标签配合`mailto:`协议,以便用户可以直接点击邮件地址发送邮件。 - **Flash动画**:设置Flash动画在网页中自动播放,需要在属性面板中启用相应的选项...

    八种常用JavaScript小程序集锦

    这段代码提供了一个简单的功能,即允许用户将当前网页添加到收藏夹。当用户点击链接时,浏览器会弹出对话框让用户确认是否将页面添加到收藏夹。此功能在许多网站中非常常见,对于提高用户留存率有一定的帮助。 ### ...

    PHP基础教程 是一个比较有价值的PHP新手教程!

    &lt;/TITLE&gt; &lt;/HEAD&gt; &lt;BODY&gt; &lt;H1&gt; First PHP page &lt;/H1&gt; &lt;HR&gt; &lt;? // Single line C++ style comment /* printing the message */ echo "Hello World!"; # Unix style single line comment ?&gt; &lt;/BODY&gt; &lt;/HTML&gt; 2.4 数据...

    java微信公众号MVC开发框架

    通过maven生成一个webapp项目,例如项目名为weixin,在maven配置文件pom.xml中添加jwx依赖,jwx的1.1.1jar包已经提交到maven中心仓库,通过中心仓库搜索jwx关键字可以获取jar包依赖配置。 &lt;dependency&gt; &lt;groupId&gt;...

    登录注册界面(HTML)

    同时,`&lt;label&gt;`标签与`for`属性结合,用于关联输入字段和其对应的提示文本,提高用户体验。 描述中提到的注册界面具有几个关键功能点: 1. **密码验证**:在HTML中,虽然基础验证只能通过`required`属性实现...

    jQuery手势图案密码设置代码.zip

    在`&lt;head&gt;`部分或`&lt;body&gt;`的底部,我们将包含jQuery库的CDN链接,并编写一个`$(document).ready()`函数来包裹我们的代码,确保所有元素加载完毕后再进行操作。 在JavaScript部分,我们可以使用jQuery选择器获取每个...

    cms后台管理

    &lt;li&gt;&lt;a href="${a.url}" target="_blank"&gt;${a.title}&lt;/a&gt;&lt;/li&gt; [/#list] 就是简单的将tag_list中的内容,即“paramWrap.put(OUT_LIST, DEFAULT_WRAPPER.wrap(list));”中放入的数据遍历出来 style_2-1.html中的...

    网页编写代码大全总结

    &lt;a href="#" title="链接说明"&gt;链接文本&lt;/a&gt; ``` ##### 6. 禁止鼠标右键 禁用网页上的鼠标右键菜单功能。 **示例代码**: ```html &lt;body oncontextmenu="return false"&gt; ``` ##### 7. DW里输入空格 在 ...

    js检测网络是否具体连接功能的代码

    通过创建一个图片元素并尝试加载外部图片资源,结合`&lt;img&gt;`元素的`error`事件监听,我们可以有效检测当前用户的网络连接状态,并在无法联网的情况下给出相应的提示。同时,文档还提到了一些重要的Web开发技巧,如...

    PHP面试题(最牛)

    &lt;head&gt;&lt;title&gt;示例页面&lt;/title&gt;&lt;/head&gt; &lt;body&gt; &lt;p&gt;Hello World!&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; HTML; ``` #### 37. 下面哪个函数可以打开一个文件,以对文件进行读和写操作? 正确答案是**`fopen()`**。 #### 38. 下面哪个...

    sivecj.github.io

    2. **HTML基础知识**:HTML是构成网页的基础,包括各种标签如`&lt;head&gt;`、`&lt;body&gt;`、`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;nav&gt;`等,以及属性和元素,用于描述网页的结构。例如,`&lt;h1&gt;`到`&lt;h6&gt;`定义标题,`&lt;p&gt;`定义段落,`&lt;a&gt;`...

    web前端面试题

    - **行内元素** 包括 `&lt;a&gt;`, `&lt;span&gt;`, `&lt;img&gt;` 等;**块级元素** 包括 `&lt;div&gt;`, `&lt;p&gt;`, `&lt;ul&gt;` 等。 - **盒模型** 包括 content、padding、border 和 margin。 **42. 前端页面有哪三层构成,分别是什么?作用是什么...

    .net面试题(最新)

    同时为页面添加一个按钮,点击按钮时弹出提示框显示不同的信息。 **代码示例:** ```html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;示例页面&lt;/title&gt; &lt;script type="text/javascript"&gt; function show() { if ...

    html超级链接标记A的TARGET属性详解

    1. **防止网页被其他框架引用**:在文件头添加`&lt;base target="_top"&gt;`可以防止其他框架引用你的网页。 2. **在当前页打开链接或刷新**:在文件头添加`&lt;base target="_self"&gt;`可以让链接在当前页面打开。 #### 六、...

    精易官方免费模块v3.60版

    1.增加网页_禁止允许一键操作() 参数 &lt;禁止允许播放网页视频&gt; 2.增加 DLL "RtlMoveMemory_整数型2",目前应用于 类_位图操作 的 “从屏幕创建” 1.删除 “网页_验证码读取” 该命令是封装的 网页_访问_对象,所以 ...

    ASP.NET的网页代码模型及生命周期

    &lt;title&gt;无标题页&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form id=“form1” runat=“server”&gt; &lt;div&gt; &lt;/div&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; 编译并运行,即可看到一个空白的页面被运行了。ASP.NET单文件页模型在创建并生成时,...

    Piyush-Lal-Shrestha-2000.github.io:该存储库包含大多数基于Web的项目

    1. **HTML 结构**:HTML 文件由一系列标签组成,每个标签都有特定的作用,比如 `&lt;head&gt;` 包含元数据,`&lt;body&gt;` 包含可见内容,`&lt;h1&gt;` 到 `&lt;h6&gt;` 定义标题等级,`&lt;p&gt;` 用于段落,`&lt;a&gt;` 创建链接等。了解这些基础标签...

Global site tag (gtag.js) - Google Analytics