JavaScript|CSSer课堂

Archive for the "JavaScript" Category

可以穿越的Firebug跨浏览器的调试方法

Published 十二月 2nd, 2010 by San in JavaScript, User Experience | 1 Comment »

firebug可以跨浏览器进行调试，支持IE6+,ff,opera。

firebug很好用，但是IE下可以调用firebug的方法更让你觉得给力。方法简单：

提示：你可以先修改部分代码再运行。

添加以上代码到你的页面里面。

Tags: Fire Bug, Fire Fox

jquery之input提示文字替换效果

Published 六月 10th, 2010 by San in JavaScript, User Experience | No Comments »

jquery用于input提示文本的效果，简单实用，易于扩展。

<!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=utf-8" /> <title>default input text</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript"> function textReplacement(input){ var originalvalue = input.val(); input.focus( function(){ if( $.trim(input.val()) == originalvalue ){ input.val(''); } }); input.blur( function(){ if( $.trim(input.val()) == '' ){ input.val(originalvalue); } }); } $(function(){ textReplacement($('#uid')); }) </script> <style type="text/css"> body{font-size:76%;} input{font-size:1em;border-width:1px;padding:3px;} </style> </head> <body> <label for="uid">用户名：</label> <input type="text" value="请输入用户名" id="uid" /> </body> </html>

提示：你可以先修改部分代码再运行。

CSSer课堂

Archive for the "JavaScript" Category

可以穿越的Firebug跨浏览器的调试方法

jquery之input提示文字替换效果

终极目标:验证CSS和(x)Html

课程分类

课程回顾

课堂讨论

My Links

SEO Links

大学课本

CSSer课堂

Archive for the "JavaScript" Category

可以穿越的Firebug跨浏览器的调试方法

jquery之input提示文字替换效果

终极目标:验证CSS和(x)Html

课程分类

课程回顾

课堂讨论

本章词汇

My Links

SEO Links

大学课本