image hover 一定要Javascripts才能完成？

johnlth93

如题，image hover 一定要javascripts才能完成吗？？？


ex:
<script type="text/javascript">
var a = new Image(); a.src = 'signup_normal.gif';
var b = new Image(); b.src = 'signup_hover.gif';
</script>

<a href="#" target="_blank"><img src="signup_normal.gif" name="s1a" alt="Sign Up!" border="0"></a>

能不能在plain html里完成？

为人民服务

楼主，你的hover code在哪里？
mouse over 能用javascript也可以用css完成。

chewkit

可以使用CSS
http://www.edginet.org/techie/website/cssimg.html

为人民服务

可能楼主还是不明白，楼主可以使用Flash，
Flash的mouse over比较简单，不必太多code。

Legend

回复 1# johnlth93


    不一定...纯css也可以做到..

johnlth93

不要css
plain html弄不到吗？

那没关系，谢啦 ;p
[我的朋友不会flash，只会pshop]

为人民服务

不要css
plain html弄不到吗？

那没关系，谢啦 ;p
[我的朋友不会flash，只会pshop]
johnlth93 发表于 19-3-2010 11:59 PM

不必客气，有问题欢迎再来。

Photoshop也可以做到，CS2之前要image ready，
CS2之后Image Ready和Photoshop已经结合了。

blue333

樓主, 你放的 example code 只是用來預載 image 罷了

我認為 javascript 是最簡單好用的.

megablue

如果要简单非css的莫属了

y小叶y

css才是最简单的，最少4行搞定

blue333

如果論行數比簡單 javascript 兩行就可以了

y小叶y

如果論行數比簡單 javascript 兩行就可以了
blue333 发表于 29-3-2010 02:04 PM

   如果硬要掰的話，css 1行就行:.el{url(a.jpg)}.el:hover{url(b.jpg)}

johnlth93

...........
别再掰这贴了，我ok了

blue333

如果硬要掰的話，css 1行就行:.el{url(a.jpg)}.el:hover{url(b.jpg)}
y小叶y 发表于 7-4-2010 08:09 PM

你那個完全的語法是不是只是這兩行?

如果只是這兩行, 請問到底是怎樣用的? 該放在那裏?

在下面 javascript 的語法算不算兩行?

1. <img src="a.jpg" onMouseOver="this.src='b.jpg'" onMouseOut="this.src='a.jpg'">

复制代码