轻舟 - 博客园

2010年7月2日

摘要：闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码　　var n=999;　　function f1(){　　　　alert(n)... 阅读全文

posted @ 2010-07-02 20:17 轻舟阅读(1128) 评论(5) 推荐(4) 编辑

2010年7月1日

【javascript】函数调用的对象和方法

摘要：探讨一个js基础理论的话题，也许在技巧应用上对你没有太大的帮助，但也许会给你带来一些启发。如果你真正理解Javascript函数是如何调用工作的，那么就可以避免一些bug的发生；首先让我们创建一个简单的函数,这个函数将在下文中使用,这个函数仅仅返回当前的this的值和两个提供的参数.调用这个函数非常的简单,我们需要做的仅仅是：返回值：=> [ window, 'one', 'two' ]问题... 阅读全文

posted @ 2010-07-01 16:58 轻舟阅读(1448) 评论(2) 推荐(0) 编辑

2010年6月29日

【javascript】实用的文字链提示框效果

摘要：效果要基本实现以下功能：（1）鼠标滑过文章中的链接文字，要在相应位置弹出提示框，提示框的样式由css来控制，高度自适应；鼠标可以点击提示框的中的链接,滑离提示框时，框自动消失；（2）把提示框的位置控制在文本域范围之内，如果链接文字处在文本域左侧，提示框要居右显示，使其不会出离文本域；反之，如果链接文字处在文本域右侧，提示框要居左显示；（3）如果文本域内容很多，而链接文字恰巧处于浏览器底部，为了使... 阅读全文

posted @ 2010-06-29 17:35 轻舟阅读(2900) 评论(4) 推荐(3) 编辑

2010年6月25日

[javascript] 用js来调入flash文件

摘要： <!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><meta htt... 阅读全文

posted @ 2010-06-25 19:08 轻舟阅读(622) 评论(4) 推荐(1) 编辑

2010年6月18日

[Jquery] 实现温度计动画效果

摘要：设计图如下:1.xhml[代码]2.css3.js将代码一一拷贝到页面相应的位置，然后记得调用jquery框架，展示条件有限，所以效果跟设计图有出入，但实现原理是一样的，欢迎大家多多交流！阅读全文

posted @ 2010-06-18 15:50 轻舟阅读(6678) 评论(10) 推荐(2) 编辑

2010年6月13日

[javascript]鼠标滑过列表文字显示图片及详细信息

摘要：祝端午节快乐！＠＆＠此效果类似于当当网首页右侧的的7日畅销榜，因为工作需要，编写了一个，现分享出来，恐有不足之处，望提出宝贵意见，共同进步！此效果的难度，不在js，而在xhtml+css，为了实现代码的最优化和浏览器良好的兼容性，确实花了不少功夫，最后选择使用无序列表ul>li；js是封装好的，与文档分离开，同一个页面可以实现多处这样的效果，且互不干扰；1.xhtml2.css3.js效果展... 阅读全文

posted @ 2010-06-13 11:51 轻舟阅读(14718) 评论(22) 推荐(5) 编辑

2010年6月9日

[分享]实用的焦点图切换效果，结构行为相分离

摘要：焦点图切换效果，对前端来说，恐怕再熟悉不过了，实现它的方法应该有多种，工作当中常用的一种，叙述如下：如何让当前的数字导航与图片的显示同步？这里有两个区域，图片切换区和数字导航区；分别对应着两个循环函数；plays(value)和setBg(value)；当图片循环切换到第2张时，此时数字导航的当前状态也变换到第2的位置，以此达到一种同步的效果，这里的关键就是给他们传递相同的参数value；而这个任... 阅读全文

posted @ 2010-06-09 09:14 轻舟阅读(3908) 评论(7) 推荐(6) 编辑

2010年6月4日

[分享] 实用的不间断滚动图效果，具备良好兼容；

摘要：网上有不少图片滚动的效果代码，但大多兼容性不好，或者结构混乱，xhtml，css，js 均没有得到良好的优化，下面介绍一个方法；基本上实现结构跟行为相分离，两者的联系只需要一个id就可以，使用起来很方便，而且同一个js代码可以实现在本页面多个滚动图效果，之间互不干扰，1.xhtml[代码]<div class="demo" id="demo2">... 阅读全文

posted @ 2010-06-04 20:18 轻舟阅读(2900) 评论(8) 推荐(5) 编辑

2010年6月3日

[分享] 实用的结构和行为相分离的标签切换

摘要：做前端工作的朋友都知道网页重构要实现结构（xhtml）、表现（css）、行为（javascript）相分离；那么为什么要分离呢？我总结了几点，希望大家多提宝贵的意见。（1）将js与xhtml相分离，使文档结构清晰，美观，也易于代码的管理维护和重用，编好的js文件可以被多个页面调用。（2）试想一下，如果页面需要大量的触发事件，为了避免使用过多的“onmouseover” &... 阅读全文

posted @ 2010-06-03 14:19 轻舟阅读(1237) 评论(0) 推荐(1) 编辑

2010年6月1日

js判断浏览器版本和类型

摘要：方法一：对浏览器类型的判断和版本的判断可以合为一体地进行；通过分析浏览器的userAgent属性来判断；示例：IE的userAgent如下：Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0)；Firefox 的userAgent如下：Mozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2008070208 ... 阅读全文

posted @ 2010-06-01 15:00 轻舟阅读(509) 评论(2) 推荐(1) 编辑