在本文中用JQuery对class属性的操作方法实现页面中的按钮开关效果。 首先定义两个class: 代码如下: .controlOff{ display:inline-block; width:130px; height:36px; cursor:pointer; background-image:url("../iclass/images/teach_off.png"); background-repeat: no-repeat; } .controlOn{ display:inline-block; width:130px; height:36px; cursor:pointer; background-image:url("../iclass/images/teach_on.png"); backgroun...
代码如下: //全选按钮处理 $(function(){ //点击全选 $("#checkAll").click(function () {//当点击全选框时 var flag = $("#checkAll").is(":checked");//判断全选按钮的状态 var checkItems=document.getElementsByName("checkItem"); for(var i=0;i<checkItems.length;i++){ checkItems[i].checked = flag; } }); //点击子项 $("input:checkbox[name=checkItem]").each(function(){ $(this).click(function(){ if($("input:check...
代码如下: //Jquery 模拟用户点击超链接或者按钮 $("#a").trigger("click");
本例用了2个js文件jquery-ui-1.8.6.core.widget.js和jqueryui.bannerize.js,到演示页面可以查看 CSS Code 代码如下: *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} /* ui-banner */ .ui-banner{display:block;position:relative;width:820px;margin:20px auto;} .ui-banner.ui-banner-invalid{display:none;} .ui-banner,.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-ar...
一组单选按钮name都为country 代码如下: var country = document.getElementsByName(country); for(var i=0;i<country.length;i++){ if(country[i].checked) { country[i].checked=false; //不选中 } }
代码如下: test count down button $(function () { $('#btn').click(function () { var count = 3; var countdown = setInterval(CountDown, 1000);function CountDown() { $("#btn").attr("disabled", true); $("#btn").val("Please wait " + count + " seconds!"); if (count == 0) { ...
一组单选按钮name都为country 代码如下: var country = document.getElementsByName(country); for(var i=0;i<country.length;i++){ if(country[i].checked) { country[i].checked=false; //不选中 } } //判断集合shippingAddressList 是否为空
代码如下: function check(txt){ $j("form").submit(function(){ if($txt=="提交"){ this.action="doAddMessage.action?button=提交"; this.submit(); }else{ this.action="doAddMessage.action?button=保存"; this.submit(); } }); } 例如:页面中有两个图片按钮的提交,我们这个时候可以给他们都绑定onclick事件,这个时候我们借助jquery的form表单有个事件,叫做submit的。 如图,由于,我的项目里面用了dwr,我把jquery的控制...
继续分享web前端自定义控件,今天所要分享的控件是单选按钮,希望对你有收获,有好的建议也希望能留言给我。代码如下: Html代码如下: 代码如下:<p style="margin:50px;float:left;"> <b class="radio" _txt="单选我"></b> <b class="radio" _txt="单选你"></b> <b class="radio" _txt="单选他"></b> </p>Css代码如下: 代码如下:.radio{float:left;background:url(/img/Icon_BG.png);} .radio{width:14px;height:14px;back...
time.html代码: 代码如下: Document time.js代码: 代码如下: function add_num(a,b,c){ if(cc++; } else{ c=b; } if(c=0){ c="0"+c; } return c; } function sub_num(a,b,c){ if(c>a){ c--; } else{ c=b; } if(c=0){ c="0"+c; } return c; } function add_hour(){ var current_num=$("#hour").attr("value"); current_num=add_num(23,0,current_num); $("#hour").attr("value",current_num); } functio...
解决办法: 打开jquery.fancybox-1.3.4.css 注释掉这行就行了: 代码如下:.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=fancybox/fancy_close.png, sizingMethod=scale); }
sina微博:</iframe QQ空间: 人人网: 腾讯微博:
代码如下: 带关闭按钮的网页漂浮广告代码 X ff.js代码 代码如下: var xPos = 20; var yPos = document.body.clientHeight; var step = 1; var delay = 30; var height = 0; var Hoffset = 0; var Woffset = 0; var yon = 0; var xon = 0; var pause = true; var interval; img.style.top = yPos; function changePos() { width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = img.of...
javascript实现 代码如下: jquery文件上传 var addMore = function() { var div = document.getElementById("div2"); var br = document.createElement("br"); var input = document.createElement("input"); var button = document.createElement("input"); input.setAttribute("type", "file"); button.setAttribute("type", "button"); button.setAttribute("value", "Remove"); button.onclick = function() { div.remo...