效果图: 当下拉框改变的时候,添加一个成人填写信息或儿童填写信息! 代码如下: 无标题文档 *{ font-size:12px; } #dFlightContent1 { width: 704px; height:auto; border-bottom: 1px solid #B0CAED; border-left: 1px solid #B0CAED; border-right: 1px solid #B0CAED; overflow: hidden; } .w_tt { font-size:14px; color:#006699; margin:0px 4px; } .w_tit { width:85px; text-align:right; } .w_uinfo { width:500p...
当然我们可以研究js库的源码, 也可以自己去发明轮子试试看, 其过程还是挺有趣的...下面我就来实现下页面元素的拖拽功能 现在就开始着手实现, 让我们从最顶层的方法讲起, 它用于初始化一个drag object, 方法的声明如下 function DragObject(cfg) 这里的cfg我们用一个对象来传入, 有点像Extjs里配置属性 代码如下: var dragObj = new DragObject({ el: exampleB, attachEl: exampleBHandle, lowerBound: new Position(0, 0), //posi...
代码如下: .s_c{ position:relative; width:800px; height:300px; border:1px solid #000; overflow:hidden; } var Sl=Sl||{}; (function(){ var undefined; function box(o){ var d=$.extend({},{ 'w':40, 'h':30, 'secne':null, 'data':'' },o); if(d.secne==null||!d.secne) return; this.div=$("").css({'position': 'absolute','border':'1px solid #cde','left':'0px','top':'0px'}).html(d.data); this.w(d.w); this.h(...
这里,用的jquery来做的。关键代码如下: 代码如下: //添加數據行; function AddRow(){ var vTb=$("#TbData");//得到表格ID=TbData的jquery对象 //所有的数据行有一个.CaseRow的Class,得到数据行的大小 var vNum=$("#TbData tr").filter(".CaseRow").size()+1;//表格有多少个数据行 var vTr=$("#TbData #trDataRow1"); //得到表格中的第一行数据 var vTrClone=vTr.clone(true);//创建第一行的副本对象vTrClone vTrClone[0].id="t...
代码如下: var count=$("#drpCity option").length; //查找城市 for(var i=0;i<count;i++){ var vTmp=$("#drpCity").get(0).options[i].value; if($.trim(vTmp)==vDpoizone){ $("#drpCity").get(0).options[i].selected = true; $("#drpCity").trigger("change"); break; } } }?
html结构如下: 代码如下: 为body添加click事件 function show_body_click(){ alert('you are click the body'); } jQuery(document).ready(function(){ //jQuery("ifr_id").contents().find("body").attr("onclick", "show_body_click()"); //alert(jQuery("#ifr_id").contents().find('body').attr("onclick",'xxxx()'));//不能实现 //var ifr = jQuery("ifr_id") }); jQuery(document, '#ifr_id').ready(function(){ jQue...
Question : 在IE 7中弹出页面后,总是会显示地址栏,而该地址栏是不希望在程序中出现的,况且也影响美观。而在IE6中就不会出现地址栏。 Solution: 工具Internet 选项安全自定义级别允许网站打开没有地址栏或状态栏的窗口允许 这样设置了IE7后就不会在弹出窗口中出现地址栏了。IE7以及后续版本默认不可以打开不带地址栏的窗口,这样是为了安全起见。 javascript的window.open也可以用来弹出新页面,而且通过设置参数可以去掉菜单栏...
这里只阐述如何编写自己的插件,至于要实现什么功能,要因人而异了...好了,下面开始... jQuery插件主要分为三种 1、封装对象方法的插件 2、封装全局函数的插件 3、扩展选择器的插件 这里只编写前俩种,即比较常见的.. 大多数插件都是已这种形式编写的: 代码如下:(function ($) { /* 这里放置代码 */ })(jQuery); 这样的好处是函数内部依然可以使用$作为jQuery的别名,而不影响到其他库使用$ jQuery提供了俩个扩展用于编写插件 $...
排序 var len = 100000; var i; var arr = []; for(i=0; i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
今天用alphaimageloader滤镜的src属就是其中的主角它将使用绝对或相对url地址指定背景图像。假如忽略此参数,滤镜将不会作用。 代码如下: #picshow { filter:progid:dximagetransform.microsoft.alphaimageloader(sizingmethod=scale); width:88px; height:125px; } function upimg(imgfile) { var picshow = document.getelementbyid("picshow"); picshow.filters.item("dximagetransform.microsoft.alphaimageloader").s...
而很多页面效果都要用到这些位置。不得已,得练练,得记记。 下面就来说说这个基于 JQuery的简易拖拽插件吧。 按惯例,先说说拖拽的原理,以及搞这么一个东东的步骤: 那什么是拖拽呢? 看名字就知道了:就是把一个东东拖来拽去的。 放到我们的DOM上,就是改变它的位置。 它只有两个难点:1、如何知道是在拖? 2、如何知道从哪拖,拖到哪? 其实,这也算不上难点,毕竟两者都是基础的东西,关键在于熟练。 换到js 中,我们搞一个拖...
核心代码: 代码如下: $(document).ready(function(){ //$('div.chapter a').attr({'rel':'external'}); $('div.chapter a').each(function(index){ var $linkthis=$(this) $linkthis.attr({ 'rel':'external', 'id':'wikilink-'+index, 'title':'你好,现在在试验'+$linkthis.text() }); }); $('#wikilink-1').css('fontSize',33); }); 完整测试代码: 代码如下:"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> DOM Man...
代码如下: 代码如下: $("#money").bind("propertychange",function() { if(""!=this.value){ var str = this.value.replace(/(^\s*)|(\s*$)/g, ""); if(this.value != str ) this.value = str; } if( isNaN(Number(this.value))) this.value = this.value.replace(/[\D]/,); }); 这里使用了JQuery绑定到id为money的文本框的onpropertychange事件上。 下面的代码连小数点也屏蔽掉了 代码如下: $("#phone").bind("propertychange...
前些天我们学生在线首页改版,要做一个工具栏,由于版面的限制,原先策划的很多工具只好安排在一个小区域里面,具体效果如下:当然,这样的效果,用html自带的控件也可以实现。不过自定义的话就可以自己设置滑动条的样式啦,比如说设为红色、蓝色等,按钮形状也可以自己做啦。 需要实现的效果是,这些工具一次最多在可见区域显示9个(这里假设工具项总数多于9个,不满9个的话,将来也很有可能扩展到9个),点击上下的按钮即可将可见...
js,jQuery 排序的实现: 重点: 想要实现排序,最简单的方法就是 先把标签用jQuery读进对象数组 用js排序好对象数组 (针对对象数组进行排序, 不要试图直接对网页的内容进行直接更改) 用对象数组内容覆盖网页上的标签数组; //排序从文字短的到长的 代码如下: //排序从文字短的到长的 var arr_a=new Array(); var i=0; $(".type_list_txt > span:contains(T恤)").parent().children("a").each(function(){ arr_a[i]=$(this).clone(); i...