好的专家.....解释这是如何工作的 [英] ok experts.....explain how this works

问题描述

http://www.phoenity.com/newtedge/image_gallery/


参考页面顶部的图片，他如何在没有onmouseover命令的情况下获得鼠标

？


我能看到它完成的唯一方法是通过CSS。

但是我不清楚它是如何工作的。

解决方案

理查德写道：
<一个相对= nofollow的 href =HTTP：//www.phoenity。 com / newtedge / image_gallery /target =_ blank> http://www.phoenity.com/newtedge/image_gallery/

参考页面顶部的图片，如何在没有onmouseover命令的情况下实现鼠标？

我能看到它完成的唯一方法是通过CSS。
但我不清楚它是如何工作的。

CSS，悬停。

Mick

Richard写道：

http://www.phoenity.com/newtedge/image_gallery/

参考页面顶部的图片，他如何实现鼠标悬停没有onmouseover命令？

我能看到它完成的唯一方法是通过CSS。
但我不清楚它是如何工作的。

是的，这是CSS。

设置显示的一些内容：无显示：挂起时阻止。

如需更完整的教程，请尝试：
http://www.meyerweb.com/eric/css/edge/popups/demo.html

" Richard" <安******* @ 127.001>在消息中写道

news：cs ********* @ news2.newsguy.com ...

http://www.phoenity.com/newtedge/image_gallery/

参考在页面顶部的图像，如何在没有onmouseover命令的情况下实现鼠标


我能看到它完成的唯一方法是通过CSS。
但是我不清楚它是如何工作的。

它不是JavaScript（所以这是关于它的主题新闻组），但它并不是火箭科学来弄清楚它是如何工作的：


1）查看页面上的来源，请注意style在style.css中。输入

< url： http：/ /www.phoenity.com/newtedge/ima...lery/style.css />进入

你的地址栏，点击输入

2）注意，style.css有两个@imports。图image_gallery.css是

你想要的那个。

3）输入< url：
http://www.phoenity.com/newtedge/ima...ge_gallery.css />进入

你的地址栏，点击回车。

4）阅读。


ul＃gallery> li ul ...

ul＃gallery> li：hover ...

ul＃gallery> li：hover ul ...


关注popup。


ul＃gallery ul：之前......

ul＃gallery ul：之后......


那些处理

弹出窗口中水平规则上下的内容。


-

Grant Wagner< gw ***** @ agricoreunited.com>

comp.lang.javascript常见问题 - http://jibbering.com/faq

http://www.phoenity.com/newtedge/image_gallery/

Referring to the images at the top of the page, how does he achieve a mouse
over with no onmouseover command?

The only way I can see it being done is through the CSS.
But I''m not clear on how it works exactly.

解决方案

Richard wrote:

http://www.phoenity.com/newtedge/image_gallery/

Referring to the images at the top of the page, how does he achieve a mouse
over with no onmouseover command?

The only way I can see it being done is through the CSS.
But I''m not clear on how it works exactly.

CSS, hover.
Mick

Richard wrote:

http://www.phoenity.com/newtedge/image_gallery/

Referring to the images at the top of the page, how does he achieve a
mouse over with no onmouseover command?

The only way I can see it being done is through the CSS.
But I''m not clear on how it works exactly.

Yes, it''s CSS.
Some things that are set to display:none become display:block when hovered.
For a more complete tutorial, try:
http://www.meyerweb.com/eric/css/edge/popups/demo.html

"Richard" <An*******@127.001> wrote in message
news:cs*********@news2.newsguy.com...

http://www.phoenity.com/newtedge/image_gallery/

Referring to the images at the top of the page, how does he achieve a
mouse
over with no onmouseover command?

The only way I can see it being done is through the CSS.
But I''m not clear on how it works exactly.

It isn''t JavaScript (so it''s off-topic for this newsgroup), but it isn''t
rocket science to figure out how it works either:

1) View the source on the page, note that style is in style.css. Type
<url: http://www.phoenity.com/newtedge/ima...lery/style.css /> into
your address bar, hit enter
2) Note that style.css does two @imports. Figure image_gallery.css is
the one you want.
3) Type <url:
http://www.phoenity.com/newtedge/ima...ge_gallery.css /> into
your address bar, hit enter.
4) Read.

ul#gallery>li ul ...
ul#gallery>li:hover ...
ul#gallery>li:hover ul ...

Those take care of the "popup".

ul#gallery ul:before ...
ul#gallery ul:after ...

Those take care of the stuff above and below the horizontal rules in the
"popups".

--
Grant Wagner <gw*****@agricoreunited.com>
comp.lang.javascript FAQ - http://jibbering.com/faq

这篇关于好的专家.....解释这是如何工作的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！