当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 很可爱的输入框

Javascript
让innerHTML的脚本也可以运行起来
nextSibling
限制复选框的最大可选数
onpropertypchange
让焦点自动跳转
显示、隐藏密码
textarea是否自动换行
鼠标图片振动代码
对联浮动广告效果
一段实时更新的时间代码
让广告代码不再影响你的网页加载速度
载入进度条 效果
二级连动菜单
如何实现浏览器上的右键菜单
html代码调试脚本
表单提交验证类
简单实用的网页表格特效
表单的一些基本用法与技巧
Javascript - HTML的request类
教学演示-UBB,剪贴板,textRange及其他

Javascript 中的 很可爱的输入框


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 190 ::
收藏到网摘: n/a

不错的输入框效果,主要是用到了一个背景动画 <!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>很可爱的输入框_软晨学习网_www.ruanchen.com</title>
<style>
.username_bg { background:url(http://img.ruanchen.com/"text" name="username" class="inputbox" onfocus="this.className='username_bg inputbox'" onblur="this.className='inputbox'" />
<input type="text" name="username1" class="inputbox" onfocus="this.className='username_bg inputbox'" onblur="this.className='inputbox'" />
</body>
</html>