随笔分类 -  前端

摘要:前段时间,项目中遇到这样一个需求。需要在页面中像windows资源管理器中一样可以使用ctrl和shift键来多选。11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111... 阅读全文
posted @ 2015-03-23 11:32 公羊天纵 阅读(2950) 评论(0) 推荐(0)
摘要:今天突然有一个需求要用到,使用js代码改变单选框的选中状态。当时想也不想直接function doGender(gender) { if (gender == "男") { gel("radionan").style.checked = "checked"; } else { gel("radionv").style.checked = "checked"; }}function gel(id) { return document.getElementById(id);}一执行,没反应..... 阅读全文
posted @ 2013-12-17 21:00 公羊天纵 阅读(13498) 评论(3) 推荐(0)
摘要:我们经常会在网站上遇到一些多选的情况,下面我就来说说使用Dom写全选反选的思路。全选思路:首先,我们来分析一下知道,当我们点击"全选"复选框的时候,所有的复选框应该都被选中,那我们就可以给"全选"复选框注册一个事件,就是如果全选按钮被选中的话,那么其他所有复选框都被选中;然后就是其他复选框部分选中或全不选中,那么"全选"复选框不选中。反选思路:我们知道,当我们点击反选按钮,那么就把除"全选"之外的所有复选框的选中状态取反(之前选中的为不选中,之前不选中的为选中),在根据这些复选框的选中状态来判断"全选&q 阅读全文
posted @ 2013-11-03 09:06 公羊天纵 阅读(882) 评论(0) 推荐(0)
摘要:点击表格行变色,这种网页效果应该还是比较常见的。大家应该看见了,我这里的效果是用DOM操作实现的,那么很多人会问什么是DOM操作,贴出代码之前我就和大家解释一下什么是DOM操作:DOM是Document Object Model的缩写,意思是文档对象模型,是由W3C制定的一套访问和操作XML(eXtensible Markup Language)文档的标准,即API。比如DOM告诉JavaScript引擎如何在浏览器窗口中显示和操作XML创建的标记(Tag)。根据W3C DOM规范(http://www.w3.org/DOM),DOM是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松地访 阅读全文
posted @ 2013-10-30 09:01 公羊天纵 阅读(519) 评论(0) 推荐(0)
摘要:这里给园友们演示的是Dom操作实现跑马灯效果,相信我们很多人都用Winform实现过跑马灯效果,其中的关键就是Tirm控件,那么在Dom操作中是用setInterval方法来实现隔一段时间执行一段代码的功能。利用Dom操作实现跑马灯有两个思路:1、定义一个记录方向的变量,默认是left(var dir="left";),然后通过点击按钮传参改变dir的值。这里只有一个setInterval计时器方法2、写两个setInterval方法,分别控制跑马灯的方向,但是当我们改变跑马灯的方向时要停止另一个方向setInterval计时器方法 跑马灯效果!!! ... 阅读全文
posted @ 2013-10-29 12:10 公羊天纵 阅读(817) 评论(0) 推荐(0)