自定义滚动条3.0

2016年07月27日 8 阅读

支持任意形式（包括图片自定义）的美化扩展，跨浏览器支持 支持鼠标按住上、下箭按钮实现上下滚动 支持鼠标滚轮放于“滚动条区”滚动，而不仅限放于滚动内容区才滚 支持鼠标按住滚动条（未松开）并移出滚动区域仍然能拖拽滚动 滚动条子根据左边滚动内容高与可视区域高度比例等比例，且当滚动条细到一定程度时设置最小高度值,内容过少时隐藏滚动条子 支持鼠标在滚动条子的上下空白区间点击实现上、下定位滚动（模拟windows滚动条） 支持键盘上下方向键，滚动区滚完之后才轮到页面b...

javascript iframe内的函数调用实现方法

2016年07月27日 8 阅读

sxmsxm.html 复制代码 代码如下:<script> function sonfun（） { alert（"ok"）; } </script> main.html 复制代码 代码如下:<iframe id="sxm" src="sxmsxm.html" width="100" height="100"></iframe> 在main.html中执行 sxmsxm.html中的sonfun（） 有两种方...

Prototype Class对象学习

2016年07月27日 6 阅读

复制代码 代码如下:/* Based on Alex Arnell"s inheritance implementation. */ var Class = （function（） { //临时存储parent的prototype function subclass（） {}; //创建类的方法 function create（） { var parent = null, properties = $A（arguments）; //检查新建一个类时，是否指...

Prototype RegExp对象 学习

2016年07月27日 7 阅读

复制代码 代码如下:RegExp.prototype.match = RegExp.prototype.test; RegExp.escape = function（str） { return String（str）.replace（/（[.*+？^=！:${}（）|[]/\]）/g, "\$1"）; };就一个escape方法，就是把那几个特殊字符转义一下。 还有就是match方法是test方法的别名。 看一个例子: var str=RegExp.esc...

Prototype ObjectRange对象学习

2016年07月27日 9 阅读

Ranges represent an interval of values. The value type just needs to be “compatible,” that is, to implement a succ method letting us step from one value to the next （its successor）. Prototype provides such a method for Number and ...

Prototype Number对象 学习

2016年07月27日 13 阅读

复制代码 代码如下:Object.extend（Number.prototype, （function（） { //返回十六进制颜色之 function toColorPart（） { return this.toPaddedString（2, 16）; } //返回连续的下一个数值 function succ（） { return this + 1; } //连续执行某个操作 function times（iterator, context） { $R（...

Prototype Enumerable对象 学习第1/2页

2016年07月27日 7 阅读

Enumerable provides a large set of useful methods for enumerations, that is, objects that act as collections of values. It is a cornerstone of Prototype. Enumerable is what we like to call a module: a consistent set of methods int...

Prototype Template对象 学习

2016年07月27日 8 阅读

复制代码 代码如下:var Template = Class.create（{ //初始化方法 initialize: function（template, pattern） { this.template = template.toString（）; this.pattern = pattern || Template.Pattern; }, //格式化方法，如果从java的角度来说，其实叫format更好 :） evaluate: function（o...

Prototype String对象 学习

2016年07月27日 9 阅读

复制代码 代码如下://String对象的静态方法 Object.extend（String, { interpret: function（value） { return value == null ？ "" : String（value）; }, specialChar: { "": "\b", " ": "\t", " ": "\n", "f": "\f", " ": "\r", "\": "\\" } }）; Object.extend（Strin...

Prototype PeriodicalExecuter对象 学习

2016年07月27日 8 阅读

This is a simple facility for periodical execution of a function. This essentially encapsulates the native clearInterval/setInterval mechanism found in native Window objects. This is especially useful if you use one to interact wi...

Prototype Array对象 学习

2016年07月27日 7 阅读

复制代码 代码如下:Array.from = $A; （function（） { //Array原型的引用 var arrayProto = Array.prototype, slice = arrayProto.slice, //JS 1.6里面会有原生的forEach方法 _each = arrayProto.forEach; // use native browser JS 1.6 implementation if available funct...

Prototype Hash对象 学习

2016年07月27日 11 阅读

复制代码 代码如下://Hash对象的工具函数 function $H（object） { return new Hash（object）; }; var Hash = Class.create（Enumerable, （function（） { //初始化，创建一个新的Hash对象 function initialize（object） { this._object = Object.isHash（object） ？ object.toObject（） ...

IE view-source 无法查看看源码 JavaScript看网页源码 <font color=red>原创</font>

2016年07月27日 7 阅读

第一种：view-source法 view-source是一种协议，早期基本上每个浏览器都支持这个协议。但是不知道什么原因，从IE6 Beta2以后IE就不再支持此协议了。这个方法现在只能用在FireFox浏览器上使用了！ 使用方法：在浏览器地址栏中输入 view-source: 回车即可看到网页的源代码了。 第二种：JavaScript法 这种方法似乎也不是通用的，在IE6和Opere浏览器上试验成功，但是在FireFox浏览器上就没...

js计算页面刷新的次数

2016年07月27日 7 阅读

复制代码 代码如下:<script language="javascript"> function window.onload（） { if（window.name==""）{ window.name = "0"; } else{ window.name = eval（window.name） + 1; alert（"已经刷新"+ window.name+"次"）; } } </script>...

一个cssQuery对象 javascript脚本实现代码

2016年07月27日 6 阅读

复制代码 代码如下: /** * @author Supersha * @QQ:770104121 */ var cssQuery = { //parent:用于存储当前节点的父节点的引用 parent: document, select: function（selectorStr）{ var selectors=selectorStr.split（" "）; //分隔字符串 for （var i = 0, len = selectors.length; ...

一个可以随意添加多个序列的tag函数

2016年07月27日 8 阅读

/** * @author Supersha * @QQ:770104121 */ 由于在没有规划好的情况下写的这个代码，写的比较粗糙，也没有添加注释。 主要特点：JavaScript代码和HTML完全分离；可以随意添加多个子div标签，自动扩展 JavaScript代码： 复制代码 代码如下: <script type="text/javascript"> var tag = function（parentTagId, sunTag）{ va...

javascript 三级下拉选择菜单Levels对象

2016年07月27日 8 阅读

JavaScript： 复制代码 代码如下: <script type="text/javascript"> var level1 = ["Beijing", "GuangZhou", "ShangHai"]; var level2 = [["ZhaoYang", "TianTan", "GuGong"], ["Tianhe", "Panyu"], ["PuDong", "PuXi"]]; var level3 = [[["TianShan",...

JavaScript 进度条实现代码（Firefox等相似浏览器下不支持）

2016年07月27日 7 阅读

复制代码 代码如下:[code] <script type="text/javascript"> var loading = { element: null, count: 0, ID: 0, createLoading: function（parent, width, height）{ //用于生成外围的进度条框 loading.element = document.createElement（"div"）; loading.element....

javascript ImgBox透明遮罩层背景图片展示

2016年07月27日 8 阅读

JavaScript Data Access Test function topDiv（el）{ var elem=document.createElement（"div"）; elem.className="top-div"; //=========create img tag var img=document.createElement（"img"）; img.src=el.href; elem.appendChild（img）; //====...

javascript 表单规则集合对象

2016年07月27日 7 阅读

复制代码 代码如下:<script type="text/javascript"> //更多的验证可以继续添加到errMsg对象里 var errMsg={ required:{ msg:"This field is required.", //load参数指定是否在加载的时候验证 test:function（obj,load）{ return obj.value.length > 0 || load || obj.value==obj....