宝哥软件园

实现onmouseover和onmouseout应用于单选按钮列表或复选框列表控件上

编辑:宝哥软件园 来源:互联网 时间:2021-10-04

一直想实现onmouseover和onmouseout应用于单选按钮列表或复选框列表控件上,今晚终于有时间实现它。此功能就是当鼠标经过时单选按钮列表或复选框列表每一个项目时,让项目有特效显示,离开时,恢复原样。可以看到效果:单选按钮列表效果

复选框列表效果

这资实现数据因苏斯。网准备了五行(五个阶段)

创建一个对象[五个阶段]:五个阶段复制代码代码如下:使用系统;使用系统。集合。通用;使用系统Linq .使用系统Web///summary///五个阶段的摘要描述///摘要公共类五个阶段{私有int _ ID私有字符串_名称;公共int ID { get { return _ ID}设置{ _ID=值;} }公共字符串名称{ get { return _ Name}设置{ _Name=值;} }公共五相(){////todo :在此处添加构造函数逻辑//} public FivePhases(int id,string name) { this .ID=id这个_ Name=name} }复制代码代码如下: private listfiftphases getfiftphases(){ listfiftphases ListFH=new listfiftphases();五相FH=新五相();fh .ID=1;fh .名称='木;名单.添加(FH);FH=新五期();fh .ID=2;fh .名称='火;名单.添加(FH);FH=新五期();fh .ID=3;fh .名称='土;名单.添加(FH);FH=新五期();fh .ID=4;fh .名称='金;名单.添加(FH);FH=新五期();fh .ID=5;fh .名称='水;名单.添加(FH);返回列表FH;} 此时,你可以拉一个单选按钮列表或是复选框列表控件至网页中,此例以单选按钮列表控件为例。复制代码代码如下: asp:复选框列表ID=' radiobuttonlist五个阶段' runat=' server '重复方向=' Horizontal '/asp:复选框列表然后在铯绑定数据:复制代码代码如下:使用系统。数据。OleDb使用系统Linq .使用系统网络.使用系统网络。用户界面使用系统。网络控件;使用因苏。NET公共部分类_默认:系统网络。用户界面。第{页受保护的无效页面_加载(对象发送者,事件参数e) { if(!IsPostBack)Data _ Binding();}私有void Data_Binding() { this .radiobuttonlist列出五个阶段。数据源=get five phase();这个。单选按钮列表五个阶段。数据文本字段="名称";这个。单选按钮列表五个阶段。数据值字段="标识";这个收音机按钮列出五个阶段。DataBind();} } 还得准备鼠标的超过与在外样式:复制代码代码如下:样式类型='text/css ' .overStyle { font-weight : bold;color: # f00}。outStyle { font-weight : normal;颜色:无;}/样式在爪哇岛描述语言中实现每个项目有onmouseover和onmouseout事件,因此还得写爪哇岛描述语言脚本,放于头内。复制代码代码如下:脚本类型='text/javascript '函数windowOnLoad(){ var rbl=document。getelementbyid(' %=radio buttonlistfirphases .客户端id“% s”);var标签=rbl。getelementsbytagname(' label ');for(var I=0;我标签。长度;I){ var LBL=labels[I];LBL。onmouseover=function(){ this。类名=' overStyle};LBL。onmouseout=function(){ this。类名=' outStyle};} } window . onload=windowOnLoad/script

更多资讯
游戏推荐
更多+