在IE浏览器中添加或删除事件用attachEvent、detachEvent。在其他标准浏览器中则用addEventListener、removeEventListener。下面的对事件的添加和删除做了封装。直接看代码吧！/** * @description 事件绑定，兼容各浏览器 * @param target * 事件触发对象 * @param type * 事件 * @param func * 事件处理函数 */ function bind(target, type, func) { if (target.addEventListener) {// 非ie 和ie9 target.addEventListener(type, f...
对于web应用开发者，当用户进行界面浏览时如果后台程序处理程序时间较长，那么用户在网页的等待时间会较长，但是如果页面上没有一个比较友好的提示方式 （增加蒙灰效果），那么用户体验会不是特别良好，用户不知道现在是不是应该点击别的程序，用户并不知道是不是应该继续等待网页，还是可以点击别的页面。 现在就有一个比较良好的交互，就是增加蒙灰效果。像js的框架Extjs的mask()和unmask()功能提供了蒙灰效果，当然jquery也提供...
js里面设置DOM节点透明度的函数属性：filter= "alpha(opacity=" + value+ ")"（兼容ie）和opacity=value/100（兼容FF和GG）。 先来看看设置透明度的兼容性代码： 代码如下:function setOpacity(ele, opacity) { if (ele.style.opacity != undefined) { ///兼容FF和GG和新版本IE ele.style.opacity = opacity / 100; } else { ///兼容老版本ie ele.style.filter = "alpha(opacity=" + opacity + ")"; } } 关于有的小伙伴这样写： ...
原生 js 编写，兼容 ie，火狐和谷歌。 完整代码： <script type="text/javascript"> //设为首页 www.gxlcms.com function SetHome(obj,url){try{obj.style.behavior=url(#default#homepage);obj.setHomePage(url);}catch(e){if(window.netscape){try{netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");}catch(e){alert("抱歉，此操作被浏览器拒绝！\n\n请在浏览器地址栏输入“about:config”并回车然后将...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML> <HEAD> <TITLE> New Document </TITLE> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style type="text/css"> * { pa...
PC 移动端兼容 IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ 惯性助动，滑动回弹 门面模式 代码如下:window.onload = function() { /*测试数据*/ var insert = ; for (var i = 0; i < 80; i++) { insert += <div style = "width:100%; text-align:center;">滑动测试 + i + </div>; } document.getElementById("moveArea").innerHTML = insert; /*测试数据 */ var at = new appTouch({ tContain : appArea, //必选：滑动区域i...
代码如下:<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body,div,ul,li { margin: 0; padding: 0; } ul,li { list-style: none; } a img { border: none; } .wrap { width: 100%; overflow: hidden; position: relative; } .wrap .prev, .wrap .next { height: 320px; position: absolute; left: -50%; top: 0; background-color: #999; opacity: 0.7; width...
淘宝首页的回到顶部按钮是这样的：下拉到一定距离后按钮才显示出来，鼠标放到按钮上时，按钮背景会变成灰色，并且图标变成了文字。点击按钮缓慢回到顶部 我们先分析下实现这样的效果需要添加哪些事件。鼠标移进移出按钮，按钮表现发生变化，所以需要给按钮添加mouseover， mouseout事件。要侦听滚动条的变化，所以需要给window添加scroll事件，点击按钮回到顶部，按钮添加click事件。我们将事件处理程序封装成三个函数moveIn, move...
说明：1、因为获取高度的情况跟获取宽度的情况一样，所以以下只说获取宽度的情况。 2、以下所说的所有方法与属性所返回的值都是不带单位的。 3、为了方便说明，以下情况采用缩写表示： obj -> 在原生JS中表示DOM对象；在JQuery中表示JQuery对象 Width -> obj.style.width OffsetWidth -> obj.offsetWidth $width -> obj.width() $innerWidth -> obj.innerWidth() $ou...
在日常开发的网站中，常常会用到设置透明度问题，最简单的就是图片的淡入淡出效果。下面我介绍一下在原生js和jQuery中设置透明度的相关问题和注意点： 1 透明度样式设置 透明度在IE浏览器和其他相关浏览器中的设置方法不太相同，IE使用filter：alpha属性，firefox使用opactiy属性，下面示例设置透明度为30%： IE：filter: alpha(opacity:30)； firefox：opacity(0.3)； 2 原生js设置透明度 为了兼容IE与其他浏览器对透明度的设置，...
1. 给网页中的所有p元素添加onclick事件： 代码如下:<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <title>Insert title here</title> <!-- <script src="jQuery/jquery-1.10.2.js"></script>--> <script type="text/javascript"> window.onload=function(){ var items=document.getElementsByTagName("p"); for(i=0;i<items.length;i++){ items[i].onclick=function(){ alert("单击成功...
这个代码不是我原创的，只是最近想学自己做一个很漂亮的弹窗，自己本来是不会怎么写的，所以上网去找了下，感觉这个不错，很简单，很实用，入门很棒。我就改了下，使逻辑性和可读性更好。原作者已不可考。感谢原作者，阿门。 代码如下:<html> <head> <meta http-equiv="Content-Type"content="text/html; charset=gb2312"/> <meta name="author" content="www.newxing.com" /> <meta name="author email"...
做好的手风琴效果如下，具体看代码： html代码 代码如下:<!doctype html> <html> <head> <meta charset="utf-8"> <title>Accordion</title> <style> #accordion{ width:200px; } #accordion ul{ list-style: none; display:none; } .first-level{ background-color: #d8d8d8; background-color: rgba(236, 208, 208, 0.53); border-radius: 4px; display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; paddi...
今天一个程序员给了一个excel表，里面有一百多条数据，叫我一个一个数据的复制到系相应的函数里面比如 put("gaga1","gaga2"),这样一句话，要我复制一百多遍，fuck。我就说你自己用java读取不就可以啦！他就说用java要运行半个小时以上，我就心里想fuck，是你不怎么懂java吧！此时自己心中的几百万头草泥马在奔腾!!!!!! 于是自己就去找了一个js方法来读取excel里面的数据，加以修改都不用半个小时！真是fuck！ execl里面的数据大概是...
现在有一id=test的下拉框，怎么拿到选中的那个值呢？ 分别使用javascript原生的方法和jquery方法 代码如下:<select id="test" name=""> <option value="1">text1</option> <option value="2">text2</option> </select> 一：javascript原生的方法 1:拿到select对象： var myselect=document.getElementById("test"); 2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 3:拿到选...