ajaxToolkit中 Rating控件自定义鼠标经过提示信息

最新推荐文章于 2024-10-20 13:52:31 发布

Damon_WG

最新推荐文章于 2024-10-20 13:52:31 发布

阅读量793

点赞数

分类专栏： .net C# 文章标签： function server html

本文链接：https://blog.csdn.net/Damon_WG/article/details/7070061

版权

.net 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

6 篇文章 0 订阅

订阅专栏

在网页的Rating控件中加入如下事件代码：onmouseover="changeStarTitle(this)"，这是Html控件的标准事件。

<cc1:Rating ID="startRating" runat="server" CurrentRating="0" StarCssClass="RatingStar"
                FilledStarCssClass="filledRatingStar" EmptyStarCssClass="emptyRatingStar" WaitingStarCssClass="savedRatingStar"
                οnmοuseοver="javascipt:changeStarTitle(this);">

<script type="text/javascript">
    // 更改评星条的提示
    function changeStarTitle(obj) {
        var tdRate = obj.parentNode;
        var subSpan = tdRate.getElementsByTagName("span");
        for (var i = 0; i < subSpan.length; i++) {
            switch (i) {
                case 0: subSpan[i].title = "非常不满意"; break;
                case 1: subSpan[i].title = "不满意"; break;
                case 2: subSpan[i].title = "一般"; break;
                case 3: subSpan[i].title = "满意"; break;
                case 4: subSpan[i].title = "非常满意"; break;
                default: break;
            }
        }
    }
</script>