具有焦点亮度的文本框.ppt

具有焦点亮度的文本框;目录 ;1.具有焦点亮度的文本框的介绍;2.具有焦点亮度的文本框的图例;3.文本框怎么获得焦点亮度;font-size: 17px; font-family: Helvetica Neue, Arial, sans-serif; font-weight: normal; background: #f7f8f8; color: #7c7c7c; line-height: 1.4; padding: 6px 12px; outline: none; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;;-moz-transition: all 0.2s ease-in-out 0s; border: 1px solid #ad9c9c; border-radius: 6px 6px 6px 6px; box-shadow: 0 1px rgba(34, 25, 25, 0.2) inset, 0 1px #fff; } .formwrap .shadowfield:focus { border-color: #930; background: #fff; color: #5d5d5d; box-shadow: inset 0 1px rgba(34, 25, 25, 0.2), 0 1px rgba(255, 255, 255, 0.6), 0 0 7px rgba(235, 82, 82, 0.5); -moz-box-shadow: inset 0 1px rgba(34, 25, 25, 0.2), 0 1px rgba(255, 255, 255, 0.6), 0 0 7px rgba(235, 82, 82, 0.5); -webkit-box-shadow: inset 0 1px rgba(34, 25, 25, 0.2), 0 1px rgba(255, 255, 255, 0.6), 0 0 7px rgba(235, 82, 82, 0.5);;代码如下： html head script type=text/javascript src=js/jquery-1.6.4.min.js/script script type=text/javascript $(document).ready(function(){ $(:input).focus(function(){ $(this).addClass(focusa); if ($(this).val()==this.defaultValue){ $(this).val(); } }).blur(function(){ $(this).removeClass(focusa);;if ($(this).val()==this.defaultValue){ $(this).val(); } }).blur(function(){ $(this).removeClass(focusa); if ($(this).val()==){ $(this).val(this.defaultValue); } }); }); /script style type=text/css * { padding:0; margin:0;} body { font-size:12px; font-family:宋体;} form { width:500px; position:absolute; top:50%; left:50%; margin:-70px 0 ;0 -250px;} fieldset { border:2px solid green; padding:10px;} legend { font-size:13px; font-weight:bold; padding:10px; color:green;} div { padding:5px 0;} label { color:green;} input { height:25px; border:1px solid #C9C9C9; width:200px; font-size:12px; font-family:宋体; padding:0 5px; line-height:25px;} textarea { width:200px; height:100px; border:1px solid green; font-size:12px; font-family:宋体; padding:5px; vertical-align:middle;} .focusa { border:1px so