javascript ¿ØÖÆcss js¿ØÖÆ clss
ÏñÉÏÃæµÄÒ»ÕÅͼƬÎÒÃǸÃÔõôÓÃjs ºÍcss + div ºÜºÃµÄÓ¦Óõ½ÎÒÃǵÄÏîÄ¿ÖÐÄØ£¿
<style>
.InpuRight{
height:20px;background:url(img/msg_bg.png) no-repeat;background-position:0px -250px;
}
.InputError{
width:20px;height:20px;background:url(img/msg_bg.png) no-repeat 0px 0px;
}
.inputLogin{
width:20px;height:20px;background:url(img/msg_bg.png) no-repeat;background-position:0px -150px;
}
</style>
¶¨ÒåµÄcssÑùʽ£¬×Ðϸ¿´InputErrorºÍÆäËüµÄÇø±ðÄã»áÃ÷°×ºÜ¶à
¿´¿´Ò³ÃæÊÇÔõô¶¨ÒåµÄÄØ£º
<div id="ceshi" class="inputLogin"></div>
<a href="javascript:checkName()" >click</a>
ÔÙ¿´¿´ÎÒÃǵÄjs°É
function checkName(){
var uu = document.getElementById("ceshi");
uu.className="InpuRight";
uu.innerHTML=" <font color='red'>asdfdsf</font>";
}
¿´¿´ÎÒÃǵÄÒ»¿ªÊ¼ÔËÐаÉ
ÔÙ¿´¿´clickºóµÄ°É
ССµÄÑо¿°¡£¬ÓÃÈ¥ÁËÎÒ°ëÌìµÄʱ¼ä£¬»ÚºÞµ±³õûÓкúõÄѧ°¡£¡
Ïà¹ØÎĵµ£º
±¾ÎÄÖ÷ÒªÊdzöÓÚÓÐÅóÓÑʹÓÃÎÒÔÀ´Ð´µÄautocompleteµÄJS¿Ø¼þ¡£µ±Êý¾ÝÁ¿´óµÄʱºò£¬»á³öÏÖЧÂʼ«ÆäÂýµÄÇé¿ö£¬ÎÒÔÚÕâ¶Îʱ¼ä×ö³öµÄһЩ²âÊÔÒ²¼°Ò»Ð©¾Ñ飬Óë´ó¼Ò·ÖÏí£¬Èç¹ûÓдíµÄµØ·½£¬»¹ÇëÖ¸³ö¡£
¾¹ý²âÊÔ£¬ÎÒÃǻᷢÏÖÈçϵÄÇé¿ö»òÕß˵µÄ½áÂÛ£¬Èç¹ûÄúµÄ²âÊÔ½á¹ûÓëÎҵIJ»·û£¬Çë˵Ã÷ÔÒò£¬ÒÔ±ãÏ໥ѧϰ¡£
1£©µ±Ò»¸ö½Ï´óµÄHTML×Ö· ......
ÕâÁ½ÌìÉÏÎçÒ»Ö±ÔÚѧϰJavaScript£¬ÓÉÓÚ×ÜÊÇÔÚ¿´£¬Ð§¹û²»ÊǺܴó£¬Ò²ºÃ¾ÃûÓз¢±íÎÄÕÂÁË£¬ËùÒÔΪÁ˸üºÃµÄѧϰ£¬°Ñѧµ½µÄ¶«Î÷¼Ç¼ÏÂÀ´¡£ÎÒѧϰJavaScriptµÄÊéÊÇ¡¶¾«Í¨JavaScript+jQuery¡·£¬Èç¹û´ó¼ÒÓиüºÃµÄÊéÇëÍÆ¼ö¡£
Ò». ʼþµÄ¸ÅÄî
C#ÖÐʼþµÄ¶¨Ò壺ʼþÀàËÆÓÚÒì³££¬Ë ......
Ê×ÏÈÊÇÊ®¸öJS FRAMEWORK
jquery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
jquery UI
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
Chrome Frame
<script src=& ......
ÓÉÓÚ¸÷ä¯ÀÀÆ÷µÄĬÈÏCSSÑùʽ²»Ò»Ñù£¬ÎÒÃDZØÐëдһ¸öCSS ResetͳһÆðÀ´¡£
ͨ³£ÎÒµÄ×ö·¨ÊÇÔÚcommon.cssÀïдȫ¾Ö¿ØÖÆ£¬ÕâÀïÃæÒ²°üÀ¨headerºÍfooter£¬ÆäËüCSSÎļþ¾Íͨ¹ý@import url(”common.css”);ÒýÓá£
body{padding:10px;margin:0;background:#fff;font-size:12px;line-height:14px;color:#333;font-family:Ari ......
s<!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=gb2312" />
<title>ÎÞ±êÌâÎĵµ< ......