文章阅读
用JSer制作表单输入框效果
文章类别: JSer代码示例  更新日期: 2012-02-16 18:37:26.0  点击次数:4403
这是一个很常见的表单输入效果,即当我们停留在某个输入框中输出内容时,这个输入框将呈现不同的显示样式。
这个效果用JSer的"active"行为切换方法,一行语句搞定。
先来看看效果:
您的姓名:
留言主题:
留言内容:
 
 
这种效果的制作方法非常简单:
 
第一步:首先我们定义两个class样式,分别是输入框默认显示的样式,和输入框处于输入状态时的样式,如下:
<style type="text/css">
.inputDefault{ border:1px gray solid;}
.inputActive{ border:1px red solid; background-color:#fee}
</style>
 
第二步,编写脚本(别忘了先在网页中引用JSer.js):
<script type="text/ecmacript">
JSer.exec(function(){
      JSer(":text, textarea").active("inputActive", "inputDefault").on("active");
});
</script>
 
效果轻松搞定!
您可以点击此链接,浏览JSer在线帮助文档:http://jdiy.net/jser-doc/
[ 上一篇 如何在网页中使用JSer?   下一篇 用JSer让表格的奇数行和偶数行显示不同的样式 ]
鄂ICP备18006629号-1       鄂公网安备 42050302000160号


技术支持QQ:39886616 QQ群:7759217
联系JDiy作者: ziquee java/javascript WEB编程
E-mail:ziquee@abcbcd.com http://189.cn
*尊姓大名:

*电子邮箱:

*QQ号码:

*留言内容:
提交留言
取消
loading...
注:带"*"的为必填项。请如实填写您的E-mail或QQ号码以便我们能与您取得联系。