在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:拿到选...