一个好消息,开发人员将不会再下载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网页上显示。