js
文章平均质量分 58
wangxiaohui6687
这个作者很懒,什么都没留下…
展开
-
十个技术含量超高的JS图片展示特效
十款超级酷的JS图片展示代码,一定会给你强烈的震撼,技术含量超高,保证你没见过 1.预览地址: http://preview.zcool.com.cn/code/js/04/1/ 2.预览地址: http://preview.zcool.com.cn/code/js/04/2/ 3.预览地址: http://preview.zcool.com.cn/code/js/04/3原创 2012-09-14 16:05:02 · 745 阅读 · 0 评论 -
多个菜单展开和折叠
效果如下: 代码如下: 无标题文档 body,div,span,ul,li{margin:0;padding:0;} body{font:12px/1.5 Arial, Helvetica, sans-serif} ul,li{list-style:none;} #menu{width:150px; background:#3E8DD1; p原创 2013-02-18 10:55:49 · 1375 阅读 · 2 评论 -
用JS制作tab选项卡效果
例子如下: 代码如下: 无标题文档 div{width:300px; height:200px;border:1px solid #000; display:none;} .active{background:yellow;} window.onload=function(){ var aBtn=document.getElementsByTagNa原创 2013-02-18 17:47:44 · 1818 阅读 · 2 评论 -
checkbox如何选中时显示内容,不被选中时隐藏内容
无标题文档 #div1,#div2{ display:none; } //the main function function checkBox(cb) { var oOne = document.getElementById("one"); var oTwo = document.getElementById("two"); var oD原创 2013-03-05 23:18:16 · 7992 阅读 · 0 评论 -
Jquery 收缩展开效果 点击标题展开或者隐藏内容
效果图如下: 代码如下: 收缩展开效果 //此处需要修改 /* 收缩展开效果 */ .text{line-height:22px;padding:0 6px;color:#666;} .box h1{padding-left:10px;height:22px;line-height:22px;background:#f1f1f1;fo原创 2013-03-06 21:57:50 · 9340 阅读 · 0 评论 -
js制作京东 多个tab切换效果
例子效果: 代码如下: 无标题文档 body,div,p,ul,li{padding:0;margin:0;} #main{width:1005px;background:#ccc;overflow:hidden;zoom:1;} ul li{float:left;list-style:none;} #title li{width:2原创 2013-02-28 14:47:36 · 3574 阅读 · 1 评论 -
全选和反选
效果: 代码如下: window.onload = function(){ var oSelsctAll = document.getElementById("selectAll"); var oFx = document.getElementById("fx"); var aInput = document.getElementsByTagName("inp原创 2013-02-28 15:51:56 · 586 阅读 · 0 评论 -
js弹出层
无标题文档 *{margin:0;padding:0;} #one{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);display:none} #two{position:absolute;top:200px;left:45原创 2013-01-22 17:23:59 · 759 阅读 · 3 评论 -
js模拟滚动条
无标题文档 /*主窗*/ #Scroll{width:200px;height:400px;background:#f8f8f8} /*左边内容区*/ #ScroLeft{float:left;height:100%;width:190px;overflow:hidden} /*滚动条背景*/ #ScroRight{position:relative;float:right;hei转载 2014-03-21 16:22:04 · 677 阅读 · 0 评论 -
js操作节点(添加、删除、更改属性)
1.创建节点并添加内容:使用的方法:createElement和createTextNode HTML DOM function Message() { var op=document.createElement("p"); var oText=document.cre原创 2013-01-19 21:07:01 · 5304 阅读 · 0 评论 -
js获取dom的方法
接口 nodeType常量 nodeType值 备注 Element Node.ELEMENT_NODE 1 元素节点 Text Node.TEXT_NODE 3 文本节点 Document Node.DOCUMENT_NODE 9原创 2013-01-14 14:06:34 · 547 阅读 · 0 评论 -
CDATA是什么?
原文地址:http://www.cnblogs.com/qiantuwuliang/archive/2010/03/29/1699361.html 一个 CDATA 部件以""标记结束: script> [CDATA[ function matchwo(a,b) { if (a b && a 0) then { return 1 } e转载 2012-11-13 23:29:10 · 1059 阅读 · 0 评论 -
JS截取字符串:slice(),substring()和substr()
JS提供三个截取字符串的方法,分别是:slice(),substring()和substr(),它们都可以接受一个或两个参数: 一个参数时,三个方法都表示从参数值所示的开始位置一直截取到字符串末尾. 两个参数时, slice(),第一个参数代表开始位置,第二个参数代表结束位置的下一个位置,截取出来的字符串的长度为第二个参数与第一个参数之间的差;若参数值为负转载 2012-12-25 17:38:44 · 12371 阅读 · 0 评论 -
js中的算术运算符和赋值运算符 .
JavaScript 算术运算符 算术运算符用于执行变量与/或值之间的算术运算。 给定 y=5,下面的表格解释了这些算术运算符: 运算符 意思 例如(y=5) 值 VBS + 加 x=y+2 x=7 + - 减 x=y-2 x转载 2012-12-31 11:19:18 · 751 阅读 · 0 评论 -
JavaScript转义符
JavaScript转义符 转义序列 字符 \b 退格 \f 走纸换页 \n 换行 \r 回车 \t 横向跳格 (Ctrl-I) \' 单引号 \" 双引号 \\ 反斜杠原创 2012-12-31 15:26:58 · 411 阅读 · 0 评论 -
JS 技巧大全
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单原创 2013-01-04 15:20:21 · 762 阅读 · 1 评论 -
进入当前节点的位置
parentNode():进入当前节点的父节点; firstChild():进入当前节点的第一子节点; lastChild():进入当前节点的最后一个子节点 nextSibling():进入当前节点的下一个兄弟节点 previousSibling():进入当前节点的前一个兄弟节点原创 2013-01-23 11:33:45 · 645 阅读 · 0 评论 -
javascript DOM详解之DOM1
DOM是针对HTML和XML文档的一个API。DOM描述了一个层次化的节点树,允许开发人员添加、移除和修改页面的一部分。 DOM可以将任何的HTML或者XML描述成为一个由多层次节点构成的结构。节点分为几种不同的类型,每种类型分别表示文档中不同的信息或者标记。每个节点都拥有各自的特点、数据和方法,另外也与其他节点存在特定的关系。节点之间构成了层次,而所有的页面标记则表现为一个以特定节点为转载 2013-01-23 11:44:47 · 628 阅读 · 0 评论 -
addEventListener的学习应用
addEventListener 用于注册事件处理程序,IE 中为 attachEvent,我们为什么讲 addEventListener 而不讲 attachEvent 呢?一来 attachEvent 比较简单,二来 addEventListener 才是 DOM 中的标准内容。 简介 addEventListener 为文档节点、document、window 或 XMLHt转载 2013-01-24 16:38:12 · 308 阅读 · 0 评论 -
js复制当前url地址解决浏览器兼容
1.网上搜索的js复制链接代码,好像只能支持ie浏览器,其他浏览器不支持, 案例: var url=12; if(window.clipboardData){ window.clipboardData.setData("Text",url);转载 2014-07-08 16:08:02 · 4740 阅读 · 1 评论