<html>
<head >
<title></title>
<script src="Scripts/jquery-2.1.1.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#btn1").click(function () {
//$("#img1").effect("Blind",
{ "direction": "horizontal", "mode":
"toggle" }, 2000);
//$("#img1").effect("Bounce",
{ "direction": "down", "mode":
"toggle","distance":100,"times":10 }, 2000);
$("#img1").effect("Drop", { "direction": "horizontal", "mode": "toggle" }, 2000);
});
});
</script>
<style type="text/css">
#img1 {
width:300px;
height:300px;
border:5px solid green;
border-radius:10px;
box-shadow:20px 20px 20px orange;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div align="center">
<input type="button" id="btn1" value="blind" />
<br />
<img src="images/mk
(62).jpg" id="img1" />
</div>
</form>
</body>
</html>
No comments:
Post a Comment