Question

怎么把鼠标放在图片上 图片就能自动换？ 我用的是SharePoint2007 不要说代码 只要设

怎么把鼠标放在图片上 图片就能自动换？ 我用的是SharePoint2007 不要说代码 只要设计

Answer 1

　　鼠标放到图片上替换图片，改变样式。
　　方法一：用
　　onmouseover和
onmouseout 实现
<asp：Imgbutton runat="server" src="drop.gif" onmouseover="this.src='drop.gif'" onmouseout="this.src='tabs2_2.gif'" />

　　方法二：用 css 自带的样式去实现。
　　CSS样式

　　/*大按钮*/
.btn_big
{
border-style: none;
border-color: inherit;
border-width: medium;
background-image: url('bt.jpg');
width: 60px;
height: 20px;
color:#113E75;

}
/*大按钮滑动后改变样式*/
.btn_big:hover
{
background-image: url('bt_B.jpg');
color:White;

}

　　按钮引用
　　<asp:Button ID="btcx" runat="server" Text="查询" CssClass="btn_big" OnClick="btcx_Click" />

　　在做网页时要做一个链接，此链接是用一个小图片制作的，想达到当鼠标放上去的时候图片自动更换成另外一幅图片的效果，写了下面的代码：

在插入图片的位置写如下代码：
<a href="http://www.sohu.com/" onMouseOver="img_act('c0','web_011.jpg');moveover('image/web_011.jpg'
);return true;" onMouseOut="img_inact('c0','web_01.jpg');return true;"><img src="image/web_01.jpg" name="c0" width="178" height="30" border="0"
id="c0">

经常在一页中甚至一个网站中会有很多的这样的按钮链接，用这段代码可以在其他按钮处直接更改下面的那段代码插入进去就可以达到所有链接调用一段javascript代码的作用，使网页代码简洁。