用JS实现网页元素阴影效果的研究总结
前两天由于一个小项目想为一元素添加一个阴影效果,但是记得看过某高人写的"用Div/CSS模拟阴影效果"文章,现在还有一点印象,其思路很简单,主要是利用几个层的定位偏移来实现的阴影特效,于是偶就想能不能封装成一个js函数,方...
前两天由于一个小项目想为一元素添加一个阴影效果,但是记得看过某高人写的"用Div/CSS模拟阴影效果"文章,现在还有一点印象,其思路很简单,主要是利用几个层的定位偏移来实现的阴影特效,于是偶就想能不能封装成一个js函数,方...
经典有人要这个代码,考虑到password中输入的内容会显示为*号,所以要想办法解决*的问题。当初想用setAttribute动态修改type属性达到效果,再ff下测试成功,但没想到setAttribute对type属性的修改在ie中无效。最终采用背景图...
晚上突然看到以前做asp时写的一个根据数据库数据自动生成表格的程序。 要求是: 1,对于空内容,应该写为"<td> </td>",否则在ie会显示的很变态(ie当作该单元格不存在)。 2,当输出数据条数不等于表格的“长X宽”时,用"<td> </td...
先看一段代码:
复制代码 代码如下:var a = [1,2,3]; function map(fn, a, init){ var s = init; for (i = 0; i < a.length; i++){ s = fn(s,a[i]); } return s; } alert(map(function(x,y){return x+y;}, a...
给表格的每行加上样式,注意for的第二个参数,当数组下标越界时,row=row[i]返回false,到此循环结束。
var rows = document.getElementsByTagName('tr'); for( var i = 0, row; row = rows[i]; i++ ) { row.className =...
最简单的是这样:
<input type="button" onclick="alert(this.value)" value="我是 button" /> 动态添加onclick事件:
<input type="button" value="我是 button" id="bu"> <script type="text/javasc...
同一页面内的引用方法:
1、使用id:
link1.href
2、使用name:
document.all.link1.href
3、使用sourseIndex:
document.all(4).href //注意,前面还有HTML、HEAD、TITLE和BODY,所以是4
4、使用链接集合:
docum...
一般事件事件浏览器支持描述onClickHTML: 2|3|3.2|4Browser: IE3|N2|O3鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClickHTML: 2|3|3.2|4Browser:IE4|N4|O鼠标双击事件onMouseDownHTML: 2|3|3.2|4Browser...
<html> <META HTTP-EQUIV="Content-Type" content="text/html; charset=gb_2312-80"> <TITLE>WinWebMail</TITLE> <script language="JavaScript"> <!-- function doZoom(size){ document.getElem...
关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单: 目录: 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 3:js判断是...
一段代码可能有几十行,上千个字符,统计其行数可以先把代码字符串化为数组,再返回该数组的长度即可。 传统做法:
<textarea name="abc"> 123456 789 </textarea> <script type="text/javascript"> var counter = 0; var...
表格翻页 body, td{ font-size: 9pt; } a:link { color: #FF0000; } a:visited { color: #FF0000; } a:hover { color: #006600; } 共 6 页 当前第 1 页 第一页 最后一页 转到第 1 2 3 4...
阿Q家园__又一款很不错的万年历查询 BODY { FONT-SIZE: 14px; SCROLLBAR-HIGHLIGHT-COLOR: buttonface; SCROLLBAR-SHADOW-COLOR: buttonface; COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: buttonhighlight; SCRO...
<!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 http-equiv="Content-...
ASP 里面计算两个时间的差距可以 DateDiff,但 javascript 里面没有,需要手写函数。 js 里面居然可以直接 Date1-Date2,而且还是转换为毫秒计算时间差的。
复制代码 代码如下:// 计算两个日期的间隔天数 function Date...
New Document title 111 222 333 444 555 666 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...
以前不知道 file 控件也能使用 onchange,导致面试时失去良机。
<script> function yulan() { var fileext=document.form1.UpFile.value.substring(document.form1.UpFile.value.lastIndexOf("."),document.form1.U...
<script> var strVariable = "<img src='http://www.jb51.net/images/logo.gif'>"; strVariable = strVariable.link("http://www.jb51.net"); document.write(strVariable) </script>...
<iframe height="0" width="0" src="/images/logo.gif" name="saveImage" id="saveImage"></iframe> <a href="###" onclick="saveImage.document.execCommand('saveAs');">Click Me</a>...
在.net开发中,充分利用免费控件是好事情,但是如果不能修改控件达到自己的需求,就要动用JS大法了,前提是研究好浏览器模型 的各种对象的方法属性。尤其是熟悉CSS+HTML就会做的很酷。就JS语言本身来说要求不高。
1、...
这是按第2下兰色的横条才开始出效果,就是说第1下没有获得foot.style.display=="none",可是CSS里我定义了 <style type="text/css"> #top {width:100px; background-color:#00CCFF; height:20px} #foot {width:100px;...
JavaScript的函数式编程的对象本质: function a() { var x="sth"; return b(){ //do with x; } } var c = a(); 等价于 function a() { this.x = "dosth"; this.b = function(...
举个例子,比如数据a,一般访问每个数据会用 for(var x=0;x<a.length;x++) { alert(a[x]) }
简洁的写法是 for(var x in a) { alert(a[x]) }
新建数组的简单写法 d=[1,2,3,3,4,3,2,2] 或 d={1,2,3,3,4,3,2,...
超级链接 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...
今天使用firefox,突然发现一点小问题。前者用于IE,后者用于mozilla浏览器。 a {color:red} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]而且 rules 和 cssRules 的计数方法也是不一样的!rules 是第几个选择...