ASP.NET 4.0七大新特性之"集成jQuery"

最新推荐文章于 2025-12-01 22:23:21 发布

原创最新推荐文章于 2025-12-01 22:23:21 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #asp.net #jquery插件 #function #image #javascript

本文介绍在 ASP.NET 4.0 中 jQuery 的集成方式及其使用方法，展示了如何轻松控制网页元素并通过一个图片放大的示例说明了 jQuery 的强大功能。

原文转自： http://www.systhinker.com/index.php?action-viewnews-itemid-10321-php-1

一个好消息，开发人员将不会再下载jQuery和将它添加到开发环境的烦恼了，因为在ASP.NET 4.0中JQuery被整合到WEB开必应用中了。开发人员现在可以自由地使用了jQuery，所有需要做的仅仅是添加到网页jQuery库的引用。 jQuery的库是默认的项目模板的一部分。在jQuery库是放在文件夹下的脚本，如图3.0所示

jQuery库是一个JavaScript库，它允许您通过网页遍历控件使用的标记名称或ID更容易控制，并提供了内置功能，在客户端上提供良好的动画很多。检查下面的例子：一个形象是对鼠标指针悬停扩大使用jQuery。

添加脚本参考jQuery库并添加样式的到您的网页：

<script src="~/Scripts/jquery-1.3.2.min.js" type="text/javascript"></script><style type="text/css">
		.a img
		{
			border:0px;
		}
		#largeImage
		{
			border-color:Gray;
			border-width:10px;
			border:solid;
			position:absolute;
		}
</style>下面是jQuery和的<script type="text/javascript">
	$(function(){
		var offset = 10;
		$('img').hover(function(e){
			var imageUri = $(this).attr('src');
			$('<img href="#" src="' + imageUri + '" alt="larger image" id="largeImage"/>').css('top', e.pageY + offset)
																						.css('left', e.pageX + offset)
																						.appendTo('body');
		}, function(){
			$('#largeImage').remove();
		});
	});
	
</script>

放置一个图像控件，并设置高度和宽度。

<img alt="Image loading..." id="imageOneTN" height="100px" width="100px" src="Images/Blue hills.jpg" />

图3.1显示了图像的放大和对无工作的Web网页上显示。

在ASP.NET 4.0 jQuery插件可以结合微软 的ASP.NET AJAX 控件无缝集成。