RadControls集成jquery,随便几行代码吊死你!不信来看!

RadControls Q3 2008开始集成了jquery,加上jquery视觉效果是帅多了..

 

代码非常简单,

首先导入jquery的js

        <telerik:RadScriptManager runat="server" ID="RadScriptManager1">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            </Scripts>
        </telerik:RadScriptManager>

这个只有Q3版本的才支持哦

然后

 

        <telerik:RadComboBox runat="server" ID="RadComboBox1" Width="300px" Skin="Telerik">
            <Items>
                <telerik:RadComboBoxItem Text="ASP.NET AJAX UI Controls" />
                <telerik:RadComboBoxItem Text="WinForms UI Controls" />
                <telerik:RadComboBoxItem Text="WPF UI Controls" />
                <telerik:RadComboBoxItem Text="Silverlight UI Controls" />
                <telerik:RadComboBoxItem Text="Telerik Reporting" />
                <telerik:RadComboBoxItem Text="Telerik OpenAccess ORM" />
                <telerik:RadComboBoxItem Text="Telerik Sitefinity CMS" />
            </Items>
        </telerik:RadComboBox>

        <script type="text/javascript">
            (function($) {
                $(document).ready(function() {
                    $('.rcbItem')
                    .mouseover(function() {
                        $(this).stop().animate({ paddingLeft: "30px" }, { duration: 300 });
                    })
                    .mouseout(function() {
                        $(this).stop().animate({ paddingLeft: "4px" }, { duration: 300 });
                    });
                });
            })($telerik.$);
        </script>

 

然后在body onload的时候添加2个动画函数!