个人随笔

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

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

静态页面js传参 (1967 views)

js在静态页面传参，主要就是怎么在目的页面获取到相应的参数，这里通过一个小例子，演示一下参数传递的方法。 实例描述：比如有两个页面，分别叫a.html和b.html。b.html页面中有一个tab选项卡菜单，分别是“手机数码”、“电脑”、“家用电器”。这里要实现的是，怎么从a.html页面，连接到b.html中不同... [阅读全文]

仿校内textarea输入框字数限制效果 (1794 views)

这是一个仿校内textarea回复消息输入框限制字数的效果，具体表现如下： 普通状态是一个输入框，当光标获取焦点时，出现字数记录和回复按钮 PS:上边那个小三角可不是用的图片。 普通状态效果如下： 获取焦点时： 字数限制的javascript代码如下:... [阅读全文]

jQuery滑动导航菜单 (1778 views)

今天用jQuery写了个滑动导航菜单，加入了缓动展开的效果。比以前常用的用css伪类:hover+ie6模拟:hover的js写的那个效果好，所以拿出来分享一下，可能还可以更好的改进，欢迎大家多拍砖。 先看一下效果图 实例：Demo 用到的javascript代码如下:... [阅读全文]

网页浮动工具条 (1842 views)

前两天用jQuery写了个网页浮动工具条，主要效果如下： 1、自动判断浏览器宽度。 当浏览器窗口小于1024时，工具条会自动隐藏 支持浏览器窗口拖拽 2、当拖动浏览器窗口大小时，工具条位置也会相应调整，始终保持贴在网页主体内容右侧。 用到的javascript代码如下: ... [阅读全文]

最简单的代码实现Tab (1993 views)

在工作中经常遇到这种Tab切换效果，网上这种效果也是一搜一大堆，但不一定完全适合自己。写过许多次后，发现了一种方法不但代码简洁，而且调用方便，所以分享给大家。 这是基于jquery写的一个Tab，选项卡标题的id和选项卡内容class的名称保持一致即可。 用到的javascript代码如下: ... [阅读全文]