由页面开关灯效果引起的跨iframe操作dom的思考

九月 17, 2010 作者:  
类别:个人随笔

2 条评论|1606 views

前两天需要在公司某网站页面头部加一个时下流行的页面开关灯效果,效果很简单,只要控制背景样式切换就行,但是现在的网站头不是个iframe,所以得在iframe里边操作iframe外边的dom。如果用原生的js,直接parent.document就可以获取到。考虑到原来网站引用了jQuery,所以想用jQuery的方法写, 阅读全文

静态页面js传参

九月 12, 2010 作者:  
类别:个人随笔

4 条评论|1977 views

js在静态页面传参,主要就是怎么在目的页面获取到相应的参数,这里通过一个小例子,演示一下参数传递的方法。

实例描述:比如有两个页面,分别叫a.html和b.html。b.html页面中有一个tab选项卡菜单,分别是“手机数码”、“电脑”、“家用电器”。这里要实现的是,怎么从a.html页面,连接到b.html中不同 阅读全文

仿校内textarea输入框字数限制效果

六月 9, 2010 作者:  
类别:个人随笔

1 条评论|1799 views

这是一个仿校内textarea回复消息输入框限制字数的效果,具体表现如下:

普通状态是一个输入框,当光标获取焦点时,出现字数记录和回复按钮

PS:上边那个小三角可不是用的图片。

普通状态效果如下:

获取焦点时:

字数限制的javascript代码如下: 阅读全文

jQuery滑动导航菜单

六月 4, 2010 作者:  
类别:个人随笔

3 条评论|1779 views

今天用jQuery写了个滑动导航菜单,加入了缓动展开的效果。比以前常用的用css伪类:hover+ie6模拟:hover的js写的那个效果好,所以拿出来分享一下,可能还可以更好的改进,欢迎大家多拍砖。

先看一下效果图

实例:Demo

用到的javascript代码如下: 阅读全文

网页浮动工具条

五月 22, 2010 作者:  
类别:个人随笔

发表评论|1846 views

前两天用jQuery写了个网页浮动工具条,主要效果如下:

1、自动判断浏览器宽度。

当浏览器窗口小于1024时,工具条会自动隐藏

支持浏览器窗口拖拽

2、当拖动浏览器窗口大小时,工具条位置也会相应调整,始终保持贴在网页主体内容右侧。

用到的javascript代码如下:

阅读全文

最简单的代码实现Tab

五月 18, 2010 作者:  
类别:个人随笔

3 条评论|11,000 views

在工作中经常遇到这种Tab切换效果,网上这种效果也是一搜一大堆,但不一定完全适合自己。写过许多次后,发现了一种方法不但代码简洁,而且调用方便,所以分享给大家。

这是基于jquery写的一个Tab,选项卡标题的id和选项卡内容class的名称保持一致即可。

用到的javascript代码如下:

阅读全文

用户上传头像,等比例缩放

二月 8, 2010 作者:  
类别:个人随笔

发表评论|1401 views

其实关于用户上传头像大小问题早就有了比较完美的解决办法,那就是再上传时通过裁切来实现。

最近做一个专题,用裁切有点大材小用,而且着急上线,就写了个简单js来满足头像自适应预留位置大小。

具体要求如下:

1、当用户上传的头像宽和高均小于指定大小(200X150)时, 阅读全文

让IE6更快的走向灭亡[转]

二月 6, 2010 作者:  
类别:个人随笔

3 条评论|1341 views

最近关于浏览器的最重要的事情就是IE的极光0day漏洞了,这个漏洞导致包括Google在内的多家美国公司受到黑客的攻击,当然也有很多色情网站被黑客利用,从而使用户受到严重的攻击,而IE6用户首当其冲,成为该漏洞的最大受害者。

其实我们天天在想到底哪一天IE6才会真正死去, 阅读全文

我的小博终于又好了

一月 30, 2010 作者:  
类别:个人随笔

3 条评论|1131 views

在国内轰轰烈烈的打击.CN域名的风波下,我的博客不幸“遇难了”。

原因就是我原来租用的空间商为了不被波及,发出了一条这样的通知:“由于中国互联网络信息中心对域名使用进行管制,本站暂时取消域名绑定服务。”,看到这个,心凉了半截,那我的博客以后怎么办呢? 阅读全文

弹出层详解,从简单到复杂

十二月 25, 2009 作者:  
类别:个人随笔

10 条评论|11,860 views

在工作过程中经常遇到做弹出的层效果,有的需要在元素右下弹出,有的需要弹出在浏览器正中间,有的需要弹出后再拖拽,有的需要背景要变暗,有的需要弹出的层跟随鼠标移动……

网上此类效果其实很多,有javascript原生的,有基于框架写的,但自己好多时候用不到那么高级的效果, 阅读全文

下一页 »