Jquery Programming using JQuery-UI Sorting function
<html>
<head>
<script src="jquery-1.7.1.min.js"></script>
<script src="jquery-ui.js"></script>
<script src="jquery-ui.css" rel="stylesheet"></script>
<script>
$(document).ready(function()
{
$("#list1").sortable();
});
</script>
<style>
ul
{
list-style:none;
width:110px;
height:100px;
padding:5px;
}
ul li
{
float:left;
width:20px;
height:20px;
border:2px solid blue;
margin:5px;
background-color:blue;
color:white;
text-align:center;
border-radius:15px;cursor:pointer;
}
</style>
</head>
<body>
<h>Jquery Programming using JQuery-UI Sorting function</h1>
<hr/>
<ul id="list1">
<li>7</li>
<li>6</li>
<li>5</li>
<li>2</li>
<li>8</li>
<li>1</li>
<li>3</li>
<li>4</li>
</ul>
</body>
</html>
2 comments:
It was a great information and Its really worth reading it.
Full Stack Online Training
Full Stack Training
I have read this post. collection of post is a nice one..!!
.Net Online Training from USA, Uk, Australia, UAE, Canada
Best Informatica Training from Hyderabad
Data Analytics Training from UK
MS Office Training from Pune
Python Online Training from USA
AWS SysOps Administrator Associate Online Classes
SCOM 2022 Online Training from Chennai
SAP S/4HANA Fiori admin & Security Training Institute In Bangalore
Azure Devops Training Course In Hyderabad
Post a Comment