如何设置C1Rating控件动画

ASP.NET的Rating控件,可以以图形方式在ASP.NET中显示评级。该评级控件是网站的访问者们只需点击一下就可以以交互方式分享他们的意见。可以自定义该控件,来显示星号,大拇指,条形图,等等。本文介绍如何设置C1Rating的动画。将鼠标Hover到页面的C1Rating上,会显示提示信息,鼠标点击星级图标,便可以设置星级评级。如下图所示:<p><a href="http://www.grapecity.com.cn/image.ashx?picture=C1Rating.gif"><img style="display: inline;" title="C1Rating" src="http://www.grapecity.com.cn/image.ashx?picture=C1Rating_thumb.gif" alt="C1Rating" width="422" height="255" /></a></p>

发布于 2014/06/24 00:00

ComponentOne Enterprise

ASP.NET的Rating控件,可以以图形方式在ASP.NET中显示评级。该评级控件是网站的访问者们只需点击一下就可以以交互方式分享他们的意见。可以自定义该控件,来显示星号,大拇指,条形图,等等。

本文介绍如何设置C1Rating的动画。

具体步骤如下。

添加C1Rating控件到页面

可以将C1Rating评级控件水平或垂直的放在页面上。

C1Rating自定义图标

默认显示星号,也可以用自定义的图像来创建一个评级控件。

C1Rating动画

可以添加特殊效果到ComponentOne的评级控件。可以在评级控件可以转换为滚动、弹跳、不褪色、幻灯片,等等的地方启用设置。 设置动画效果的标签是Animation, 代码如下:

<Animation Animated="fade" Duration="500" Easing="Linear" Delay="250" />

 

C1Rating提示

鼠标Hover到C1Rating上,显示提示信息。提示信息用Hint标签设置,代码如下:

<Hint Content="Below Average,Average,Above Average,Awesome,Epic" />

 

将鼠标Hover到页面的C1Rating上,会显示提示信息,鼠标点击星级图标,便可以设置星级评级。如下图所示:

C1Rating

本文Demo的源代码如下:

C1Rating.7z (3.85 mb)

关于葡萄城

葡萄城软件是专业的软件开发技术和低代码平台提供商,以“赋能开发者”为使命,致力于通过表格控件、低代码和BI等各类软件开发工具和服务,一站式满足开发者需求,帮助企业提升开发效率并创新开发模式。葡萄城开发技术始于1980年,40余年来始终聚焦软件开发技术,有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的用户社区和丰富的伙伴生态,与超过3000家合作伙伴紧密合作,产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。

相关产品
推荐相关案例
关注微信
葡萄城社区二维码

关注“葡萄城社区”

活字格低代码二维码

关注“活字格低代码”

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态