给链接加上漂亮的对话框式提示效果
2010-04-02
鼠标滑过链接出现的对话框式提示效果,自适应大小。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<hea... 详细内容
优化textarea的样式—textarea背景图片的设置
2010-04-02
1,初始状态:
优化textarea的样式---背景图片的实现
当鼠标点进去写东西的时候,如下图:
交互设计中心-72色交互设计中心 |
默认用了一个bg图片,在文本框获得一次焦点后把背景图片去掉了,后来再失去焦点的时候用的是第三个样式。
代码是copy下来的,图片路径修改成了绝对路径。
&... 详细内容
封装好的javascript图片滑动效果
2010-03-31
这是一个封装图片滑动效果,您只需要对一下封装好的进行设置就可以实现相应的效果!原来js也可以这么简单。
调用方法:glide.layerGlide(auto,oEventCont,oSlider,sSingleSize,second ,fSpeed,point);
*glide.layerGlide(auto,oEventCont,oSlider,sSingleSize,second ,fSpeed,point);
*@p... 详细内容
非常经典动画导航菜单效果代码
2010-03-31
JS·经典·炫彩菜单(动画效果) for jquery
样式 导航背景自己可以随意设计,不过本身这个颜色也是很漂亮的。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=&q... 详细内容
jQuery视觉手册-较详细描述jQuery API-部分示例
2010-03-31
jQuery视觉手册(jQuery Visual Cheat Sheet)是国外知名前端专家Woork制作的对网站设计师和开发人员都非常有用且实用的参考手册,针对jQuery 1.3。该手册(共6页)包含了全部的附有较详细描述jQuery API参考和部分示例代码。
手册的设计风格简洁,模块化的组织结构可以让你很方便的找到自己... 详细内容
非常精简的JS DIV层tab切换代码
2010-03-30
下面的代码是比较精简的js tab切换代码,原理也比较简单。
去掉了繁琐的外壳,这样自己要用的时候是不是更方便呢?
<title>DIV层切换|时代前端</title>
<script language="JavaScript" type="text/javascript">
function ChangeDiv(divId,divNam... 详细内容
javascript中的107个基础知识收集整理
2010-03-30
1.document.write(“”); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById(“表单中元素的ID号”).name(或value)
... 详细内容
jQuery 源码阅读器
2010-03-29
jQuery发展到现在,经历过很多版本。大多数用户都是经历过1.2.6,1.3.1,和如今 的1.4.1的,每次每版本发布的时候都会有新功能实现,而且作者还会说,我们改进了XXX功能。
那么,对于一个用户来说,我们当然是不关心这些函数如何实现的。可如果你想学习jQuery的原理和基本的实现方法,阅... 详细内容
jQuery each()方法的使用方法
2010-03-26
each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。
jQuery和jQuery对象都实现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:jQuery提供的each方法是... 详细内容
$.each的用法说明
2010-03-26
jQuery中$.each的用法,学习jquery的朋友可以参考下。
var arr1 = [ "a", "b", "c", "d", "e" ];
$.each(arr1, function(){
alert(this);
});
输出:a b c d e
var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
$.each(arr2, function(i, item){
alert(item[0]);
});
输出:1 4 7
var obj =... 详细内容
JS 显示当前日期与时间的代码
2010-03-26
用js实现的日期与时间的代码,但代码较多,喜欢的朋友可以研究 下,正规的使用建议用脚本之家之前发布的内容。
相应的JS如下:
//创建一个数组,用于存放每个月的天数
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) {
this[0] = m0;
this[1] = m1;
this[2] = m2;... 详细内容
javascript instanceof,typeof的区别
2010-03-26
区分string 与 String的区别
为什么结果会是false呢?
<script type=”text/javascript”>
var aColors = ["red", "green", "blue"];
alert(typeof aColors[0]); //output “string”
alert(aColors[0] instanceof String); //output “false”;
</script>
你要区分string 与 Stri... 详细内容
jQuery中10个非常有用的遍历函数[4]
2010-03-24
8、siblings
这个函数选择一组元素的所有兄弟姐妹,传递一个表达式可以筛选结果。
看看这个例子:
谁是第一个star的兄弟节点?其它的四个,对不?
如图所示,“odd”的节点被选中。索引是从零开始的,看看下面star的红色数字。
9、prev & prevAll
prev()函数选择前一个兄弟节点。pre... 详细内容
jQuery中10个非常有用的遍历函数[3]
2010-03-24
5、slice
有时候,我们需要根据元素在集合的位置获取集合的子集。sliece()正是做这个的。
第一个参数是从零开始的第一个元素的位置,它包含在返回的片段中;
第二个参数是从零开始的第一个元素的索引。不包含在返回的片段中。如果省略,将延伸至集合的末尾;
所以,slice(0,2)将选取前两... 详细内容
jQuery中10个非常有用的遍历函数[2]
2010-03-24
2、filter
这个函数通过传递的选择表达式从一个集合中过滤元素。任何不匹配这个表达式的元素将从选择的集合中移除。
下面的这个例子直截了当。从 5个star中过滤出class为“on”的star。
3、not
与filter恰恰相反,not()从集合中移除匹配的元素。
看下面这个例子。偶数列的star从选择集合... 详细内容
