首先用css的伪类:focus可以改变。 文本框的 html代码假设如下: 代码如下: Name: Password: Textarea: css 代码这样写: input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid #f00; background: #ccc; } 分别列出了文本框、密码框、还有段落框这三个input框的聚焦时候的样式。加上个红色的边框和灰色的背 景。 现在就这么简单的解决了吗?用浏览器(Firefox, Safari, IE7)来...
confirm() 方法 confirm() 方法用于显示一个带有指定消息和确定及取消按钮的对话框。 说明:如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false 一种: 代码如下: 弹出窗口 二种: 代码如下: function delete_confirm(e) { if (event.srcElement.outerText == "删除") { event.returnValue = confirm("删除是不可恢复的,你确认要删除吗?"); } } document.onclick = delete_confirm; ...
html: 代码如下: 请单击“提交”,测试提交按钮的单击事件也被触发了。 提交 Javscript: 代码如下: var sub = document.getElementById("subbtn"); var btn = document.getElementById("btn"); //通用方法 btn.onclick = function() { sub.click(); } 经过测试,IE,FF,Chrome,Opera,Safari都没有问题,均可正常提交表单。 但在实际的设计中,为了让提交按钮更好看,buildder经常把它们用a标签来处理,加个背景图片来模拟...
在CMS中通常都有给标题添加颜色的功能,但一般都比较简单,颜色支持也少,这里我要分享一个自己修改的颜色选择器。界面简洁,功能强大。在我们的日常项目中可以快速的部署。代码如下: $(".colorpicker").colorpicker({ target:#title, success:function(o,color){ $("#color").val(color) }, reset:function(o){ $("#color").val(); } }); 相关文件和演示 ColorPicker选择器含演示程序下载:点击下载 ColorPicker演示:点击查看
table {border-top:6 solid blue; border-left:6 solid lime;border-right:6 solid orange; border-bottom:6 solid pink;border-collapse:collapse;} td {border-right:1 solid yellow; border-bottom:1 solid cyan;width:50px;border-collapse:collapse;} aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]注意:代码不符合标准,大家可以根据需要自行修改。
下面的代码是我的测试代码,注释很重要: 代码如下: /*global window,jQuery,validate_email,masterUI,$,rest*/ /** Enable ECMAScript "strict" operation for this function. See more: * http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/ * http://stackoverflow.com/questions/5020479/what-advantages-does-using-functionwindow-document-undefined-windo * Q1: Why are window and document being fed inst...
这个方法是我见过对高效的。 代码如下: var arr=[]; for(var i=0;i<100;i++){ arr[i]=i; } arr.sort(function(){ return 0.5 - Math.random() }) var str=arr.join(); alert(str); 代码解释: var arr=[];//新建一个数组 这是大家推荐的方式。//而不推荐使用 var arr=new Array(); 这句不用解释了。 for(var i=0;i关键第地方来了 代码如下: 代码 arr.sort(function(){ return 0.5 - Math.random() }) //sort 是对数组进行排序 //...
这个月都还没。必须要凑数。 网站登录为了更好的用户体验都会在输入密码的时候检测是否开启大写。提醒用户。 在下面的 input框里测试下吧!这段代码来之 。 不过我做了一点小改进。 主要对 已经激活input框的 大写锁定进行实时检测。 代码如下: 大写锁定已开启 (function(){ var inputPWD = document.getElementById('loginPasswd'); var capital = false; var capitalTip = { elem:document.getElementById('capital'), toggle...
1.只能输入汉字的 代码如下: 2.只能输入数字的 代码如下: 简易禁止输入汉字 代码如下: 输入数字和小数点: 代码如下: onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,)" javascript 只能输入数字和":".2007-11-24 15:50 只能数字和":",例如在输入时间的时候可以用到。 代码如下: 只能输入字母和等号,不能输入汉字。 其它的东西: 只能输入数字的脚本javascript- - 代码如下: 上半句意思是键盘键入只...
代码如下:$("select").change(function(){ var n = $(this).children().length; var obj; var i = 1; $(this).children().each(function(){ if(i == n) { alert($(this).text()); } i++; }); });综合以上二法,本人轻易得出了自己想要的效果,如下: 代码如下:function selectall(){ $("select").children().each(function(){$(this).attr("selected","selected")})}分别用到了 children...
代码如下: 一个弹出层并锁屏效果 测试测试测试测试测试测试测试 测试测试测试测试测试测试测试 function sAlert(str) { var msgw,msgh,bordercolor; msgw=400;//提示窗口的宽度 msgh=100;//提示窗口的高度 titleheight=25 //提示窗口标题高度 bordercolor="#336699";//提示窗口的边框颜色 titlecolor="#99CCFF";//提示窗口的标题颜色 var sWidth,sHeight; sWidth=document.body.offsetWidth;//获取窗口宽度 sHeight=sc...
前端开发过程中,经常需要这样的场景。用JS实现将光标定位于输入框最右侧。 场景一:编辑图片的描述文字 场景二:Script.aculo.us的Ajax.InPlaceEditor类。双击可编辑,编辑后离开可自动更新该区域。 以上场景都需要JS实现将光标定位于输入框最右侧,却不是通过鼠标点入输入框内。 我们知道实现最基本的方法是HTMLElement的focus方法。如下代码如下: var input = document.getElementsByTagName('input')[0]; input.focus(); ...
"元素拖拽改变大小"其实和"元素拖拽"一个原理,只是所动态改变的对象不同而已,主要在于 top、left、width、height 的运用,相对实现起来也非常容易。以下附出源码原型,弄明白了原理再扩展其他实际应用,思路就变得简单、清晰得多了 下面是 JavaScript Code 代码如下: /* * jQuery.Resize by wuxinxi007 * Date: 2011-5-14 */ $(function(){ //绑定需要拖拽改变大小的元素对象 bindResize(document.getElementById('test')); })...
用document.onreadystatechange的方法来监听状态改变, 然后用document.readyState == “complete”判断是否加载完成 代码如下: 代码如下: document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. function subSomething() { if(document.readyState == “complete”) //当页面加载状态 myform.submit(); //表单提交 } 页面加载readyState的五种状态 原文如下: 0: (Uninitialized) the send( ) m...
代码如下: php 如果DIV内没有内容则不换行 把上面的改为: 代码如下: php 如果用JS来写呢,应该如何来写呢? JS的正解代码如下: HTML code: 代码如下: function getV(){ var str=document.getElementById("regtext").value; var re=/([\n\r])(\s)*(\?(\s)*\str=str.replace(re,"$3"); alert(str); } php JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vu...