第一种方法:预览: Html代码 代码如下: 浮动窗口 $(document).ready(function(){ var b = $("#b"); var overFlow = $("#over"); b.click(function(){ overFlow.fadeIn(); $("#mask").css("background","#111"); $("#mask").css("opacity","0.8"); }) $("#close").click(function(){ overFlow.fadeOut(); $("#mask").css("background","#fff"); $("#mask").css("opacity","1"); }); drag($("#over"),$("#title")); }) ; 这...
效果如下:javascript 代码如下: 代码如下: var Calendar = function(){ var self = this; self.box = document.createElement("div"); self.head = document.createElement("div"); self.datePlace; self.body = document.createElement("div"); self.selectDay; self.foot = document.createElement("div"); self.timePlace; self.dateInfo = { "now" : new Date(), "getDate" : function(d){ d = d || self.dateInfo["now"]; ret...
数据库用UTF-8,现有系统用gb2312, 用echo_script(url); 代码如下: function echo_script(url){ var USERAGENT = navigator.userAgent.toLowerCase(); var bname = ''; var b = ['ie','msie','firefox','chrome','opera','safari','maxthon','mozilla','webkit']; for(i in b){ if(USERAGENT.indexOf(b[i]) > -1){ bname = b[i]; break; } } if(!bname)bname='other'; var ie8 = USERAGENT.indexOf('msie 8') > -1 ? 'ie8' : fal...
html代码: 代码如下: <table id="repTable"……> …… <span id="" class="address"> jquery代码: 代码如下: $(document).ready(function(){ $("#repTable span.address").each(function(){ var spanTemp = $(this); $.ajax({ type: "get", url: "SceneryAjaxCall.aspx", data: "sid="+$(this).attr("id"), cache: true, dataType: "html", success: function(msg){ spanTemp.append(msg); } }); }); }); 其中在写jquery代码...
标准的Get和Set访问器的实现 代码如下: function Field(val){ this.value = val; } Field.prototype = { get value(){ return this._value; }, set value(val){ this._value = val; } }; var field = new Field("test"); field.value="test2"; //field.value will now return "test2" 在如下浏览器能正常工作:我们常用的实现方法可能是这样的: 代码如下: function Field(val){ var value = val; this.getValue = function(){ r...
逼真的Js图片倒计时,显示剩余小时、分钟、秒数。仅用了一张图片就搞定了,与纯网页版的不太一样哦。现在用图片模拟LED的效果,还真不错,希望大家彻底喜欢哦。 逼真图片倒计时 .time{width:200px;height:25px;border:1px red solid;overflow:hidden;} .time span{float:left;line-height:25px;height:25px;overflow:hidden;} .time span.danwei{padding:0 1px;} .clear{height:0;clear:both;overflow:hidden;} 距离发射升空还有...
代码如下: Jquery动态控件 $(function() { var i = 2; $('#addText').click(function() { if (i $('#main').append(' del'); i++; } else { alert("最多只能添加8个"); } }); $('.del-text').live('click',function(){ $(this).parent().remove(); i--; }); }); 添加文本框 先把前台的整理出来,项目临时有需求,先去忙了,稍后发后台取值的方法...JavaScript教程/...
其实对于弹出层而言,拖拽最初的目的很单纯,就是为了通过拉开层,使被弹出层挡住的内容可见,(当然,后来关于拖拽的功能不断被优化,使得拖拽的应用有了别的意义,最典型的如igoogle的自定义首页,通过拖放的形式满足用户自定义想要的内容模块顺序和位置)。 本文讨论的重点不是iGoogle的拖放效果,那属于进阶篇,本文是拖拽的“第一阶”,如题,实现最简单的拖拽。 这里的“最简单”即不考虑多个拖拽层的堆叠顺序,不考虑拖拽范...
演示代码:另存网页 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]上面的代码只能在IE内核浏览器下使用,不过在具体的上面的保存代码功能,可以参考下面的代码。 代码如下:function runCode(obj) { var winname = window.open(, "_blank", ); winname.document.open(text/html, replace); winname.opener = null // 防止代码对父页面修改 winname.document.write(obj.value); winname.document.close(); } function saveCode(obj)...
首先是html代码,页面上放2个listbox控件和2个按钮用于移动项目 代码如下: 全部水果: 我挑选的: >>" onclick="move('listall','listmy');" /> 下面是在.cs文件中绑定一些数据 代码如下: public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { BindData(); } } private void BindData() { ArrayList list=DataArray(); for (int i =...
先来看一下代码:(支持多个class查询和在某个范围内进行查询) 代码如下: /* * 根据元素clsssName得到元素集合 * @param fatherId 父元素的ID,默认为document * @tagName 子元素的标签名 * @className 用空格分开的className字符串 */ function getElementsByClassName(fatherId,tagName,className){ node = fatherId&&document.getElementById(fatherId) || document; tagName = tagName || "*"; className = className.split(...
技术实现的关键:使用CSS的display特性,display特性的值有:none和block。none即为隐藏;block即为显示。 动手之前的设计:可折叠区域分为两个区域:标题栏和内容区域。标题栏总是可见的,内容部分是可以折叠或展开的。在页面上,可以使用两个元素分别实现这个设计。 实现步骤: 在页面中插入元素,并加入实现折叠功能的JS代码,代码如下: function toggle(sDivId) { var oDiv = document.getElementById(sDivId); oDiv.style...
先上图: jquery.treeview 数据通过JSON数据加载,有需要的朋友,可以通jquery的AJAX方法获取相关的JSON数据 json的数据格式:{"id":1,"parentid":0,"title":"标题","children":[{ ...}]} 需要两个jQuery 两件 (jquery.treeview.min.js 树插件 和 jquery.contextmenu.r2.js 右键菜单插件) 在线演示 http://demo.jb51.net/js/jQuery.Treeview/demo.html打包下载 jQuery_Treeview.rar
很简单,看代码,value为session的值 代码如下: function GetSession(value) { var temp; jQuery.ajax({ type: "POST", url: "GetSession.aspx", async: false, //是否ajax同步 data: "s=" + value, success: function(msg) { temp = msg; } }); return temp; } GetSession.aspx页面 代码如下: string sessionName = ""; protected void Page_Load(object sender, EventArgs e) { sessionName = Request.Form["s"].ToString(); ...
代码如下: //检查我们的数字是否其实是一个字符串 if ( num.constructor == String ) //如果是,则将它解析成数字 num = parseInt( num ); //检查我们的字符串是否其实是一个数组 if ( str.constructor == Array ) //如果是,则用逗号连接该数组,得到一个字符串 str = str.join(,); 表1显示了对不同类型对象分别使用我所介绍的两种方法进行类型检查的结果。表格的第一列显示了我们试图找到其类型的对象。每二列是运行typeof Vari...