New Telugu Songs Download: August 2017

	<html>
	<head>
	<script src="jquery.js">
	</script>
	<script src="jquery-ui.js">
	</script>
	<link href="jquery-ui.css" rel="stylesheet"/>

	<script>
	$(document).ready(function()
	{
	$("#img1").hide();
	$(".c1").mouseover(function()
	{
	$(this).css("opacity","0.6");
	});
	$(".c1").mouseout(function()
	{
	$(this).css("opacity","1");
	});
	$(".c1").click(function()
	{
	var str=$(this).attr("src");

	$("#img1").attr("src",str);
	$("#img1").dialog(
	{
	width:"750",
	height:"450",
	draggable:false,
	resizable:false,
	modal:false,
	show:{effect:"explode",duration:2000},
	hide:{effect:"explode",duration:2000},
	buttons:[
	{
	text:"Exit",
	click:function()
	{
	$("#img1").dialog("close");
	}
	}

	]
	});

	});
	});

	</script>
	<style>
	.c1
	{
	height:150px;
	width:180px;
	border:1px solid black;
	padding:5px;
	margin:5px;
	cursor:pointer;


	}
	</style>

	</head>
	<body>

	<h1>Jquery-UI Dialog Box</h1>
	<hr><br>
	<img class="c1" src="Images1/images (1).jpg"/>
	<img class="c1" src="Images1/images (2).jpg"/>
	<img class="c1" src="Images1/images (3).jpg"/>

	<img id="img1" src="Images1/images (1).jpg"/><br><br>
	</body>
	</html>

	<html>
	<head>
	<script src="jquery.js">
	</script>
	<script src="jquery-ui.js">
	</script>
	<link href="jquery-ui.css" rel="stylesheet"/>

	<script>
	$(document).ready(function()
	{
	$("#img1").hide();
	$(".c1").mouseover(function()
	{
	$(this).css("opacity","0.6");
	});
	$(".c1").mouseout(function()
	{
	$(this).css("opacity","1");
	});
	$(".c1").click(function()
	{
	var str=$(this).attr("src");

	$("#img1").attr("src",str);
	$("#img1").dialog(
	{
	width:"750",
	height:"450",
	draggable:false,
	resizable:false,
	modal:false,
	show:{effect:"explode",duration:2000},
	hide:{effect:"explode",duration:2000},
	buttons:[
	{
	text:"Exit",
	click:function()
	{
	$("#img1").dialog("close");
	}
	}

	]
	});

	});
	});

	</script>
	<style>
	.c1
	{
	height:150px;
	width:180px;
	border:1px solid black;
	padding:5px;
	margin:5px;
	cursor:pointer;


	}
	</style>

	</head>
	<body>

	<h1>Jquery-UI Dialog Box</h1>
	<hr><br>
	<img class="c1" src="Images1/images (1).jpg"/>
	<img class="c1" src="Images1/images (2).jpg"/>
	<img class="c1" src="Images1/images (3).jpg"/>

	<img id="img1" src="Images1/images (1).jpg"/><br><br>
	</body>
	</html>

	<!DocType html>
	<html language="en-us">
	<head>
	<meta charset="utf-8"/>
	<title>HTML5 Semantic Tags</title>
	<script>
	function f1()
	{
	var obj=document.getElementById("d1");

	obj.showModal();

	}
	function f2()
	{
	var obj=document.getElementById("d1");

	obj.close();

	}
	function f3()
	{
	var obj=document.getElementById("d1");

	obj.open();

	}
	</script>


	</head>
	<style>
	#d1::backdrop
	{
	background-color:pink;
	opacity:0.5;

	}
	#d1
	{
	width:"350px";
	border-top:20px solid orange;
	border-bottom:20px solid orange;
	border-radius:25px;
	text-align:center;
	margin-top:250px;
	}

	</style>

	<body >
	<h1>Usage of HTML5 Dialog Tag</h1>
	<hr>

	<input type="button" value="Show Dialog" onclick="f1()"/>
	<br><br>
	<dialog id="d1">
	<h2>Web UI Course List</h2>
	<ol style="text-align:left">
	<li>HTML5</li>
	<li>CSS3</li>
	<li>ANGULAR JS</li>
	<li>JQUERY</li>
	<li>BOOTSTRAP</li>

	</ol>
	<input type="button" value="Exit" onclick="f2()"/>
	<a href="images (4).jpg"><input type="button" value="Save" onclick="f3()"/></a>
	</dialog>
	</body >

	</html>

New Telugu Songs Download