分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码

2017年02月06日 21 阅读

先給大家看看效果:效果介紹: 鼠标滑过进度条改变进度值.兼容性: 可完美兼容IE6,IE7,IE8,Chrome,Firefox代码:复制代码 代码如下: <script style="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.4.1/mootools-yui-compressed.js"></script> <style ...

使用Mootools动态添加Css样式表代码,兼容各浏览器

2017年02月06日 20 阅读

但是这样做就不利于插件的移植,所以就写了这个函数用来动态产生Css. 复制代码 代码如下: AddCss=function（c）{ var Sty=document.createElement（"style"）; Sty.type="text/css"; if（Browser.ie）{ Sty.styleSheet.cssText=c; }else{ var Frag=document.createDocumentFragment（）; Frag.appe...

js 可拖动列表实现代码

2017年02月06日 22 阅读

补充一点： 要禁止移动中选中文字，FF可以设置CSS xxxx{-moz-user-select:none;} 其他的浏览器可以设置 XXXX.onselectstart = function（）{return false} 一种实现原理就是点击没目标元素之后，创建一个占位元素（或者复制一份目标元素，即拷贝B），然后拖动目标元素（或者复制的来的新元素B）； 找到相应的位置之后，插入目标元素。清除占位元素或者B。 比如有一个列表： 复制代码 代码如下: &l...

cnblogs 代码高亮显示后的代码复制问题解决实现代码

2017年02月06日 19 阅读

没想到最近（2012年12月份）实现代码复制问题，要不所有内容都是一行，只有拥有工具的人士才能很快的看到代码，这样代码用起来就简单多了，可以直接复制了啊，不用每次是转化什么的。这篇文章技术是技术为主，看看他们用了什么方法，需要的朋友可以参考下。为方便备份，先打包一份代码，有需要的自己研究。复制代码 代码如下://#region Copy&Run Code $（function （） { var hlCodes = $（"#cnblogs_post_body...

jQuery版仿Path菜单效果

2017年02月06日 22 阅读

使用方法: 1.依次引用jquery.1.7.1,jQueryRotateCompressed.2.1.js（旋转插件）,jquery.path.1.0.js（我自己写的Path插件） 2.页面元素采用如下格式 复制代码 代码如下: <div id="content"> <div>单击我</div> <div>★</div> <div>★</div> <...

JS获取整个页面文档的实现代码

2017年02月06日 21 阅读

唯一需要注意的地方： innerText与textContent，显示页面的时候不能用innerHTML，否则会被解析。innerText与textContent是在除FF之外的浏览器与FF之间的差异。 复制代码 代码如下: var innerText = document.body.innerText ？ "innerText" : "textContent"; 上面的语句在开头处理以避免多次判断 demo贴图： demo： 复制代码 代码如下: &l...

用nodejs访问ActiveX对象，以操作Access数据库为例。

2017年02月06日 22 阅读

起因 有人提问“如果用nodejs访问sql server？” 找了找资料，发现有两类解决方法，使用第三方nodejs插件：https://github.com/orenmazor/node-tds、使用ADODB.ConnectionActiveX对象。 参考： http://stackoverflow.com/questions/857670/how-to-connect-to-sql-server-database-from-javascript h...

jquery focus（fn）,blur（fn）方法实例代码

2017年02月06日 23 阅读

首先建一个CSS样式表 .highlight{border: 1px solid #EFA100;outline: 2px solid #FFDC97;} 然后增加如下代码 复制代码 代码如下: <script type ="text/javascript" language ="javascript"> $（document）.ready（function（）{ $（"input[type=text]"）.focus（function（）{ ...

javascript管中窥豹 形参与实参浅析

2017年02月06日 21 阅读

引子： 今天看到别人的一个题目： 复制代码 代码如下: function fn（x）{ x = 10; arguments[0] = 20; console.log（x,arguments[0]） } fn（） 感觉自己对这也是一知半解，自己也可以试一下，于是就特地分析一下。 本想从语言的角度来分析，无奈功力不够，只能粗浅的尝试一下，于是称之管中窥豹，还望大牛指正。 这是昨天写的，今天吃饭的时候又想了一下，想来想去感觉有些问题还是说得不靠谱，于是又试着修...

用jQuery模拟页面加载进度条的实现代码

2017年02月06日 22 阅读

因为我们无法通过任何方法获取整个页面的大小和当前加载了多少，所以想制作一个加载进度条的唯一办法就是模拟。那要怎么模拟呢？ 我们知道，页面是从上往下执行的，也就是说我们可以大致估算出在页面的某个位置加载了多少，而后用jq模拟出一个进度条来显示。 首先我们先画一个进度条的样子，也就是上图图中的样子，这个不用过多说明，自己看代码 CSS 复制代码 代码如下: *{margin:0;padding:0;font-size:12px} .loading{...

javascript面向对象编程代码

2017年02月06日 19 阅读

复制代码 代码如下: var orchard = function （）{ //基类型构造函数代理 静态方法都在代理函数上 this.constructor && this.constructor.apply（this,arguments）; }; orchard.extend = function（） { var parentObj = this; var parameters = parentObj.parameters ？ parentObj.par...

createElement与createDocumentFragment的点点区别小结

2017年02月06日 22 阅读

网上可以搜到的大部分都是说使用createDocumentFragment主要是因为避免因createElement多次添加到document.body引起的效率问题，比如： 复制代码 代码如下: var arrText=["1","2","3","4","5","6","7","8","9","10"]; for（var i=0;i<arrText.length;i++）{ var op=document.createElement（"P"）; v...

extjs实现选择多表自定义查询功能 前台部分（ext源码）

2017年02月06日 21 阅读

主要使用的技术： 1、extjs2.0，整体框架 2、RemoteCheckboxGroup.js ，用于动态生成表字段（供查询结果使用） 3、Ext.ux.grid.RowActions.js，用于grid行扩展（上移下移删除等） 4、Datetime.js，用于时间选择 5、MetaGrid.js 用于动态生成查询结果列表（返回结果Grid） 6、ehcache 用于缓存自定表数据，比如表名称、字段描述、长度等固定信息 7、jxl.jar 用于查询结果...

在iframe里的页面编写js，实现在父窗口上创建动画效果展开和收缩的div（不变动iframe父窗口代码）

2017年02月06日 19 阅读

复制代码 代码如下: <%@ page contentType="text/html; charset=GBK" language="java"%> <%@ page import="com.jstrd.mm.business.sysmgr.monitor.logic.MMStock2BudgetLogic" %> <% String query = request.getParameter（"query"）; MMStock...

更换select下拉菜单背景样式的实现代码

2017年02月06日 22 阅读

复制代码 代码如下: <style> .uboxstyle{width:174px;height:39px; float:right;} #uboxstyle{width:174px;height:39px; float:right;} #uboxstyle .select_box{width:174px;height:39px; float:left;} #uboxstyle div.tag_select{display:block;colo...

五段实用的js高级技巧

2017年02月06日 21 阅读

技巧一之setTimeout. 应用案例:比如你想一个函数循环执行10次,怎么办？以前通常是先setInterval,然后clearInterval,技巧一就是克服这个问题 复制代码 代码如下: （function （） { var i = 0; function job（） { console.log（i++）; if （i < 10） { setTimeout（job, 1000）; } } job（）; }）（）; 上面这个job函数就只会乖...

javascript判断iphone/android手机横竖屏模式的函数

2017年02月06日 22 阅读

查了不少资料，最后结论如下： 复制代码 代码如下: function orientationChange（）{ switch（window.orientation） { case 0: // Portrait case 180: // Upside-down Portrait // Javascript to setup Portrait view break; case -90: // Landscape: turned 90 degrees count...

JavaScript控制图片360度旋转代码

2017年02月06日 22 阅读

JavaScript控制图片360度旋转代码 var isIE = （document.uniqueID）？1:0; var i=1; function rotate（image） { var object = image.parentNode; if（isIE）{ image.style.filter="progid:dXImagetransform.Microsoft.basicImage（rotation="+i+"）"; i++; if（i>4...

用JavaScript仿PS里的羽化效果代码

2017年02月06日 20 阅读

复制代码 代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>用JavaScript防PS里的羽化效果代码 - www.jb51.net</title> </head> <body onload=setValues（）> <cent...

Javascript面向对象设计一 工厂模式

2017年02月06日 19 阅读

1、工厂模式抽象了创建具体对象的过程，但是在ECMAScript中无法创建类，所以就使用一种函数来封装以特定接口创建对象的细节。以一下情况为例， 有一个员工类，有姓名、年龄、职位属性， 复制代码 代码如下:function CreateEmployee（name, age, job） { var Emp = new Object（）; Emp.name = name; Emp.age = age; Emp.job = job; Emp.sayName = ...