首先,用到的框架当然是我的框架mass Framework,当然你用其他框架也可以,如jQuery,没有什么复杂的东西。只要弄懂原理,一下子就能搞出来。想必,以后你们工作也遇到做搜索框的活儿。 由于本人没有后端,因此取用一个对象作为本地数据库。而我现在要做的,其实远远比suggest高级,类似IDE的语法提示的东西。当前成品已放到github上。好了,我们动手吧。首先是结构层,装了FF的同学可以在百度首页查看源码,当输入几个字母时,会动...
XP下 FF/遨游3/IE8/IE6(IETester)中的效果 使用方法: 1.先引用jquery,然后引用jquery.textshadow.js(点击下载) 2.给元素加个"text-shadow:x偏移 y偏移 模糊半径 阴影颜色;"的样式(必须,因为插件里面会去找这个样式) 3.给元素应用jquery插件. 4.OK. 代码如下:<!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta charset="utf-8"/> <script type="text/javascript" src="../jquery.js"></script> <script type="text/javascript" sr...
代码如下:$("dd").bind("click",function(e){ var $obj = $(e.target); var i=0; for (var x in $obj){ i++; var $hr=(i%5==0) ? "<hr />" : " "; document.write(x+" "+$hr); } }); 遍历结果: 0 length prevObject context selector -------------------------------------------------------------------------------- constructor init jquery size toArray ----------------------------------------------------------------...
jq里面有一个data的方法,给dom元素绑定相关的数据的。当给dom用jq的方法绑定了事件,会生成对应的时间列表 可以看下面的例子(请在firefox中查看 因为firefox中对象支持toSource()) 代码如下:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> </head> <body> <div id="test"></div> <script type="text/javascript" src="http://common.cnblogs.com/script/...
代码如下:(function (clover) { clover.loadScript = function loadScript(url, callback) { var heads = document.getElementsByTagName(head); if (heads.length == 0) { alert("page must have one head element"); } var head = heads[0]; var script = document.createElement(script); script.type = text/javascript; script.src = url; // most browsers script.onload = callback; // IE 6 & 7 script.onreadystatechange...
回到正题,如jQuery般易用的api风格?那到底是什么样的风格呢?个人觉得比较重要的有两点,一是对dom操作的链式调用,并且都呈队列状态,不仅仅使代码的可读语义变得通俗易懂,而且省去了对同一dom元素的多个链式操作时的回调中嵌回调的方式,这是很重要的一点。 二是对元素的批量操作,这是建立在它强大的选择器上的。jq选择器很强大,这是人所众知的,就不多说了。而且肯定也不是一两天就能实现的了的,所以下面就对我所说的这两...
HTML: <select class="form-control PersonEmail" id="txtProjectManager" data-bind="options:{text:ICVInfo.ProjectManager,value:ICVInfo.ProjectManager},optionsText:text,optionsValue:value,value:ICVInfo.ProjectManager" ></select> javascript:$(.PersonEmail).select2({ "separator": ",", "maximumSelectionSize": 10, "placeholder": "请选择用户", "a...
流星雨…… 熟悉HTML5的朋友们应该知道HTML5具有强大的绘图和渲染能力,HTML5配合js的使用比起svg等技术有过之而无不及,而且HTML5图形开发过程也比较简单。 绘制动态的图形算是动画了,当然可以利用Flash实现,但是需要插件支持。下面就简单介绍下HTML5编写动画的过程。 首先:先不讲技术的东西,说说技术与艺术。我觉得在IT领域技术好而缺乏艺术创意,是个好员工,难听点叫代码民工;具有一定艺术创造能力才可能实现技术...
这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET函数:function GetRequest() {var url = location.search; //获取url中"?"符后的字串var theRequest = new Object();if (url.indexOf("?") != -1) { var str = url.substr(1);strs = str.split("&");for(var i =...
使用js和css讲图片的现实控制在固定的区域内,大于这个区域的等比例缩放,小于这个区域的居中显示。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>css+js完美控制图片大小</title> <script type="text/javascript" ...
我认为按钮的绘制分以下三个步骤第一步,绘制按钮的轮廓选择合适的html标签,设置轮廓的CSS/* html代码 */ <a href="#" class="button off"></a> body{background-color: #E6C9B6; }/* CSS样式 */ /* 按钮轮廓 */ .button{display: block;margin:100px auto;position: relative;width:100px;height:40px;border-radius: 50px;border:1px solid #fff;background-color: #E9E4E0; }效果图仿IOS-1.jpg第二步,绘制按钮的默认状态这一步...
效果图:代码:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5/CSS3奔跑动画DEMO演示 - 何问起</title><base target="_blank" /> <link href="http://hovertree.com/texiao/jquery/58/css.css" rel="stylesheet" type="text/css" /> <script src="http://hovertree.com/texiao/css/8/prefixfree.min.js"></script> </head><body> <div class=kai animate id=running> <div class=eyes></div> </div> <div cla...
//开始再这里编写代码了!! log("欢迎使用小貔貅抢红包辅助"); xpp.initial() //如果自动化服务正常 sleep(1000) start()time = time ? time : 10; let success = false; for (let i = 0; i < time; i++) {if (isSOk()) {success = true;}log("启动服务结果: " + env());if (isSOk()) {success = true;} } if (!success) {//如果自动化服务正常log("自动化服务启动失败,无法执行脚本")quit();return false; }log("开始执行脚本.....