SAND
小狐狸
小狐狸
  • UID54
  • 注册日期2004-11-22
  • 最后登录2009-10-20
  • 发帖数98
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:6804回复:9

【求助】如何实现这样的效果?

楼主#
更多 发布于:2005-01-31 12:27
最近学习做网页,急须用到一个网页功能,就是当鼠标移动到网页中的一个超链接或者是一幅图片的上面而没有按下任何键时,会立刻在鼠标的旁边弹出一个没有边框的页面,页面的内容主要有文字、图片和超链接。就有点像我们用(金山词霸)时,当鼠标指向某个单词,就会出现的那个即时翻译框一样,或者像http://www.btchina.net/中的发布页的效果,当鼠标移上去就会出现一个没有边框的注释页面。

      我在一些网站上看到这个效果,但只有用IE浏览时才能实现,用FF的话就看不到这种效果。比如下面这个:http://www.way-pro.com/wow/talents.asp?sEClass=Druid。所以我想问一下,如果按照W3C的标准来写代码的话,要如何实现,希望高手指点一下,尽量说详细一点,因为我也是刚学的知道的不多,谢谢。
行到水穷处 坐看云起时
nighttalker
千年狐狸
千年狐狸
  • UID43
  • 注册日期2004-11-22
  • 最后登录2015-05-03
  • 发帖数2283
  • 经验40枚
  • 威望0点
  • 贡献值42点
  • 好评度0点
  • 社区居民
  • 忠实会员
1楼#
发布于:2005-01-31 12:27
SAND:最近学习做网页,急须用到一个网页功能,就是当鼠标移动到网页中的一个超链接或者是一幅图片的上面而没有按下任何键时,会立刻在鼠标的旁边弹出一个没有边框的页面,页面的内容主要有文字、图片和超链接。就有点像我们用(金山词霸)时,当鼠标指向某个单词,就会出现的那个即时翻译框一样,或者像http://www.btchina.net/中的发布页的效果,当鼠标移上去就会出现一个没有边框的注释页面。

      我在一些网站上看到这个效果,但只有用IE浏览时才能实现,用FF的话就看不到这种效果。比如下面这个:http://www.way-pro.com/wow/talents.asp?sEClass=Druid。所以我想问一下,如果按照W3C的标准来写代码的话,要如何实现,希望高手指点一下,尽量说详细一点,因为我也是刚学的知道的不多,谢谢。
回到原帖

我的网页水平有限,不过在没有高人回答你之前,我倒是有些方法。
用DW,建立一个隐藏的层,然后在图片上加上javascipt,鼠标hover的时候,显示那个层。
不过这应该是最麻烦的办法。
另外你可以试试img标签里面的alt属性。
目前最新版本是:Firefox 37,  请各位注意升级保证安全。
SAND
小狐狸
小狐狸
  • UID54
  • 注册日期2004-11-22
  • 最后登录2009-10-20
  • 发帖数98
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2005-01-31 12:27
多谢楼上的朋友,我马上去试试看,呵呵。
行到水穷处 坐看云起时
xelnaga
千年狐狸
千年狐狸
  • UID1911
  • 注册日期2005-01-08
  • 最后登录2022-04-20
  • 发帖数1725
  • 经验85枚
  • 威望0点
  • 贡献值8点
  • 好评度5点
  • 社区居民
3楼#
发布于:2005-01-31 12:27
<abbr title="HyperText Markup Language">HTML</abbr>

HyperText Markup Language就是你要显示的

刚才偶然在http://neoone.51.net上看到这个效果,去源代码里找到的
xelnaga
千年狐狸
千年狐狸
  • UID1911
  • 注册日期2005-01-08
  • 最后登录2022-04-20
  • 发帖数1725
  • 经验85枚
  • 威望0点
  • 贡献值8点
  • 好评度5点
  • 社区居民
4楼#
发布于:2005-01-31 12:27
但是,这abbr标签好像是用于英文缩写的注释的

还有一个ACRONYM好像也行

不知道abbr和acronym之间有什么区别

望知道的指点一下

最好解释下这两个,还有<expan>这个东西
SAND
小狐狸
小狐狸
  • UID54
  • 注册日期2004-11-22
  • 最后登录2009-10-20
  • 发帖数98
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
5楼#
发布于:2005-01-31 12:27
多谢楼上两位朋友的帮忙,可能是小弟天资愚钝,怎么试也不行,加入隐藏页面后不知道如何设置激活它的鼠标动作,反正在页面属性里找不到。

至于利用<abbr title="HyperText Markup Language">HTML</abbr> 方法,我加入后没什么效果,唉~难道是天意?-_-!

如果方便,能不能给出完整的网页代码啊,谢谢。
行到水穷处 坐看云起时
zerty
火狐狸
火狐狸
  • UID2808
  • 注册日期2005-02-05
  • 最后登录2008-03-06
  • 发帖数158
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
6楼#
发布于:2005-01-31 12:27
<abbr title="HyperText Markup Language">HTML</abbr>
这个我试了,只在ff里有用.

应该就是1楼的做法吧..不过我也想到个方法
<img src="11.gif" onmouseover=this.src="22.gif" onmouseout=this.src="11.gif">
11是原来的图,22就是在11的基础上加上需要的注释,就像这样
xelnaga
千年狐狸
千年狐狸
  • UID1911
  • 注册日期2005-01-08
  • 最后登录2022-04-20
  • 发帖数1725
  • 经验85枚
  • 威望0点
  • 贡献值8点
  • 好评度5点
  • 社区居民
7楼#
发布于:2005-01-31 12:27
用GB试了试

abbr果然不行

但是发现用acronym的话就可以在IE中显示了
guoshuang
火狐狸
火狐狸
  • UID771
  • 注册日期2004-12-11
  • 最后登录2006-12-28
  • 发帖数134
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
8楼#
发布于:2005-01-31 12:27
很多标签都可以加  title 来显示 tips 文字(但只能是文字)
abbr (abbreviation)  缩写词
acronym  首字母缩写

前者 ie不支持,只能用javascript+dom 编码来模拟

很多情况下,首字母缩写词  就是 缩写词。但反过来不一定是!如 EUR 是 Europe 的abbreviation 但并不是 acronym

你可以搜索 google
http://www.google.com/search?hl=zh-CN&n ... %B4%A2&lr=

ie 中会把 <img alt="xxx" /> 中的 alt 当作 提示信息来显示,这是错误的!alt (alternate)应该只是“替换”文字(给不支持图片显示的浏览器以及手持设备等),如果需要提示信息,请使用 title

to SAND:
你说得有些站点,用的是 div 层的方法,之所以不显示是因为没有使用 document.getElementById() 这样正确的 DOM 引用方法,甚至 document.all (虽然不符合 w3c 标准,但 firefox 也可以兼容ie 而识别)都没写,而直接书写了 对象 id
SAND
小狐狸
小狐狸
  • UID54
  • 注册日期2004-11-22
  • 最后登录2009-10-20
  • 发帖数98
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
9楼#
发布于:2005-01-31 12:27
多谢楼上的几位朋友,我知道怎么做了,非常感谢。

我还想顺便问一下,在一个网页中,对隐藏层的数量有没有限制,我现在在做的一个网页,里面可能有上千个隐藏层,不知道有没有问题。
行到水穷处 坐看云起时
游客

返回顶部