随笔分类 -  javascript/jQuery

摘要:这是什么?Z-index属性决定了一个HTML元素的层叠级别。元素层叠级别是相对于元素在Z轴上(与X轴Y轴相对照)的位置而言。一个更高的Z-index值意味着这个元素在叠层顺序中会更靠近顶部。这个层叠顺序沿着垂直的线轴被呈现。为了更清晰的描述Z-index是如何工作的,上面的这张图片夸大展示了层叠元素在视觉位置上的关系。自然的层叠顺序在一个HTML页面中,自然的层叠顺序(也就是元素在Z轴上的顺序)是由很多因素决定的。下面的是一个列表,它展示的列表项是处于一个层叠环境(stacking context,暂时未找到合适的汉语翻译,应该是指层叠的元素所处的那个层叠的环境)中,这些项是处于这个层叠环境 阅读全文
posted @ 2011-11-20 00:13 Tomi-Eric's 阅读(284) 评论(0) 推荐(0)
摘要:最近在看《JavaScript+DOM编程艺术》。好像没什么吸收。Dom查找方法:getElementById() //返回id元素getElementsByTagName() //按照标签名返回该标签集合getAttribute() //得到该元素某个属性值setAttribute()//设置元素的属性值本文主要利用setAttribute()来改变img的href属性值达到图片切换效果。按照javascript美术馆写成了这个效果。源码:<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" & 阅读全文
posted @ 2011-09-22 01:28 Tomi-Eric's 阅读(481) 评论(0) 推荐(0)
摘要:参照《锋利的jQuery》第三章最后实例改写。利用div的背景来定位显示的图片位置。背景图片的定位=鼠标移动所在位置-鼠标响应的A标签所在页面的位置。效果图:<!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"><head> &l 阅读全文
posted @ 2011-09-17 14:19 Tomi-Eric's 阅读(520) 评论(0) 推荐(0)
摘要:利用透明图片遮罩制作圆角焦点图的好处是后台上传图片,不用经过ps处理成圆角。无论任何图片在首页焦点图显示都为圆角。弊端是遮罩图片除透明区外颜色应该和背景颜色相同。<!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"><head>& 阅读全文
posted @ 2011-09-04 21:52 Tomi-Eric's 阅读(533) 评论(0) 推荐(0)
摘要:工具-》配置用户工具-组名称添加运用程序,按下面图设置。 阅读全文
posted @ 2011-03-17 21:07 Tomi-Eric's 阅读(236) 评论(0) 推荐(0)
摘要:刚看了java的教程,当中用类型转换写了生成随机字符功能。小写字母的ascii编码在97~122之间,以此类推我们可以将扩展到数字到大写字母。public class RandomStr { public static void main(String[] args) { String result="";//随机生成6位字辅 for(int i=0;i<6;i++) { int intVal=(int)(Math.random()*42+48); result=result+(char)intVal; } System.out.println(result); }} 阅读全文
posted @ 2011-03-16 21:56 Tomi-Eric's 阅读(294) 评论(2) 推荐(0)
摘要:原文:修正IE6 IE7的window.resize bug 地址:http://www.cnblogs.com/rubylouvre/archive/2010/04/15/1712279.html直接使用javascript操作window.resize,作为老的系统,给每个页面添加jQuery是很废工作量,所以要使用原始的javascript函数。 阅读全文
posted @ 2011-01-27 15:28 Tomi-Eric's 阅读(1429) 评论(0) 推荐(0)
摘要:li在单击后调用ajax加载内容然后展开,li不像button在响应了单击事件后可以设置为disabled。因为加载内容比较慢,所以用户可能在li上不经意点击了两次,那么就会请求两次,这是我们不想看到的。今天在javascript-jquery群上一筒子发了两个demo给我,他的方法是先将单击的li节点拷贝出来,在加载完后在重新插回去,显然不太适合我做的功能。正一筹莫展,想了一下,何不在li点击时加入loading图片(在ajax加载前),判断li节点上是否存在了img元素,没有则加载ajax内容,否则不处理。测试了可以通过,\(^o^)/。<!DOCTYPE html PUBLIC & 阅读全文
posted @ 2010-12-23 23:17 Tomi-Eric's 阅读(970) 评论(0) 推荐(1)
摘要:实例:有A,B,C,D四个输入框,但只要求只填一个。 可以随意选择一个填写。完整例子:[代码] 阅读全文
posted @ 2010-09-19 15:32 Tomi-Eric's 阅读(282) 评论(0) 推荐(0)
摘要:借助于Mr.Think写的利用url实现菜单高亮。判断当前url(window.location.href)与页面中的a标签的href属性值是否相等。如果相等则显示高亮。代码 阅读全文
posted @ 2010-08-24 10:00 Tomi-Eric's 阅读(243) 评论(0) 推荐(0)
摘要:一 页面输出1.头部文件<head><script language="javascript">document.write("广州百汇物流有限公司");</script></head>2.页面内<body><script>document.write("广州百汇物流有限公司");</script></bod... 阅读全文
posted @ 2010-07-22 11:08 Tomi-Eric's 阅读(201) 评论(0) 推荐(0)