jquery tools 系列 scrollable（2）

2017年02月06日 30 阅读

scrollable提供的一系列获取scrollable对象的方法具体使用方式如下： 复制代码 代码如下:var scrollable=$（"div.scrollable"）.scrollable（）; //alert（scrollable.getConf（）.prev）;//获取配置对象中的prev属性 scrollable.getConf（）.speed=200;//设置配置对象的speed属性 //alert（scrollable.getIndex（...

jquery tools系列 overlay 学习第1/2页

2017年02月06日 24 阅读

如scrollable的学习，首先给出操作的html目标代码：复制代码 代码如下:<button rel="#overlay">Open overlay</button> <button rel="#overlay2">Other overlay</button> <div class="overlay" id="overlay"> <h2 style="margin:10px 0" >...

jquery tools系列 expose 学习

2017年02月06日 26 阅读

如overlay的学习，首先给出操作的html目标代码： 复制代码 代码如下:<div id="test"> expose test！ </div> <div style="margin:0 auto;width:300px"> <img src="http://flowplayer.org/tools/img/expose/ball_large.png" id="ball" style="width:130px"...

Javascript中的var_dump函数实现代码

2017年02月06日 26 阅读

发现了一个非常好的JavaScript调试方法，目前看到的是可以打印Object/Array/Function/String四种类型，使用方法和PHP中的var_dump（）一样，只要直接dump（变量名）即可。 复制代码 代码如下:dump（value, [showTypes]） @ param value （Any） value to dump @ param [showTypes] （Boolean） optional to display each...

javascript 获取select下拉列表值的代码

2017年02月06日 26 阅读

比如，在使用DWR的时候，如果你想传递下拉框的参数到后台的话，此时就需要先获取到下拉框的值了。 其实想要获取到下拉框的值是很简单的。 最关键的一段代码就是： 复制代码 代码如下: onchange="show（this.options[this.options.selectedIndex].value）;" onchange="show（this.options[this.options.selectedIndex].value）;" show是一个自定...

javascript十个最常用的自定义函数（中文版）

2017年02月06日 26 阅读

（10）addEvent 网上最流行的版本是Scott Andrew的，据说javascript界曾举行一场比赛（此事件我们可以在Pro Javascript Techniques第100页看到）或浏览PPK的网站，征求添加事件与移除事件的函数，他就是其获奖者。下面就是他的实现： 复制代码 代码如下: function addEvent（elm, evType, fn, useCapture） { if （elm.addEventListener） { e...

JS 网页彩蛋 实现代码

2017年02月06日 27 阅读

.bg{ background:url（http://nba.titan24.com/focus/kikx/images/sp.gif） repeat;} p{ text-align:center; color:#d00; padding:10px 0; } h1{ text-align:center; font-size:80px; color:#f06; line-height:120px;} 按 ↑ ↑ &dar...

javascript 定义初始化数组函数

2017年02月06日 28 阅读

方法一、js数组的定义与初始化定义一维数组方法1：var _TheArray = new Array）;//定义_TheArray[0]="1";_TheArray[1]="2";_TheArray[2]="3";//初始化方法2：var _TheArray = new Array（"1","2","3"）;//直接定义并初始化定义二维数组方法1var _TheArray = new Array（）;//先声明一维for（var i=0;i<10;i...

javascript 流畅动画实现原理

2017年02月06日 26 阅读

当然考虑到浏览器（特别指IE）糟糕的js执行能力，动画效果又要受到影响。 浏览器中的动画效果主要依靠js来动态改变Dom元素外观来形成。不过据说css正在修炼这方面的能力哦。（拭目以待^_^） 我们需要周期性的改变dom元素的外观，这个周期性就要依靠setTimeout（）和setInterval（）来完成。 它们2个哪一个更好点呢 见这里 （是jquery的作者写的一个文章） 我个人比较偏向setInterval，setTimeout需要用递归调用而且在...

Javascript 阻止浏览器默认操作的实现代码

2017年02月06日 28 阅读

在很多时候，我们需要改变这些默认操作，比如：点击一个链接时，我们执行一些 ajax 操作，但是我们并不希望执行跳转动作，于是，就有了本文：阻止浏览器默认操作。 其实这并不是一个非常难的课题，单独拿出来的原因还是浏览器兼容问题： 复制代码 代码如下:<script type="text/javascript"> // 说明：Javascript 中阻止浏览器默认操作 // 作者：John Resig function stopDefault（ e...

Javascript 检测、添加、移除样式（className）函数代码

2017年02月06日 26 阅读

复制代码 代码如下: <script type="text/javascript"> // 说明：添加、移除、检测 className function hasClass（element, className） { var reg = new RegExp（"（\s|^）"+className+"（\s|$）"）; return element.className.match（reg）; } function addClass（element,...

Javascript String.replace的妙用

2017年02月06日 24 阅读

String.replace（ ） 简介 语法： 复制代码 代码如下: string.replace（regexp, replacement） regexp ：您要执行替换操作的正则表达式，如果传入的是一个字符串，那就会当作普通字符来处理，并且只会执行一次替换操作；如果是正则表达式，并且带有 global （g） 修饰符，则会替换所有出现的目标字符，否则，将只执行一次替换操作。 replacement ：您要替换成的字符。 返回值是执行替换操作后的字符串...

用 Javascript 验证表单（form）中多选框（checkbox）值

2017年02月06日 26 阅读

本文介绍了一个较为通用的获取 checkbox 值的方法，希望对新手有用。复制代码 代码如下:<script type="text/javascript"> // 说明： 用 Javascript 验证表单（form）中多选框（checkbox）的值 // 作者： CodeBit function getCheckboxValue（checkbox） { if （！checkbox.length && checkbox.type.toLower...

用 Javascript 验证表单（form）中的单选（radio）值

2017年02月06日 25 阅读

本文介绍了一个较为通用的获取 radio 值的方法，希望对新手有用。 复制代码 代码如下: <script type="text/javascript"> // 说明： 用 Javascript 验证表单（form）中的单选（radio）值 // 作者： CodeBit function getRadioValue（radio） { if （！radio.length && radio.type.toLowerCase（） == "radio"...

用Javascript实现锚点（Anchor）间平滑跳转

2017年02月06日 25 阅读

锚点（Anchor）相信很多人都不陌生，它方便访问者在页面的不同位置快速跳转，直接找到自己感兴趣的内容，如果说 RSS 是整个网站的摘要，那锚点就是一个页面的摘要，通常一个页面内容很多的时候，都会用锚点来定位。 但是锚点也有个问题，通常点击锚点后，页面会立即跳到目标位置，而本文介绍的方法，实现了锚点（Anchor）间平滑跳转，效果非常不错。复制代码 代码如下:<script type="text/javascript"> // 说明 ：用 Ja...

实现png图片和png背景透明（支持多浏览器）的方法

2017年02月06日 27 阅读

虽然有让IE6支持PNG透明背景的JS程序，都是不是很方便，还是用CSS来实现的好。使用到的就是：IE5.5+的AlphaImageLoader滤镜。 1.png背景透明 解决办法： 复制代码 代码如下: #div1 { height: 600px; width: 260px; padding: 20px; background-repeat: repeat; } html>body #div1 { background-repeat: repeat...

Javascript 获取滚动条位置等信息的函数

2017年02月06日 29 阅读

其实这段代码在之前的 “ 用 Javascript 实现锚点（Anchor）间平滑跳转” 一文已经介绍过了，但是由于这个需求并且经常用到，因此，本站专门发布此文介绍，方便查阅。 复制代码 代码如下:<script type="text/javascript"> // 说明：用 Javascript 获取滚动条位置等信息 // 来源 ：ThickBox 2.1 function getScroll（） { var t, l, w, h; if （...

用Javascript 和 CSS 实现脚注（Footnote）效果

2017年02月06日 26 阅读

不过，既然脚注有这些好处，我们当然要在网页中也加以利用，本文向您介绍了用 Javascript 和 CSS 实现脚注效果的方法。复制代码 代码如下:<script type="text/javascript"> // 说明：用 Javascript 和 CSS 实现脚注（Footnote）效果 var footNotes = function（）{}; footNotes.prototype = { footNoteClassName : "f...

一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能

2017年02月06日 28 阅读

调用时可以这样： 1，tempStr=GetNewSelectStr（dataTable.value,"select"+rowIndex,true）; 2,makeSelectBox（"select"+rowIndex,tempStr,value,obj）; tempStr－这个是返回的下拉列表值的框体 dataTable.value－这个是数据源（我这里是一张表） "select"+rowIndex－这个是ID号，也就是当前这个select的id号（我这...

禁止JQuery中的load方法装载IE缓存中文件的方法

2017年02月06日 26 阅读

使用方法如下：复制代码 代码如下:$（"#panel"）.load（"test.asp"）; //在页面装载时，在ID为#panel的DOM元素里test.asp的内容。但是，当你修改test.asp文件的内容以后，在IE浏览器下，再利用以上方法重新装载该文件时，你会发现ID为#panel的DOM元素的内容并未发生变化，问题究竟出现在什么地方呢？原来是重新加载以后，IE浏览器并没有从服务器端重新下载修改以后的test.asp，而是直接从IE缓存中读取没有修...