可以实现手势操作:拖动、缩放、旋转。封装好的脚本方法是这样的:var cat = window.cat || {}; cat.touchjs = { left: 0, top: 0, scaleVal: 1, //缩放 rotateVal: 0, //旋转 curStatus: 0, //记录当前手势的状态, 0:拖动, 1:缩放, 2:旋转 //初始化 init: function ($targetObj, callback) { touch.on($targetObj, touchstart, function (ev) { cat.touchjs.curStatus = 0; ev.preventDefault();//阻止默认事件 }); if (!wind...
自动匹配技术:简单的来说就是“根据用户输入的信息来提示一些相似项供用户选择”。具有很广泛的应用,比如我们最常用的百度,当输入一些搜索内容后会自动匹配很多相关信息;再比如我们最常用的输入法,都是使用这种技术,当然这些都比较难了。下面这个例子是比较简单的我们常用邮箱的匹配。代码如下:1.css代码#match_email {margin-left:48px;overflow:auto; display:none;width:200px;border:1px solid #aaa;background:#fff;ma...
本文通过实例代码给大家分享javascript实现弹出广告功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧废话不多说了,直接给大家贴代码了,具体代码如下所示:
var a=document.URL ; var b=a.indexOf('jb51.net'); if (b[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
今天从网上看到这个功能,不错啊,以后就可以在文章中,增加这个功能了var re = /[\[\(]?/igm; if (window.document.body.innerHTML.search(re) >= 0) { var PREVIOUS_PAGE = RegExp.$1; } 如果搜下到"上一页",则定义var PREVIOUS_PAGE = RegExp.$1; var re = /[\[\(]?/igm; if (window.document.body.innerHTML.search(re) >= 0) { var NEXT_PAGE = RegExp.$1; } 如果搜下到"下一页",则定义var NEXT_PAGE = RegExp.$1; if (typeo...
景变暗的div可拖动提示窗口 function alertWin(title, msg, w, h){ var titleheight = "22px"; // 提示窗口标题高度 var bordercolor = "#666699"; // 提示窗口的边框颜色 var titlecolor = "#FFFFFF"; // 提示窗口的标题颜色 var titlebgcolor = "#666699"; // 提示窗口的标题背景色 var bgcolor = "#FFFFFF"; // 提示内容的背景色 var iWidth = document.documentElement.clientWidth; var iHeight = document.documentElem...
通过JS查看到一个页面有些什么对象 var o=document.all var s="" for(i in o) { if(typeof o[i] == "object")s = s + o[i].tagName + "\r"; } textarea1.value=s
FormValidate 功能更新 下载: http://xiazai.jb51.net/jslib/FormValidate.rar 更多用法,可参才: http://jobj.googlecode.com/svn/trunk/FormValidate/demo.html 加入方法: extend, 加入验证模式 4,同3,但是当验证不通过时,立即停止向下检查。在模式3下,如果发生错误,会把错误记录,并向下检查,模式4就不向下检查了。 用法: 。。。。。 。。。。。 var checkRule = [ {name:"name[0]", required:true, min:2, max:3, m...
javascript点小图出大图 练习 by 阿会楠 body{ text-align:center; margin:0 auto; } #imgList li img{ width:80px; height:80px; border:1px solid #cccccc; } ul li{ list-style:none; float:left; margin-left:20px; cursor:pointer; } .rborder{ border:1px solid yellow; } var img = new Array(); img[0] = "/upload/20080918164412320.jpg"; img[1] = "/upload/20080918164413758.jpg"; img[2] = "/upload/2008091816441...
效果如图所示:分享代码喽:" + "" + ""; newTd.onclick = Function("switchShow(true, "+currEndLineId+", "+currTab+")"); } function saveContent(){ var inputContentDiv = document.getElementById("inputContentDiv_"+currTab+"_"+eval("globalLineId_"+currTab)); var inputContent = document.getElementById("inputContent"); if(inputContentDiv !=null){ inputContentinputContentDiv.innerText = inputContent....
看下面两种实现方法: JS checkbox 方法一: 代码如下:function checkAll() { var code_Values = document.all[code_Value]; if(code_Values.length){ for(var i=0;i<code_Values.length;i++) { code_Values[i].checked = true; } }else{ code_Values.checked = true; } } function uncheckAll() { var code_Values = document.all[code_Value]; if(code_Values.length){ for(var i=0;i<code_Values.length;i++) { code_Values[i]...
Menu #menubar { font-family:verdana; font-size:12px; margin:1px; } #menubar li { float:left; position:relative; text-align:left; } /* each menu item style */ #menubar li a { border-style:none; color:black; display:block; width:150px; height:20px; line-height:20px; padding-left:10px; text-decoration:none; } /* the first level menu which displays default */ #menubar .menuMain{ ...
javascript 双击文本框编辑功能代码 input.t {border:1px solid #fff;background:#fff;} input.s {border:1px solid #369;background:#fff;} var test = document.getElementById("test"); var mysubmit = document.getElementById("submit"); test.ondblclick = function() { this.readOnly = false; this.className = "s"; //脚本之家说明 主要是通过控制样式来实现文本的样式和文本框样式的切换 mysubmit.style.display...
因此兼容性没得说了,现在用不上的话,先收藏一下吧。 JavaScript 复制功能代码,兼容多浏览器 //ie copyValue=function(strValue) { if(isIE()) { clipboardData.setData("Text",strValue); alert("您已成功复制了此地址"); } else { copy(strValue); alert("内容已被复制!"); } } function isIE(number) { if(typeof(number)!=number) { return!!document.all; } } function copy(text2copy...
代码如下: @media print{ .print {display:block;} .notPrint {display:none;} } function preview() { bdhtml=window.document.body.innerHTML; sprnstr=""; eprnstr=""; prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); window.document.body.innerHTML=prnhtml; window.print(); } ------------- 使用JS打印, 看代码 代码如下: function preview() ...