function openNew(url) { var NewInf= document.createElement('a'); NewInf.setAttribute('href',url); NewInf.setAttribute('target','_blank'); document.body.appendChild(NewInf); NewInf.click(); document.body.removeChild(NewInf); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
我前段时间写的一篇文章就遇到过这种事情,后来用CSS的overflow和max-width属性暂时解决了页面变形的问题。这种方法好处是简单,但坏处是会破坏某些细节的效果。 如overflow:hidden,意思是当内部元素宽度大于父框架时隐藏超出宽度的部分。这样做可能会是一些内容突然截断,被隐藏了,很对不起观众。通过max-width属性限制文章插图最大宽度的话,需要考虑各浏览器的兼容性。IE6是不支持这个属性的,在我印象中,一些浏览器虽然支持...
预实现效果:(点击不同的tab显示不同面板内容)一:用到的js函数: 代码如下: //变换tab函数 //原则,外层div里含有内层多个div function tabPanelEx(trThis,urlImgNormal,urlImgPoint,tabs,tabid){ var tds=trThis.parentNode.children; for(var i=0;i{ if(tds[i].attributes["ex"]) { tds[i].style.backgroundImage="url("+urlImgNormal+")"; } } trThis.style.backgroundImage="url("+urlImgPoint+")"; //div control var vtabs=docu...
christree var $ = function(){ var dom = {}; return { get : function($){ if(!dom[$]) dom[$] = document.getElementById($); return dom[$]; } ,apply : function(s,t,d){ if(t && typeof t == 'object') $.apply(s,d) if(s && t && typeof s == 'object' && typeof t == 'object'){ for(var i in t){s[i] = t[i]} } return s; } ,createEl : function(attribute,tag){ if(!tag) tag = "DIV"; var el = docume...
在iframe中查找父页面元素的方法: $('#id', window.parent.document) 在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 在iframe中调用父页面中定义的方法和变量: parent.method parent.value
主要层左右居中,设置left等于窗口宽除二减去自身层宽除二就居中了,至于窗口上下居中我没做到,固定了top等于滚动条隐去的 scrollTop加上50px; 当事件触发这个类时,首先判断一下两个层是否已经append到body里面,否则每次触发它就一直增加增加了。设置了五个参数title、 content、width、height、cssName,它们分别定义了层标题、层内内容、层宽、层高、层内容的样式名。层内内容又设置了url、 text、id、iframe四种加载方式,通...
/* Code Written by Cory Fogliani (Email: cory@ijustdontcare.com) Testers: Cory Fogliani, Chris Gordon Featured on JavaScript Kit (http://javascriptkit.com) For this and over 400+ free scripts, visit http://javascriptkit.com */ //if IE4/NS6, apply style if (document.all||document.getElementById){ document.write('.tictac{') document.write('width:50px;height:50px;') document.write('}') } va...
- 输入一个关键词,鼠标点击后面的搜索引擎链接,即可进入到该引擎的页面 - 如果输入关键词后敲回车,则使用默认搜索引擎,而每选择新的搜索引擎,默认引擎也会随之改变 - 自动记忆上次使用的搜索引擎,后面添加* 源代码如下,使用了多种IE/FF的适应办法: 代码如下: .normal {font-family: "Verdana","Arial";font-size:14px} .small {font-family: "Verdana","Arial";font-size:12px} body { font-family: "Verdana","Aria...
代码如下: function forEach(object, block, context, fn) { if (object == null) return; if (!fn) { if (typeof object == "function" && object.call) { //遍历普通对象 fn = Function; } else if (typeof object.forEach == "function" && object.forEach != arguments.callee) { //如果目标已经实现了forEach方法,则使用它自己的forEach方法(如标准游览器的Array对象) object.forEach(block, context); return; } else if ...
空间就全凭CSS的绝对定位实现位移了。在开始之前,我们练习一下setTimeout的递归用法(用来模拟setInterval)。 代码如下: function text(el){ var node = (typeof el == "string")? document.getElementById(el) : el; var i = 0; var repeat = function(){ setTimeout(function(){ node.innerHTML = ""+i+""; i++; if(i <= 100){ setTimeout(arguments.callee, 100); } },100) } repeat(); } 我们来试一下最简单的淡入特效,就...
在 Ajax 应用中,显示一个 Dialog(以 Div 方式显示)前,都会先建一个 Mask。因为经常会用到,所以写成了一个 jQuery 插件,方便自己的使用。 代码如下: (function($){ $.extend({ documentMask: function(options){ // 扩展参数 var op = $.extend({ opacity: 0.8, z: 10000, bgcolor: #000 }, options); // 创建一个 Mask 层,追加到 document.body $( ).appendTo(document.body).css({ position: absolute, top: 0px, left: 0p...
其中有mask()和unmask()这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现,增加客户体验。由于最近做项目的时候,发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来,觉得有点不划算,于是自己用jquery实现了一个比较简单mask、unmask方法来实现该效果。大家知道jquery是一个优秀的javascript框架,不但体积小而且使用方便,我现在逐渐将系统中使用Extjs实现的代码或组建全部更换成Jquery来实...
有许多理由让你在页面中加入拖放的功能,其中最简单的理由是重新组织数据。举个例子,你可能希望用户能够重组一系列的页面元素,通过放置一个input或 select组件在各个元素的旁边来代表它们的顺序是一种解决方案,使该组元素可以被拖放是一种替代方案。或者也许你想在网站上拥有一个可以被用户移动的导航窗口。这些都是使用拖放功能的简单理由,因为你能够实现! 在你的网页上实现拖放的效果并不是很复杂。首先,我们知道鼠标的位置...
前台: upload.htm 代码如下: upload var TfileUploadNum = 1; //记录图片选择框个数 var Tnum = 1; //ajax上传图片时索引 //增加上传按钮 function TAddFileUpload() { var idnum = TfileUploadNum + 1; var str = ""; str += "图片" + idnum + ":"; str += ""; str += ""; str += ""; $("#loadimage").append(str); TfileUploadNum += 1; } //开始上传 function TSubmitUploadImageFile() { document.getElementById(...
通过事件的which可以找到键码 不过当有组合键的时候还需要注意一下 如ctrl+enter键,虽然都是用e.ctrlKey但是 enter键的键码不是始终为13了 在ff中 判断 ctrl+enter 是 e.ctrlKey && e.which ==13 在ie6中 判断ctrl+enter 是 e.ctrlKey && e.which ==10 示例: 代码如下: $(document).keypress(function(e){ if(e.ctrlKey && e.which == 13 || e.which == 10) { $("#btn").click(); } else if (e.shiftKey && e.which==13 || e.wh...