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 · 7993 阅读 · 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值备注ElementNode.ELEMENT_NODE1元素节点TextNode.TEXT_NODE3文本节点DocumentNode.DOCUMENT_NODE9原创 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+2x=7+-减x=y-2x转载 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 · 764 阅读 · 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 · 4743 阅读 · 1 评论