当鼠标移到控件时,控件的颜色改变

[liuyjcel]

在页面上有一个LinkButton控件和一个Datalist控件,当鼠标移动到LinKButton时,它的背景颜色改变,同时Datalist所显示的内容也改变.那位高手帮帮忙!!!

[NekChan]

tjvictor(我的愿望是年前升星，还差400分，加油) ( ) 信誉：100 Blog 2007

来我转400分给你好了, 今天都29了啊!

[cqdyh]

通过, javascript mouse 事件, 改变变量参数,
css 中 通过这些变量参数分配不同的样式效果.

[chy3503319]

a:link{color:#333; text-decoration:none;}/*链接样式*/
a:visited {color:#333;text-decoration:none;}/*访问后的样式*/
a:hover{color:#fff;text-decoration:none;font-weight:bold;}/*鼠标滑过样式*/

[zerocoin]

通过CSS的ID及伪类可以实现

[csShooter]

css + javascript:


onMouseOver="this.class = 'redStyle';" onMouseOut="this.class = 'default';";

[liuyjcel]

楼上的可以说的再明白点吗?

[lowtemper]

hover事件写,xxx.class="...";
需要写一个css class

[ztwz]

chy3503319(东北车神)
------------------
这位说的最简单，直接用css就实现你要的效果了！

[luoxia001]

首先：
DataList控件里
e.Item.Attributes.Add("onmouseover","this.style.backgroundColor='#cccc00'");
e.Item.Attributes.Add("onmouseout","this.style.backgroundColor='white'");
这是产生不了效果的~~~

所以要改变DataList里行的css样式，只能使用js，但改变DataList控件的css样式的实验因时间关系我还没做过，望下面的补上

用js改变DataList行css样式的代码如下：
在ItemTemplate里的Table属性设置onmouseover和onmouseout，配合如下JS代码搞定
<script>
var classname = ""
function TbOnmouseover(val)
{
classname = val.className
val.className = "DataListSelecte"
}

function TbOnmouseout(val)
{
val.className = classname
}
</script>

[灰太狼]

use mouseOver and mouseOut event

[loverdotnet]

mark

[qufo]

同时Datalist所显示的内容也改变.那位高手帮帮忙!!!

大家都没看到过这个?

[zoom3000s]

同时Datalist所显示的内容也改变，只能使用AJAX了，当鼠标移动到LinkButton上时候，执行后台代码。去改变DataList的数据源就行了。

[jxf654]

up

[ybtangtang]

学习中..

[mymamxfx]

DataList控件里
e.Item.Attributes.Add( "onmouseover ", "this.style.backgroundColor= '#cccc00 ' ");
e.Item.Attributes.Add( "onmouseout ", "this.style.backgroundColor= 'white ' ");
这是产生不了效果的~~~

所以要改变DataList里行的css样式，只能使用js，但改变DataList控件的css样式的实验因时间关系我还没做过，望下面的补上

用js改变DataList行css样式的代码如下：
在ItemTemplate里的Table属性设置onmouseover和onmouseout，配合如下JS代码搞定
<script>
var classname = " "
function TbOnmouseover(val)
{
classname = val.className
val.className = "DataListSelecte "
}

function TbOnmouseout(val)
{
val.className = classname
}
</script>