jquery与checkbox的checked属性的问题,讲的是控件 1、页面加载成功后,点击选中或取消选中该checkbox,checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3、使用document.getElementById("checkbox_id").checked获取的值与是否钩上一至,即与所见即所得 4、使用$("#checkbox_id").attr("check...
代码如下:JS加入收藏夹function addfavorite(){ if (document.all) { window.external.addFavorite('http://www.baidu.com','收藏夹'); } else if (window.sidebar) { window.sidebar.addPanel('百度一下', 'http://www.baidu.com', ""); }}加入收藏! JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉...
现在有一id=test的下拉框,怎么拿到选中的那个值呢? 分别使用javascript原生的方法和jquery方法 代码如下: text1 text2 一:javascript原生的方法 1:拿到select对象: var myselect=document.getElementById("test"); 2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 3:拿到选中项options的value: myselect.options[index].value; 4:拿到选中项options的text: myselec...
做好的手风琴效果如下,具体看代码: html代码 代码如下: Accordion #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; padding: 8px; min-height: 0; } level one first item second item third...
这个代码不是我原创的,只是最近想学自己做一个很漂亮的弹窗,自己本来是不会怎么写的,所以上网去找了下,感觉这个不错,很简单,很实用,入门很棒。我就改了下,使逻辑性和可读性更好。原作者已不可考。感谢原作者,阿门。代码如下: 弹出窗口登录效果 body,#Mdown { margin: 0; padding: 0; text-align: center; font: normal 14px/180% Tahoma,sans-serif; } #lo...
1. 给网页中的所有p元素添加onclick事件: 代码如下: Insert title here window.onload=function(){ var items=document.getElementsByTagName("p"); for(i=0;iitems[i].onclick=function(){ alert("单击成功..."); } } } 测试段落一... 测试段落二... 测试段落三... 2. 使一个特定的表格隔行变色: 代码如下: Insert title here window.onload=function(){ var item=document.getElementById("tb"); var tbody=...
在日常开发的网站中,常常会用到设置透明度问题,最简单的就是图片的淡入淡出效果。下面我介绍一下在原生js和jQuery中设置透明度的相关问题和注意点: 1 透明度样式设置 透明度在IE浏览器和其他相关浏览器中的设置方法不太相同,IE使用filter:alpha属性,firefox使用opactiy属性,下面示例设置透明度为30%: IE:filter: alpha(opacity:30); firefox:opacity(0.3); 2 原生js设置透明度 为了兼容IE与其他浏览器对透明度的设置,...
说明:1、因为获取高度的情况跟获取宽度的情况一样,所以以下只说获取宽度的情况。 2、以下所说的所有方法与属性所返回的值都是不带单位的。 3、为了方便说明,以下情况采用缩写表示: obj -> 在原生JS中表示DOM对象;在JQuery中表示JQuery对象 Width -> obj.style.width OffsetWidth -> obj.offsetWidth $width -> obj.width() $innerWidth -> obj.innerWidth() $ou...
淘宝首页的回到顶部按钮是这样的:下拉到一定距离后按钮才显示出来,鼠标放到按钮上时,按钮背景会变成灰色,并且图标变成了文字。点击按钮缓慢回到顶部 我们先分析下实现这样的效果需要添加哪些事件。鼠标移进移出按钮,按钮表现发生变化,所以需要给按钮添加mouseover, mouseout事件。要侦听滚动条的变化,所以需要给window添加scroll事件,点击按钮回到顶部,按钮添加click事件。我们将事件处理程序封装成三个函数moveIn, move...
代码如下: Document 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: 100%; } .wrap .next { left: auto; right: -50%; } .wrap .prev:hover, .wrap .next:hover { opacit...
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 += 滑动测试 + i + ; } document.getElementById("moveArea").innerHTML = insert; /*测试数据 */ var at = new appTouch({ tContain : appArea, //必选:滑动区域id tMove : moveArea, //必选:移动区域id tScroller :...
代码如下: New Document * { padding:0px; margin:0px; } #Idiv { width:900px; height:auto; position:absolute; z-index:1000; border:2px solid #ffffff; background:#ffffff; } 点击关闭层 document.documentElement 的区别document.documentElement 的区别 点击打开弹出层! function show() { var Idiv=document.getElementById("Idiv"); Idiv.style.display="block"; //以下部分要将弹出层居中显示 Idiv....
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,火狐和谷歌。 完整代码://设为首页 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请在浏览器地址栏输入“about:config”并回车然后将[signed.applets.codebase_princip...
对于web应用开发者,当用户进行界面浏览时如果后台程序处理程序时间较长,那么用户在网页的等待时间会较长,但是如果页面上没有一个比较友好的提示方式 (增加蒙灰效果),那么用户体验会不是特别良好,用户不知道现在是不是应该点击别的程序,用户并不知道是不是应该继续等待网页,还是可以点击别的页面。 现在就有一个比较良好的交互,就是增加蒙灰效果。像js的框架Extjs的mask()和unmask()功能提供了蒙灰效果,当然jquery也提供...