![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 83
BetterMe
var future 把自己逼上绝路才能...只能...
展开
-
JS:小图-大图效果:根据鼠标坐标定…
这里要注意下: 1. 对象.style.left,值带像素,比如div1.style.left="10px"; 2. 放大图的层没有在鼠标附近是由于position属性的问题,设置为绝对后就可以应用X,Y轴的坐标 3. 根据name遍历后直接调用事件+方法还存在点问题,等双休再看看 效果图: ==================================================原创 2013-02-22 15:44:57 · 340 阅读 · 0 评论 -
JS:正则的应用,联动菜单,数组相…
12、String对象、正则表达式相关 length属性:eg str.length; String对象的常用方法: toLowerCase() toUpperCase() charAt(index) //返回在指定位置的字符 indexOf(字符串,index) //查找某个指定字符串在字符串中首次出现的位置,找不到返回-1 substring(index1,index2) //[ind原创 2013-02-22 15:45:21 · 259 阅读 · 0 评论 -
JS:CSS在JAVASCRIPT中的应用
11、 CSS在Javascript中的调用: a.外部CSS引用:<link rel="stylesheet" href="css.css" type="text/css" /> b.js中style属性: document.getElementByIdx_x("test").style.color = "#ff0000"; //√ document.getElementByIdx_x("tes原创 2013-02-22 15:45:17 · 248 阅读 · 0 评论 -
JS:DOM相关:table对象,节点操作
10、 DOM相关: 创建节点: createElement_x(tagName) //按照给定的标签名称创建一个新的元素节点 appendChild(nodeName) //向已存在节点列表的末尾添加新的子节点 insertBefore(newNode,oldNode) //向指定的节点前面插入一个新的子节点,oldNode是可选项 cloneNode(deep) //复制某个原创 2013-02-22 15:45:15 · 538 阅读 · 0 评论 -
JS:"全选"功能实现(checkbox)
9、 全选功能:【checkbox的选中与否是checked==false和checked==true】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 全选功能 <script type="text/javascript"> function check(){ var ck = document.getEleme原创 2013-02-22 15:45:13 · 329 阅读 · 0 评论 -
JS:客户端表单验证
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 客户端表单验证 body{ text-align:center; } .show{ display:block; color:red; font-weight:bold; } .hide{ display:none; } input{ width:160; }原创 2013-02-22 15:45:02 · 232 阅读 · 0 评论 -
JS:Tab效果,树形菜单原理
8、 Tab切换效果的实现:一般都是通过控制网页元素的显示和隐藏来实现的 树形菜单例子: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 树形菜单 .no_circle{ list-style-type:none; display:none; } <script type="text/javascript">原创 2013-02-22 15:45:10 · 584 阅读 · 0 评论 -
JS:window对象相关
5、 window对象的常用方法: 1、prompt 2、alert 3、confirm:带有提示信息,取消和确定按钮,eg:confirm("对话框中的纯文本");返回true或false 一般用法:var flag = confirm("确认要删除这条信息?"); if(flag){...} 4、close 5、open:弹出一个新的浏览器窗口 window.open("弹出窗口的URL"原创 2013-02-22 15:45:08 · 312 阅读 · 0 评论 -
JS概念整理
1、 JavaScript是一种描述语言,基于对象和时间驱动。javascript应用程序都要下载到浏览器的客户端执行,从而减轻了服务器端的负担 JavaScript由三部分组成:a、核心与法(ECMAScript):是JavaScript的标准规范 b、浏览器对象模型(BOM):与浏览器窗口进行交互原创 2013-02-22 15:45:06 · 209 阅读 · 0 评论 -
JS:字符定时滚动
本想通过setTimeout和setInterval来实现,想来想去没有太好的解决方法,还是按照之前写过的来解决,这里有一点挺逻辑: 滚动字符串例子: var s="滚动的字符串...".split(""); //注意要放在方法体外定义 function func(){ s.push(s[0]); s.shift(); //shift方法,把数组的第一个元素去掉 doc原创 2013-02-22 15:45:04 · 288 阅读 · 0 评论