JavaScript资料,JavaScript文章,JavaScript文档-易库教程

原生Js页面滚动延迟加载图片实现原理及过程

2016年07月27日 11 阅读

原理和过程 1.页面滚动加载事件 2.获取元素在页面里的top值根据滚动条的位置判断何时显示图片 3.获取元素集合加载过的图片从集合里删除效果预览：http://jsfiddle.net/dtdxrk/SkYNq/embedded/result/ 复制代码代码如下: <！DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content=...

原生Js实现元素渐隐/渐现（原理为修改元素的css透明度）

2016年07月27日 6 阅读

经常看到网页里图片渐变显示，自己写一个。原理很简单就是修改元素的css透明度。在线预览效果：http://jsfiddle.net/dtdxrk/BHUp9/embedded/result/ 复制代码代码如下: <！DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">...

javascript截取字符串（通过substring实现并支持中英文混合）

2016年07月27日 6 阅读

javascript截取字符串（支持中英文混合）复制代码代码如下: <script type="text/javascript"> var sub=function（str,n）{ var r=/[^x00-xff]/g; if（str.replace（r,"mm"）.length<=n）{return str;} var m=Math.floor（n/2）; for（var i=m;i<str.length;i++）{ if（...

js实现右下角可关闭最小化div（可用于展示推荐内容）

2016年07月27日 6 阅读

本实例使用Javascript实现右下角可关闭最小化div，可以用于展示推荐内容，效果预览网址：http://keleyi.com/keleyi/phtml/xuanfudiv/3.htm 效果图片：完整源代码：复制代码代码如下: <！DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitio...

使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框

2016年07月27日 5 阅读

使用jQuery UI的tooltip（）函数，可以使悬浮提示框不再那么千篇一律。点击这里先看看效果吧：http://www.keleyi.com/keleyi/phtml/tooltip/ 以下是完整代码：保存到html文件打开也可以看效果。复制代码代码如下: <！doctype html> <html> <head> <meta http-equiv="Content-Type" content="text...

JQuery在页面中添加和除移DOM示例代码

2016年07月27日 10 阅读

1.before（）:将新节点添加到前面 2.after（）:将节点添加到低部 3.prepend（）:把节点变成第一个节点 4.append（）:把新节点添加到末端,与appendTo（）效果相同，只是语法上有差异 5.remove（）：除移节点示例：复制代码代码如下: <ul> <li class="vacation"> <h2>Hawaiian Vac</h2> <button>Get...

动态获取复选框checkbox选中个数的jquery代码

2016年07月27日 5 阅读

今天碰到“jquery动态获取复选框checkbox选中的个数”，首先看下面例子：复制代码代码如下: <input type="checkbox" checked="checked">python<br> <input type="checkbox" checked="checked">java<br> <input type="checkbox" >jquery<br> <...

js操作iframe的一些方法介绍

2016年07月27日 6 阅读

1. 获得iframe的window对象存在跨域访问限制。chrome：iframeElement. contentWindowfirefox： iframeElement.contentWindowie6：iframeElement.contentWindow文章Iframes, onload, and document.domain中说“he iframe element object has a property called contentDocu...

js点击更换背景颜色或图片的实例代码

2016年07月27日 5 阅读

1，按钮样式复制代码代码如下:<script>org_Color=document.bgColor.substring（1.10）</script><form><input type="button" value="淡黄色背景"onClick="document.bgColor="#feffc6""><input type="button" value="浅蓝色背景"onClick="document...

鼠标移入移出改变CSS样式的小例子

2016年07月27日 5 阅读

网页上的某个区域，当鼠标移入时改变样式，鼠标移出时自动恢复样式，可以是一个图片的边框，也可以一段文字变色，掌握了原理，貌似可以做更加丰富生动的网页互动效果，这里主要是利用Js控制Hover标签所在的DIV产生动作，也是学习的好范例。鼠标移入移出改变CSS样式 body{color:#fff;font:12px/1.5 Tahoma;}#div1{width:150px;height:150px;margin:0 auto;padding:10px;bac...

js循环改变div颜色具体方法

2016年07月27日 6 阅读

在使用javascript过程中，想循环遍历一个数组，经常使用的语法有两种：复制代码代码如下:for （var i; i < array.length; i++） { statement;}for （var i in array） { statement;}这两种用法看起来能做同样的事情，但实际上两个循环的循环次数一般是不一样的。源码如下：复制代码代码如下:<！DOCTYPE html><html><head>...

网页禁止鼠标左右键功能的简单代码

2016年07月27日 5 阅读

网页禁止鼠标左右键功能的简单代码这个代码以前在网上找的，试用效果不错，放这里留备份，我想这个也能算是常用的代码之一了。当然啦，查看源码时鼠标肯定可以用啦，不过，有时不用想那么复杂、要求那么强大，况且源码中的代码比文本多。document.oncontextmenu=new Function（"event.returnValue=false;"）;document.onselectstart=new Function（"event.returnValue=...

JQuery+DIV自定义滚动条样式的具体实现

2016年07月27日 6 阅读

JQuery计算滚动条长度和位置，代码如下： javascript复制代码代码如下:<script type="text/javascript"> var scrMinHeight = 1; //滚动条最小高度 var scrMaxHeight = 0; //滚动条最大高度 var scrDefualtTop = 80; //滚动条默认位置 var scrHeight = 0; //初始化滚动条 function InitScroll（） {...

js中复制行和删除行的操作实例

2016年07月27日 9 阅读

复制代码代码如下:var validateForm = null; var num = 2; $（document）.ready（function（）{ var lastCommunAddTr = $（"#workDay"）; $（"#add"）.click（function（） { //复制一行 var tr = $（"#workDay"）.clone（）; tr.find（"#dayMsg1"）.get（0）.style.display="...

javascript实现div的显示和隐藏的小例子

2016年07月27日 5 阅读

复制代码代码如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>oec2003</title><script language="JavaScript" type="text/JavaScript"><！--function toggle（targ...

用js实现table单元格高宽调整,兼容合并单元格（兼容IE6、7、8、FF）实例

2016年07月27日 5 阅读

先上效果图：CSS:复制代码代码如下:body{margin:0px;padding:0px;-moz-user-select:none;cursor:default;}.tabEditDiv{position:absolute;width:15px;height:15px;cursor:pointer;}.seltab{position:absolute;width:15px;height:15px;cursor:pointer;background:...

js实现快速分享功能（你的文章分享工具）

2016年07月27日 5 阅读

这是一款简单易用的文章分享工具，您只需将下面的html代码拷贝到模板中就可以实现文章快速分享功能。如果您想分享你的博客、个人网站或者企业网站等等，下面是两款不错的分享工具，值得拥有！ 1. 复制代码代码如下: <div id="ckepop" class="feixiangjias"> <a href="javascript:" class="jiathis jiathis_txt jtico jtico_jiathis" target...

Jquery动态改变图片IMG的src地址示例

2016年07月27日 6 阅读

复制代码代码如下: <div id="login_1_3a"> <a onfocus=this.blur（） href="javascript:void（0）" class="l-button" style="width:80px" onclick="log_1（）"> <img onfocus=this.blur（） id="img_a" border=0 align="middle" src="login_image/a...

Jquery选择子控件"大于号"和" "区别介绍及使用示例

2016年07月27日 6 阅读

parent > child 概述在给定的父元素下匹配所有的子元素参数 parentSelector任何有效选择器 childSelector用以匹配元素的选择器，并且它是第一个选择器的子元素示例描述: 匹配表单中所有的子级input元素。 HTML 代码: 复制代码代码如下: <form> <label>Name:</label> <input name="name" /> <fiel...

SwfUpload在IE10上不出现上传按钮的解决方法

2016年07月27日 6 阅读

在系统测试过程中，发现使用了SwfUpload实现的无刷新上传功能，在IE10上竟然无法使用了，难道SwfUpload不支持吗？还是需要换一种实现方式呢？最后通过了解SwfUplad.JS文件发现，我们是可以修改的，让其支持IE10,具体解决方案如下：打开SwfUpload.js，在js文件中找到// Private: getFlashHTML generates the object tag needed to embed the flash in t...

首页 / 脚本样式 / JavaScript

原生Js页面滚动延迟加载图片实现原理及过程

原生Js实现元素渐隐/渐现（原理为修改元素的css透明度）

javascript截取字符串（通过substring实现并支持中英文混合）

js实现右下角可关闭最小化div（可用于展示推荐内容）

使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框

JQuery在页面中添加和除移DOM示例代码

动态获取复选框checkbox选中个数的jquery代码

js操作iframe的一些方法介绍

js点击更换背景颜色或图片的实例代码

鼠标移入移出改变CSS样式的小例子

js循环改变div颜色具体方法

网页禁止鼠标左右键功能的简单代码

JQuery+DIV自定义滚动条样式的具体实现

js中复制行和删除行的操作实例

javascript实现div的显示和隐藏的小例子

用js实现table单元格高宽调整,兼容合并单元格（兼容IE6、7、8、FF）实例

js实现快速分享功能（你的文章分享工具）

Jquery动态改变图片IMG的src地址示例

Jquery选择子控件&quot;大于号&quot;和&quot; &quot;区别介绍及使用示例

SwfUpload在IE10上不出现上传按钮的解决方法

Jquery选择子控件"大于号"和" "区别介绍及使用示例