没有html代码,只有JS代码,小练习内容如下:(从陈治文老师的课程中学到) Ext.onReady(function(){ // Ext.Msg.alert("系统提示(thtwinj2ee)","环境配置正确!") ; var myPosition = Ext.data.Record.create( [{name:"position"}] ) ;//返回一个function new Ext.Window({ title:"测试用窗口(绝不裸奔)", width:550, height:370, labelWidth:70, plain:true , layout:"form", defaults:{anchor:"95%"}, // buttonAlign:"center", item...
DATE对象提供三种方法: 1.从系统中获取当前的时间和日期; 2.设置当时的时间和日期; 3.时间,日期转换成其它格式. setYear 设置当前年份 setMonth 设置当前月份 setDate 设置当前日期 setDay 设置当前对象的星期数 setHours 设置当前的小时 setMinutes 设置当前的分钟 setSeconds 设置当前的秒 setTime 设置当前的时间(毫秒为单位) 内置对转--Date //从系统中获取当前日期 var now=new Date(); document.write("现在是"+now.getYea...
javascript语法学习 function f(){ var str='1,2,3,4'; var str1='1,4,5,6'; str = ',' + str + ','; for(var i=0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
简化后的插件: SimplePlugin.htm: 代码如下: 简化后的插件 $(function() { $("input").click(function(){ $("body").dialog(); }) }); function f(){ $("body").find("#MaskID").hide(1000); $("body").find("#DivDialog").hide(1000); } jquery.SimplePlugin.js: 代码如下:$.fn.dialog=function(){ this.MaskDiv=function()//自定义一个函数 { //创建遮罩背景,这里没有设置透明度,为了简单。zIndex决定了遮罩。 ...
1、按钮倒数10秒之后才能点击。这个效果一般在一些论坛注册时候用到比较多,废话少说,直接上代码: 代码如下: var timeOut; var count = 10; $(function() { $("#btnSubmit").attr("disabled", "disabled"); $("#btnSubmit").val("确(" + count.toString() + ")定"); timeOut = setTimeout(ButtonCount, 1000); }); ButtonCount = function() { if (count == 0) { $("#btnSubmit").attr("disabled", ""); $("#btnSubmit")....
根据 id 选择(通过 id 只能选择一个对象), 如: $("#div2") 代码如下: AAA BBB CCC 根据标签选择, 如: $("span") 代码如下: AAA BBB CCC 根据样式的类名选择, 如: $(".class1") 代码如下: AAA BBB CCC 选择所有对象是: $("*") 可混合使用, 如(): span1 button1button2 label1label2 span2 //修改选择对象的 color 样式为 red $("#btn2, .class1, span").css("color", "red"); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行...
使用 jQuery 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用. 计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 jQuery, 估计要比使用 MSHTML.pas 方便得多.官方站点: http://jquery.com/中文文档: http://jquery-api-zh-cn.googlecode.com/下载地址: http://docs.jquery.com/Downloading_jQueryjQuery 库就是一个 js 文件, 有不同规格的版本: 要查看...
在线演示:http://demo.jb51.net/js/jquery_xinsuan/index.htm看看大家做完要多长时间,代码如下: 代码如下: 心算练习,Do Your Best body { text-align: center; padding: 0; margin: 0; } div { width: 1000px; margin: auto; } div table { border-collapse: collapse; width: 100%; table-layout: fixed; text-align: left; } div table td { border: 1px solid silver; padding-left: 3em; } div span { padding: 3px...
Jquery练习表单验证 代码如下:
今天练习了个Jquery淡入淡出的特性代码如下: 代码如下: 无标题文档 #gallery1 {width:100%; overflow:hidden;} #gallery1 a {position:relative; float:left; margin:5px;} #gallery1 a span { display:none; background-image:url(zoom.png); background-repeat:no-repeat; width:48px; height:48px; position:absolute; left:15px; top:15px;} #gallery1 img { border: solid 1px #999; padding:5px;} #gallery1 a:hover...
这几天研究jquery,感受到了该库的强大,而且找到本不错的书 > 这里我只是随便做了下,上面是照片列表和两个按钮,单击小图片下面显示大图片,当点击按钮时可以查看下一页,上一页的图片。 思路: 1、首先建一个照片查看页面viewer.htm,简单布局,上面是小图片和两个按钮,下面是大图片。 2、建一个一般处理程序viewServer.ashx,用来处理照片查看页面的请求。 3、然后当然要用到数据库啦,包括图片的路径,描述等信息...
直接在本地是支持IE6的,有个问题就是,鼠标点击的时候光标会变为选择文字的光标,不知道应该怎么处理这个问题呢? 在此记录一下代码: 简单拖拽扩展 *{margin:0;padding:0;} #outwarp{ margin:20px auto; width:600px; height:600px; background:#fff; border:1px solid #333; position: relative; } .controlBox{ width:200px; height:200px; position: absolute; left:25px; top:50px; background:#ccc; font-size:12px; col...
1、给你一个字符串,要你找出里面出现次数最多的字母和出现的次数,例如:“abaasdffggghhjjkkgfddsssss”; 代码如下: var str = "abaasdffggghhjjkkgfddsssss"; var arr = new Array(); var i = 0; while (str.charAt(0)) { arr[i] = str.charAt(0) + "=" + (str.split(str.charAt(0)).length - 1); str = str.split(str.charAt(0)).join(""); i++; } alert(arr); for (var j = 0,temp=0; j < arr.length; j++) { if (temp <= N...
在这个列子中,练习了table的操作,主要有:tBodies、rows、cells,还有有关数组的排序方法:sort 先上代码: 代码如下: table排序 2 bbb 5 eee 3 ccc 4 ddd 1 aaa window.onload = function () { var oTable = document.getElementById('tableTest'); var oTbody = oTable.tBodies[0]; var oBtn = document.getElementById('sort'); var arr = [];//用来存放每一个tr var isAsc = tru...
JS贪吃蛇游戏,个人练习之用,放在这备份一下, 代码如下: JS贪吃蛇-练习 #pannel table { border-collapse: collapse; } #pannel table td { border: 1px solid #808080; width: 10px; height: 10px; font-size: 0; line-height: 0; overflow: hidden; } #pannel table .snake { background-color: green; } #pannel table .food { background-color: blue; } var Direction = new function () { this.UP = 38; this.RIG...