随笔分类 - js
jQuery文章、Demo等
js原生写的微博留言板有angularjs效果
摘要:1、HTML: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <link rel="stylesheet" href="css/weibo.css"/> <title>微博发布框</title></head><body><d
阅读全文
inheritprototype原型继承封装及综合继承最简实例
摘要:1、inheritprototype.js ;(function(){ var s = { inheritObject:function(o){//对象继承封装 var F = function(){}; F.prototype = o; return new F(); }, inheritProt
阅读全文
JS中的call()和apply()方法
摘要:1、方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由
阅读全文
layer.layui.com 一个不错的弹窗层js插件库
摘要:http://layer.layui.com/
阅读全文
css3实战版的点击列表项产生水波纹动画——之jsoop面向对象封装版
摘要:1、html: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/reset.css"/> <link rel="stylesheet" href="./cs
阅读全文
css3实战版的点击列表项产生水波纹动画
摘要:1、html+js: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/reset.css"/> <link rel="stylesheet" href=".
阅读全文
CSS3动画效果——js调用css动画属性并回调处理详解
摘要:http://www.jb51.net/css/258407.html 这篇文章主要详细介绍了CSS3动画效果回调处理,需要的朋友可以参考下 我们在做js动画的时候,很多时候都需要做回调处理,如在一个动画完成后触发一个事件、一个动画完成后执行另外一个动画等等,但在使用CSS3动画时能不能捕获到运动
阅读全文
绝对牛逼的网上矢量图标搜索下载网址——阿里巴巴矢量图
摘要:http://www.iconfont.cn——阿里巴巴矢量图 需要什么图标在上面一搜,就出来了你想要的icon,下载下来就可以用了,非常方便。
阅读全文
js原生:封装document.getElementByClassName()函数
摘要://接口封装:封装document.getElementByClassName()函数function getElementsByClassName (cName,domTag,root) {//该函数有三个参数:第一个参数是class名(必选,字串形式);第二个参数是父容器(可选),默认为body
阅读全文
js和jquery获取父级元素、子级元素、兄弟元素的方法
摘要:先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用: 比如: <div id="dom"> <div></d
阅读全文
JS如何获取页面可见区域高度
摘要:window.document.body.clientHeight就可以window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值
阅读全文
IE6中让png的icon图标也透明的完整代码段
摘要:一个引用了在IE6中让img图标也可引用png图片的js插件代码的html是这样写的,兼容IE6: <a class="btn btn-select" href="javascript:fensong_addaccept()"> <img src="__STATIC__/yjj/images/16.
阅读全文
IE6-能让png图片有透明效果的js代码
摘要:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head> <meta http-equiv="Content
阅读全文
导航栏项目滑过时子菜单显示/隐藏jquery代码
摘要:;(function(window){ $('.menuitem').hover(function(){ $('>a',this).css('background-color','#60aeeb'); $('.subnav',this).show(); },function(){ if( !$(th
阅读全文
js函数对象
摘要:函数是进行模块化程序设计的基础,编写复杂的Ajax应用程序,必须对函数有更深入的了解。 javascript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的。通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前,先看一下函数的使用语法:以下是
阅读全文
兼容ie6及以上和firefox等标准浏览器的表格行滑过时背景色切换的效果
摘要:一、js代码——"tablehover.js" /** *②、表格单元行滑过时高亮样式动效组件封装 *oop形式封装交互动效类 *组件说明这个组件是为了向下兼容到IE6,因为IE6不支持tr:hover这种形式的伪类,而在ff等标准浏览器中是支持的,这样写: .tablelist td{border
阅读全文
对js原型对象的拓展和原型对象的重指向的区别的研究
摘要:我写了如下两段代码: function Person(){} var p1 = new Person(); Person.prototype = { constructor: Person, name: "cxc", age: 20, sayName: function(){ console.log
阅读全文
兼容IE6及以上的导航栏子菜单栏滑过显示隐藏效果
摘要:;(function(window){ var li = document.getElementById('parentnav').getElementsByTagName('li')[1]; var li_a = li.getElementsByTagName('a')[0]; var subna
阅读全文
兼容ie6及以上的表格行滑过时背景色切换的效果
摘要:;(function(window){ var tb = document.getElementById('tablelist'); function trfocus(){//为了兼容IE6在css中td不要设置背景颜色,否则会遮挡住tr背景颜色的变换.在标准浏览器中可以直接用样式控制鼠标滑过时,切
阅读全文
浙公网安备 33010602011771号