Html Menu

Set the enableHover property of the jqxMenu. Author: http://jqwidgets.com

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id="Menu">
    <ul>
                <li><a><a href="/Login/ViewMeets">Meets</a></a></li>
                <li><a><a href="/Login/Login">Log In</a></a></li>

    </ul>
</div>
<div id='bodyContainer'class="container body-content">
    

<h2>Login</h2>

<div id="form"></div>

</div>

JavaScript

$("#Menu").jqxMenu({width: $(window).width, height:30});

var template = [
            {
                bind: 'UsernameValue',
                type: 'text',
                label: 'User Name:',
                required: true,
                labelWidth: '30%',
                align: 'left',
                width: '250px',
                info: 'Enter Username',
                infoPosition: 'right'
            },
            {
                bind: 'PasswordValue',
                type: 'password',
                label: 'Password:',
                labelPosition: 'left',
                labelWidth: '30%',
                align: 'left',
                width: '250px',
                required: true
            },
            {
                name: 'submitButton',
                type: 'button',
                text: 'Submit Form Data',
                align: 'right',
                padding: { left: 0, top: 5, bottom: 5, right: 40 }
            }
        ];

        var form = $('#form');

        form.jqxForm({
            template: template,
            padding: { left: 10, top: 10, right: 0, bottom: 10 }
        });