ʹÓÃJavascript,CSSºÍAjax´´½¨ASP.NET×Ô¶¨Òå¿Ø¼þ
ÔÚVisual StudioÖУ¬ËùÓеÄASP.NET 2.0¿Ø¼þ¶¼ÊÇ×Ô¶¨Òå¿Ø¼þ£¬´´½¨×Ô¼ºµÄ×Ô¶¨Òå¿Ø¼þÒ»°ãÐèÒªÍê³ÉÒÔÏÂÈý²½¡£
(1)ÔÚÕ¾µãAPP_CodeÏ´´½¨Ò»¸öÐÂÀࣻ
(2)ÐÞ¸ÄÕâ¸öÀ࣬ÈÃËü³ÉΪWebControlÀà(°üº¬ÔÚSystem.Web.UI.WebControlsÃüÃû¿Õ¼ä)µÄÅÉÉúÀࣻ
(3)ÖØд»ùÀà(¼´WebControlÀà)µÄRenderContents()·½·¨¡£
ÏÂÃæÊÇÒ»¸ö×î¼òµ¥µÄASP.NET¿Ø¼þ£¬ËüµÄ¹¦ÄÜÖ»ÓÐÒ»¸ö£¬ÏÔʾ"Hellow World"¡£
using System;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace myControls
{
public class HelloWorld : WebControl
{
protected override void RenderContents(HtmlTextWriter writer)
{
writer.Write("Hello World");
}
}
}
×Ô¶¨Òå¿Ø¼þ´´½¨ºÃÖ®ºó£¬ÓÐÈýÖÖ·½·¨½«ÆäÌí¼Óµ½ÍøÒ³ÖС£
µÚÒ»ÖÖÑ¡ÔñÊÇÊ×ÏÈÔÚaspxÎļþÌí¼Ó×¢²á¿Ø¼þµÄ´úÂ룺
<%@ Register TagPrefix="custom" Namespace="myControls" %>
ÆäÖÐTagPrefixÊôÐÔµÄÖµ¿ÉËæÒâÑ¡È¡£¬NamespaceÊôÐÔµÄÖµ±ØÐëÓëÄã´´½¨µÄ×Ô¶¨Òå¿Ø¼þÒ»Ö£¬È»ºóÔÚ¸ÃÒ³µÄÈÎÒâλÖþù¿ÉÒýÓô˿ؼþ ¡£
<custom:HelloWorld ID="HelloWorld1" runat="server" />
µÚ¶þÖÖÑ¡ÔñÊÇÔÚWeb.ConfigÎļþÖÐ×¢²á´Ë¿Ø¼þ£¬ÕâÑùÄã¾Í¿ÉÒÔÔÚËùÓеÄaspxÒ³ÃæÖÐÒýÓô˿ؼþ¡£Ïà¹ØÅäÖÃÈçÏ£º
<pages>
<controls>
<add tagPrefix="custom" namespace="myControls"/>
</controls>
</pages>
×îºóÒ»ÖÖ·½Ê½Êǽ«¿Ø¼þÌí¼Óµ½Visual Studio¹¤¾ßÏäÖУ¬Ê¹ÓÃʱֱ½ÓÍÏÀµ½ÍøÒ³ÖС£µ«Õâ¸öʱºòÄã²»ÄÜÔÚAPP_CodeÎļþ¼ÐÏ´´½¨Õâ¸ö¿Ø¼þ£¬¶ø±ØÐ뽫Æä´´½¨Îª¶ÀÁ¢µÄ³ÌÐò¼¯£¬¾ßÌå·½·¨±¾ÎĺóÃ潫»áÌáµ½¡£´´½¨ºÃ¶ÀÁ¢µÄ×Ô¶¨Òå¿Ø¼þºó£¬ÓÒ¼üµ¥»÷Visual Studio¹¤¾ßÏ䣬ѡÔñ“Ñ¡ÔñÏ¬Ö®ºó»áµ¯³öÒ»¸ö¶Ô»°¿ò£¬´ÓÖÐÑ¡ÔñÄã×Ô¼ºµÄ³ÌÐò¼¯£¬×Ô¶¨Òå¿Ø¼þ½«×Ô¶¯³öÏÖÔÚ¹¤¾ßÏäÉÏ¡£
ǶÈëJavascript
ΪÁË»ñµÃ¸üºÃµÄ¿Í»§¶ËЧ¹û£¬ÎÒÃÇÐèÒªÒýÈëJavascriptºÍCSSÑùʽ±í¡£ÔÚASP.NETÖУ¬ÓÐÒ»¸öÀà½Ð×÷ClientScriptManager£¬¿ÉÒԺܷ
Ïà¹ØÎĵµ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script> ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>www.zishu.cn</t ......
תÔØ×Ô£ºdiv+cssÓŵã
http://blog.sina.com.cn/s/blog_4fe1e5e90100bdtk.html
×î½üÃæÊÔÁ˶à¼Ò¹«Ë¾...Óиö¹ØÓÚdiv+css²¼¾ÖºÃ´¦µÄÎÊÌâ,ÎÊÁ˺öà´Î..ÎһشðÁËһЩ,µ«ÊDz»Ì«È«Ãæ..
½ñÌì´ÓÍøÉÏϵͳµÄËÑË÷µ½ÁËһЩ,²Î¿¼
DIV±¾Éí¾ÍÊÇÈÝÆ÷ÐÔÖʵÄ,Äã²»µ«¿ÉÒÔÄÚǶtable»¹¿ÉÒÔÄÚǶÎı¾ºÍÆäËüµÄHTML´úÂ룻CSSÊÇCascADIng style Sh ......
ÍøÉϹØÓÚÍ»³öÏÔʾµ±Ç°Ò³ÃæµÄÎÄÕÂÓв»ÉÙ£¬µ«ÊÇ»ù±¾¶¼ÊǹØÓÚʵÏÖ¾²Ì¬²Ëµ¥µÄ¸ßÁÁ£¬½²µ½¶¯Ì¬Éú³É²Ëµ¥¸ßÁÁµÄÎÄÕÂÖÁÉÙÎÒûÓÐÕÒµ½£¬ÔÚcsdnÉÏÎÊÁËÁ½Ì춼ûÓд𰸣¬×îºóÔÚһλÅóÓѵĻشðÖÐÕÒµ½Ë¼Â·£¬ÏÈÀûÓÃÒ»¸öº¯ÊýÅжϲ˵¥ÊÇ·ñÊÇÕýÔÚä¯ÀÀµÄµ±Ç°Ò³£¬È»ºó¸¶¸øliÒ»¸öid£¬ÀûÓÃcss²ãµþid´óÓÚclassµÄ¹Øϵ£¬°ÑÕâ¸öid¶¨Òå³É¸ßÁÁÑùʽ¡£
aspx ......
ÎļþÉÏ´« ´ø½ø¶ÈÌõ ¶àÖÖ·ç¸ñ ·Ç³£Æ¯ÁÁ£¡
²¿·Ö´úÂ룺
<form id="form1" runat="server">
<asp:ScriptManager ID="scriptManager" runat="server" EnablePageMethods="true" />
<script type="text/javascript">
var intervalID = 0;
var progressBar;
var fileUpload;
var form;
// ½ø¶ÈÌõ
fu ......