昨天做项目遇到一个问题,和大家分享下,jquery实现点击按钮弹出层和点击空白处隐藏层的问题if($(‘.autoBtn‘).length){ $(‘.autoBtn‘).find(‘.assess‘).unbind().bind(‘click‘,function(event){ //取消事件冒泡 event.stopPropagation(); if($(‘.abtnBox‘).is(":hidden")){ $(‘.abtnBox‘).show(); ...
原文:https://www.cnblogs.com/springsnow/p/9461713.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=0"><title>按钮</title><script src="../jquery-2.2.4.min.js"></script><script src="jquery.mobile-1.4.5.min.js"></script><link type="text/css" rel="stylesheet" href="jquery.mobile-1.4.5.min.css"><style>ul{width: 150px;display: inline-block;}...
/*按钮禁用10秒*/
function disabledSubmitButton(submitButtonName){$("#"+submitButtonName).attr({"disabled":"disabled"}); //控制按钮为禁用setTimeout(function () {$("#"+submitButtonName).removeAttr("disabled");//将按钮可用}, 10000);
}原文:http://blog.51cto.com/1197822/2343028
这篇文章主要介绍了jquery判断单选按钮radio是否选中的方法,实例分析了加载页面时获取单选按钮ID和点击按钮时获取单选按钮ID两种方法,非常简单实用,需要的朋友可以参考下 本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下:html代码如下:<input type="radio" id="d1" name="ra" value="a" checked="checked" />
<input type="radio" id="d2" name="ra" value="b" />
<input type="radio" id...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="application/javascript" src="jquery-1.11.3.min.js"></script><script type="application/javascript">$(document).ready(f...
HTML中的代码如下: 1<div style="background:#fff;border-style:solid; border-width:1px 1px 0 1px;border-color:#B8D0D6;"> 2<div > 3<div style="margin:-6px 0 0 0"> 4<button class="button gray" type="button"id="addButton">添加坐标</button> 5<input type="text" name="dwz_rowNum" class="textInput" id="count" value="1"> 6</div> 7</div> 8<table class="list nowrap "id="table" width="100%"> 9<thead>10<tr>...
//**1、设置默认值:**//var osel=document.getElementById("selID"); //得到select的IDvar opts=osel.getElementsByTagName("option");//得到数组optionvar obt=document.getElementById("bt");obt.onclick=function(){opts[3].selected=true;//设置option第4个元素,即value="3"为默认选中 }//**2、设置禁止选择:**//
$("#selectId").attr("disabled", "disabled");
$("#selectId").attr("style", "background-color: #EEEEEE;...
现在大部分网页的按钮都是经过美化的,那些原始的浏览器按钮太过于枯燥乏味,让用户失去和网站交互的兴趣。早期我们都是通过背景图片来美化网页按钮,而现在我们可以利用扩展性更好的CSS3来制作漂亮的网页按钮,本文是jQuery/CSS3按钮系列插件的第一篇,希望大家会喜欢。超可爱的CSS3 3D按钮这款CSS3按钮相当具有创意,它的外观很独特,非常适合个性化的个人博客上,可以用来制作评论提交按钮或者简单的交互行为按钮,个人非常喜欢...
新的一周开始了,今天我们要为大家分享一些全新的jQuery插件和HTML5/CSS3应用,这些jQuery插件不仅非常炫酷,而且还挺实用,这次的分享包含jQuery菜单、CSS3按钮已经多种图片特效,一起来看看吧。1、CSS3书本翻页动画 书本翻页效果逼真今天我们要分享一款炫酷而且实用的CSS3动画效果,它是模拟书本翻页的动画特效。当鼠标滑过书本右上角时,书本即可向前翻一页,而且翻页动画非常逼真。由于CSS3的运用,我们并不需要使用复杂的图片...
截取字符串;字符串拼接;动态循环添加元素:获取当前按钮:{data : null, render: function(data, type, row ) {var loginName = $("#loginName").val();var div = $("<div class=‘btn-group‘></div>");var button1 = $("<button role=‘download‘ value=‘" + row[5] + "‘ name=‘download‘ class=‘btn btn-xs btn-info glyphicon glyphicon-save‘ title=‘下载‘></button>");var button2 = $("<button role=‘pass‘ n...
初始删除与添加 1<!DOCTYPE html> 2<html> 3<head> 4<title></title> 5<meta charset="utf-8"> 6<script type="text/javascript" src="assets/js/jquery.js"></script> 7</head> 8<body> 9<form action="<?php $_SERVER[‘PHP_SELF‘] ?>" method="post" enctype="multipart/form-data">1011<input type="hidden" name="countFile" value="3">12<ul id="prod_upload_image" style="list-style: none !important;">1314<li style="w...
转自:http://www.cnblogs.com/linjiqin/p/3148228.html本案例实现类似开关按钮效果。页面有下拉列表、文本框、按钮等表单元素,大致实现如下效果:1、页面一加载时,文本框隐藏,下拉列表显示,按钮值变为“显示文本框”。2、点击“显示文本框”按钮时,文本框显示,下拉列表隐藏,按钮值变为“显示下拉列表”。3、点击“显示下拉列表”按钮时,文本框隐藏,下拉列表显示,按钮值变为“显示文本框”。<!DOCTYPE HTML PUBLIC "-//W...
在此随笔之前,博主已经做过一次图片滑动轮播,如过你也有看过就会知道里面的效果在自动轮播的时候有一个不太美观的效果,就是当最后一张图片滑动切换到第一张图片的时候会看到一个快速向左滑动的效果,这是很不美观的,当然也有网站是这样做。但博主参照过很多网站的图片轮播基本上都是无缝的(一张紧接着一张),所以博主也决定自己做一个。 做这个之前博主还在某客学院看了视频教程,此方法为纯jquery方法,比js混合jq方法易懂简...
{ wait:90,hsTime:function(that){if (this.wait == 0) { $(‘#hsbtn‘).removeAttr("disabled").val(‘重发短信验证码‘); this.wait = 90; } else { var _this = this;$(that).attr("disabled", true).val(‘在‘+_this.wait+‘秒后点此重发‘);_this.wait--; setTimeout(function() { _this.hsTime(that); }, 1000) } },
} 原文:http://www.cnblogs.com/leejersey/p/3952888.html