随笔分类 -  javascript入门

摘录各种例子以便不时之需。。。
在字典中删除一个元素
摘要:今天才知道,在如何在字典中删除一个元素。如有这样一个字典: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->var dic = new Object();dic["ele1"] = "a";dic["ele2"] = "b";dic["ele3... 阅读全文
posted @ 2009-04-08 17:45 lolicon 阅读(383) 评论(0) 推荐(0)
ToolTip功能
摘要:直接看效果图: 使用普通的HTML属性alt只能简单地提示一些文本,如上这些复杂的功能就需要用JavaScript实现。 详细代码如下: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> Test ToolTip ... 阅读全文
posted @ 2009-02-06 14:14 lolicon 阅读(309) 评论(0) 推荐(0)
圆角边框
摘要:如题,圆角边框即是角是圆形的框子。 效果图如下: HTML代码: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 这是使用JavaScript动态实现的圆角边框,其中尚有很多不足之处以待改进。这是使用Java... 阅读全文
posted @ 2009-02-05 16:30 lolicon 阅读(349) 评论(0) 推荐(0)
倒影特效
摘要:利用JavaScript可以实现一般图片处理工具的倒影特效。效果图可见下: 可以见到loli玉腿粉呈,宛如水中倒影。 实现思路有二,一是先在图片下方添加一个元素,作为倒影容器,然后在容器中添加若干个高度为1PX的元素,其中含有一个与原图相同的元素,设置该元素margin-top属性,使其显示原图中某个高度位置的局部内容。最后设置倒影中每一个1PX高的元素的opacity属性,从而实现倒影的渐变效果... 阅读全文
posted @ 2009-02-04 13:19 lolicon 阅读(280) 评论(0) 推荐(0)
网页换肤
摘要:很多网站提供了一系列的皮肤给用户随喜好使用,方便用户进行个性化设置,同时在用户下一次访问该网页时,显示的也是他的个性设置。 要实现网页换肤的功能,主要就是依靠切换样式表来实现,而要进行保存设置,不用说,用的自然是COOKIE。 下面是简单的代码示例: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http:/... 阅读全文
posted @ 2009-02-02 13:54 lolicon 阅读(287) 评论(0) 推荐(0)
简单相册预览
摘要:完成功能如此图: 鼠标移到上方缩略图时,下方显示大图。 完整代码如下: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 ... 阅读全文
posted @ 2009-01-28 13:11 lolicon 阅读(596) 评论(0) 推荐(0)
仿迅雷评级功能
摘要:代码如下: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 其中star_light.gif图片是黄色星星的图片,star_... 阅读全文
posted @ 2009-01-25 12:21 lolicon 阅读(239) 评论(0) 推荐(0)
简单拖放效果
摘要:图: 实例: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 draggable 阅读全文
posted @ 2009-01-22 16:00 lolicon 阅读(176) 评论(0) 推荐(0)
双向选择链表框
摘要:实例: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 " onclick="moveRight()" /> >" onclick="move... 阅读全文
posted @ 2009-01-22 15:00 lolicon 阅读(176) 评论(0) 推荐(0)
添加关键词链接
摘要:网页中一些需要特别解释的关键词通常会以链接的形式呈现,这样可以方便用户通过链接的页面了解与关键字相关的信息。这种方式在新闻网站、BLOG、WIKI网站中应用得非常广泛。 实例: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 ... 阅读全文
posted @ 2009-01-22 14:26 lolicon 阅读(265) 评论(0) 推荐(0)
使用克隆节点方法
摘要:对于那些需要在页面中创建多个类似节点的情况,可以准备一个“模板”节点,创建新节点时首先调用cloneNode方法获得“模板”节点的副本,然后根据实际应用的需要对该副本节点进行局部内容的修改,使用cloneNode方法是一种非常高效的创建节点的方式,特别是对于复杂页面结构,如果完全使用create***方法创建,代码会十分繁琐且不利于后期的修改维护。 实例: CodeCode highlightin... 阅读全文
posted @ 2009-01-19 16:33 lolicon 阅读(230) 评论(0) 推荐(0)
创建文档片段提高页面效率
摘要:createDocumentFragment方法可以创建一个文档片段,在文档片段中可以添加各种节点,最后一次性添加到HTML页面中。使用这种编程方式可以减少页面更新的次数,提高页面展示的效率。 实例: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/... 阅读全文
posted @ 2009-01-19 16:29 lolicon 阅读(223) 评论(0) 推荐(0)
延时生效按钮
摘要:延时生效按钮经常会在网站的注册过程中使用到,其作用主要是为了让用户停留几秒钟,自习阅读使用该网站必须要遵守的协议。 CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 提交 阅读全文
posted @ 2009-01-19 16:26 lolicon 阅读(211) 评论(0) 推荐(0)
用URL传递参数
摘要:实例: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->//blue.cssbody {background-color: #A7C7E0} CodeCode highlighting produced by Actipro CodeHigh... 阅读全文
posted @ 2009-01-19 16:24 lolicon 阅读(237) 评论(0) 推荐(0)
用cookie传递参数
摘要:实例: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->//1.html 1 用户名: 密码: 7天内无需登录 CodeCode highlighting produced by Actipro CodeHighli... 阅读全文
posted @ 2009-01-19 16:21 lolicon 阅读(503) 评论(0) 推荐(0)
父子窗口交互
摘要:实例: 打开一个新窗口,用户在新窗口加载的页面中输入检索条件,单击确定按钮,检索条件将送回给父窗口,父窗口根据得到的条件进行检索并且更新页面的显示,同时关闭子窗口。 代码: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->//1.html ... 阅读全文
posted @ 2009-01-15 10:49 lolicon 阅读(283) 评论(0) 推荐(0)
窗口最大化&无提示关闭窗口
摘要:问题: 很多应用系统为了获取最大化的工作区域,经常需要将浏览器窗口本身的菜单、工具条等隐藏。 解决方案: 首先打开一个中转页面,在该页面中使用window.open方法打开一个最大化的窗口,并且在该窗口中将父窗口关闭。这样对于用户而言,看到的就是一个自动最大化的浏览器窗口。 CodeCode highlighting produced by Actipro CodeHighlighter (fre... 阅读全文
posted @ 2009-01-13 16:14 lolicon 阅读(559) 评论(0) 推荐(0)
开启一个新的浏览器窗口保留未编辑完内容
摘要:问题: 在邮件系统中写新邮件或者回复邮件时,我们一般会在主界面上直接编辑邮件内容,如果邮件还没有编辑完成,我们却需要查看其他邮件,这时就要开启一个新窗口保留未编辑完的邮件内容。 解决方案: CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->//1... 阅读全文
posted @ 2009-01-13 16:02 lolicon 阅读(204) 评论(0) 推荐(0)